/* Clicker CSS */

body {
	background-image : url(images/back.gif); 
	background-color: #E0FFFF;
	background-position : 0 0; 
	} 



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* Bereich des Bildes auf der indexseite */
#logo {
	position : absolute; 
	top : 50; 
	left : 180px; 
	width : 80%;
	height : 80%; 
	} 
/* Bereich des Bildes auf der indexseite Ende */

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#counter {
position : absolute;
left : 180px;
top : 90%;
width : 80%;
height : 20px;
}

.counter a:link , .counter a:visited , .counter a:hover {
	text-decoration : none; 
	font-size : 0,1px; 
	color : #E0FFFF; 
	}

/* allgemeiner Schreibbereich */

#schrift {
	Z-Index: 2;
	position : absolute; 
	left : 180px; 
	top : 50px; 
	width : 80%; 
	height : 80%; 
	padding : 10px; 
	overflow : auto; 
	} 

#schrift a:link, #schrift a:visited {
	text-decoration : none; 
	color : blue; 
	font-family : 'Times New Roman', Times, serif; 
	font-weight : bold; 
	font-size : 1.1em; 
	font-style : italic; 
	} 

#schrift a:hover {
	text-decoration : none; 
	color : red; 
	font-family : 'Times New Roman', Times, serif; 
	font-weight : bold; 
	} 

/* allgemeiner Schreibbereich Ende*/

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#hauptmenue {
	position : absolute; 
	background-image : url(images/links1.gif); 
	background-position : 0 0; 
	Z-Index: 1;
	border-bottom-style : outset;
	top : 102px; 
	bottom : 41px;
	padding : 5px;
	left : 10px; 
	width : 160px;
	height : 80%; 
	overflow : auto; 
	} 



#links {
	position : absolute; 
	background-image : url(images/links1.gif); 
	background-position : 0 0; 
	Z-Index: 1;
	top : 102px; 
	left : 10; 
	width : 160px;
	} 

#links1-oben {
	position : absolute; 
	background-image : url(images/links1-oben.gif); 
	background-position : 0 0; 
	Z-Index: 1;
	top : 22; 
	left : 10; 
	width : 160px;
	height : 80px;
	} 



ul#hauptnavi {
	list-style : none; 
	margin : 0; 
	padding : 0; 
	} 

ul#hauptnavi li a:link , ul#hauptnavi li a:visited {
	border-style : outset; 
	border-color : #F0F8FF; 
	text-decoration : none; 
	display : block; 
	width : 100%; 
	padding : 3px; 
	background-color : #7B68EE; 
	font : bold 14px Arial, sans-serif; 
	color : #FFA07A; 
	} 

ul#hauptnavi li {
	margin : 1px;
	} 

ul#hauptnavi li a:hover {
	border-style : inset; 
	background-color : #FFA07A; 
	font : bold 14px Arial, sans-serif; 
	color : #7B68EE; 
	} 

ul#hauptnavi ul#zusatznavi {
	list-style : none; 
	margin : 0px; 
	padding : 0px; 
	} 

ul#hauptnavi ul#zusatznavi li a:link , ul#hauptnavi ul#zusatznavi li a:visited {
	border-style : outset; 
	border-color : #F0F8FF; 
	text-decoration : none; 
	display : block; 
	width : 100%; 
	margin : 1px;
	padding : 2px; 
	background-color : #FFA07A; 
	font : bold 12px Arial, sans-serif; 
	color : #7B68EE; 
	} 

ul#hauptnavi ul#zusatznavi li a:hover {
	border-style : inset; 
	background-color : #7B68EE; 
	font : bold 12px Arial, sans-serif; 
	color : #FFA07A; 
	} 

.schrift {
	margin-top : 0px;
	font-family : Arial, Helvetica, Sans-Serif; 
	font-size : 1.2em; 
	text-align : left; 
	padding-left: 20px;
	margin-bottom :20px;
	}

.schrift_center {
	margin-top : 0px;
	font-family : Arial, Helvetica, Sans-Serif; 
	font-size : 1.2em; 
	text-align : center;
	margin-bottom :20px;
	}

.linie {
	font-family : Arial, Helvetica, Sans-Serif; 
	font-size : 1.2em; 
	text-align : left; 
	text-decoration : underline;
	padding-left: 20px;
	}

.bild {
	border-style : outset; 
	border-color : #F0F8FF; 
	}

.bild_rechts {	
	float : right;
	border-style : outset; 
	border-color : #F0F8FF; 
	margin : 20px;
	}

.bild_links {
	padding-right : 3px;
	float : left;
	border-style : outset; 
	border-color : #F0F8FF; 
	margin : 20px;
	}

h1 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 2em; 
	font-weight : bold; 
	text-align : center; 
	text-decoration : underline;
        margin-top : 10px;
	} 

H2 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 1.3em; 
	font-style : italic; 
	text-align : left; 
	text-decoration : underline;
	margin-bottom : 1px;
	} 

H3 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 1.2em; 
	text-align : left; 
	margin-bottom : 1px;
	} 

h4 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 1.1em; 
	text-align : left; 
	} 

h6 {
	font-family : "Comic Sans MS", "Comic Sans", Cursive; 
	font-size : 1.6em; 
	font-weight : bold; 
	text-align : center; 
	text-decoration : none;
        margin-top : 50px;
	} 



.rechts {
	float : right; 
	margin : 15px; 
	} 

.links {
	float : left; 
	margin : 15px; 
	} 

hr {
	border-style : outset; 
	border-color : #add8e6; 
	height : 5px; 
	} 

h5 {
	Color: #FFA07A;
	Font-Family: Arial, Helvetica, Sans-Serif;
	Font-Size: XX-large;
	Font-Variant: normal;
	Font-Weight: bold;
	Font-Style: italic;
	Text-Align: center;
	Letter-Spacing: 0.3pt;
	Word-Spacing: 0.3pt;
	}


#popup {
	position : absolute; 
	left : 25px; 
	top : 25px; 
	width : 450px; 
	height : 400px; 
	padding : 10px; 
	overflow : auto; 
	} 

#backdiv {
	position : absolute; 
	left : 55px; 
	top : 470px; 
	width : 120px; 
	height : 100px; 
	} 

ul#backul {
	list-style : none; 
	margin : 0; 
	padding : 0; 
	}
 
ul#backul li a:link, ul#backul li a:visited {
	background-image : url('images/back1.gif'); 
	background-repeat : no-repeat; 
	height : 53px; 
	width : 100px; 
	padding-top : 15px; 
	text-align : center; 
	text-decoration : none; 
	font-size : 20px; 
	font-weight : bold; 
	color : red; 
	} 

ul#backul li a:hover {
	background-image : url('images/back2.gif'); 
	background-repeat : no-repeat; 
	height : 53px; 
	width : 100px; 
	padding-top : 15px; 
	text-align : center; 
	text-decoration : none; 
	font-size : 20px; 
	font-weight : bold; 
	color : blue; 
	} 

#closediv {
	position : absolute; 
	left : 260px; 
	top : 470px; 
	width : 100px; 
	height : 100px; 
	}
 
ul#closeul {
	list-style : none; 
	margin : 0; 
	padding : 0; 
	} 

ul#closeul li a:link, ul#closeul li a:visited {
	background-image : url('images/close.gif'); 
	background-repeat : no-repeat; 
	height : 50px; 
	width : 50px; 
	padding-top : -40px; 
	text-align : center; 
	text-decoration : none; 
	font-size : 0px; 
	font-weight : bold; 
	color : #E0FFFF; 
	} 

ul#closeul li a:hover {
	vorground-image : url('images/close.gif'); 
	background-repeat : no-repeat; 
	height : 50px; 
	width : 50px; 
	padding-top : -40px; 
	text-align : center; 
	text-decoration : none; 
	font-size : 0px; 
	font-weight : bold; 
	color : #E0FFFF; 
	} 

#vordiv {
	position : absolute; 
	left : 395px; 
	top : 470px; 
	width : 100px; 
	height : 100px; 
	} 

ul#vorul {
	list-style : none; 
	margin : 0; 
	padding : 0; 
	}
 
ul#vorul li a:link, ul#vorul li a:visited {
	background-image : url('images/weiter1.gif'); 
	background-repeat : no-repeat; 
	height : 53px; 
	width : 100px; 
	padding-top : 15px; 
	text-align : center; 
	text-decoration : none; 
	font-size : 20px; 
	font-weight : bold; 
	color : red; 
	} 

ul#vorul li a:hover {
	background-image : url('images/weiter2.gif'); 
	background-repeat : no-repeat; 
	height : 53px; 
	width : 100px; 
	padding-top : 15px; 
	text-align : center; 
	text-decoration : none; 
	font-size : 20px; 
	font-weight : bold; 
	color : blue; 
	} 
 
#fotopopup {
	position : absolute; 
	left : 25px; 
	top : 65px; 
	width : 530px; 
	height : 400px; 
	padding : 10px; 
	overflow : auto; 
	} 

#fotobackdiv {
	position : absolute; 
	left : 65px; 
	top : 470px; 
	width : 120px; 
	height : 100px; 
	} 

#fotoclosediv {
	position : absolute; 
	left : 260px; 
	top : 470px; 
	width : 100px; 
	height : 100px; 
	} 

#fotovordiv {
	position : absolute; 
	left : 415px; 
	top : 470px; 
	width : 100px; 
	height : 100px; 
	} 



.uo a:link , .uo a:visited {
	border-style : outset; 
	border-color : #F0F8FF; 
	text-decoration : none; 
	width : 100%; 
	margin : 5px;
	padding-left : 12px; 
	padding-right : 12px; 
	padding-top : 2px; 
	padding-bottom : 2px; 
	background-image : url(images/links1.gif);
	} 

.uo a:hover {
	border-style : inset; 
	border-color : #F0F8FF; 
	text-decoration : none; 
	margin : 5px;
	padding-left : 12px; 
	padding-right : 12px; 
	padding-top : 2px; 
	padding-bottom : 2px; 
	background-image : url(images/links1.gif);
	}

#uopopupclose {	
	position : absolute; 
	left : 5px; 
	top : 530px; 
	width : 530px; 
	height : 50px; 
	padding : 10px; 
	} 




#forum{
	position : absolute; 
	top : 5px; 
	left : 180px; 
	width : 80%;
	height : 87%; 
        overflow : auto;
	} 


#fotos {
	position : absolute; 
	top : 5px; 
	left : 180px; 
	width : 80%;
	height : 80%; 
	}