.text1 { font-family:Arial,Helvetica,sans-serif; font-size:11px; } 
.text2 { font-family:Arial,Helvetica,sans-serif; font-size:13px; } 
.text3 { font-family:Arial,Helvetica,sans-serif; font-size:15px; } 
.text4 { font-family:Arial,Helvetica,sans-serif; font-size:21px; } 
.text5 { font-family:Arial,Helvetica,sans-serif; font-size:25px; } 
.text6 { font-family:Arial,Helvetica,sans-serif; font-size:31px; } 


body {
margin:0px; 
padding:0px; 

/* font-family:'Helvetica, Arial, sans-serif'; font-size:14px; */

font-family:Arial,Helvetica,sans-serif; font-size:13px; 

text-align:center; 
background:#99CCFF; 

background-image: url('wolken1.jpg'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-position: top center;
background-size: 100% auto; 

} 



.clx { 
margin:0; 
padding:0; 
clear:both; 
display:block; 
width:1px; 
height:1px; 
overflow:hidden; 
} 



#wrapper { 
margin:0; 
padding:0; 
text-align:center; 
} 


#header { 
margin:4px auto; 
padding:4px; 
width:996px; 
text-align:center; 
/* background:#CCCCCC; */
border-bottom:4px dotted #FFFFFF; 
} 


#menutop { 
margin:4px auto; 
padding:4px; 
width:940px; 
height:42px; 
text-align:left; 
} 


#menutop ul { 
margin:0 auto; 
padding:2px 4px; 
list-style-type:none; 
list-style:none; 
} 

#menutop ul li { 
margin:0; 
padding:2px; 
float:left; 
text-align:center; 
background:#CCCCCC; 
font-size:21px; 
} 

#menutop ul li a { 
margin:0; 
padding:4px 8px; 
display:block; 
text-decoration:none; 
min-width:110px; 
background:#EEEE66; 
color:#000066; 
} 

#menutop ul li a:hover { 
margin:0; 
padding:4px 8px; 
background:#3366EE; 
color:#FFFF33; 
} 



#mainpage { 
margin:0 auto; 
padding:4px; 
clear:both; 
width:996px; 
text-align:center; 
/* background:#FFFFAA; */
} 


#content1 { 
margin:4px 4px; 
padding:4px; 
float:right; 
width:720px; 
text-align:left; 

/* background:#DEDEDE; */

} 


#content1 h1, #content1 h2, #content1 h3 { 
margin:4px 12px; 
padding:4px; 
} 


#sidebar1 { 
margin:4px 4px; 
padding:4px; 
float:left; 
width:240px; 
text-align:center; 

/* background:#DEDEDE; */
/* background:#00CC33; */

} 



.sidemenu1 { 
margin:2px; 
padding:2px; 
text-align:left; 
/* background:#EEEE99; */
} 

.sidemenu1 ul { 
margin:4px; 
padding:4px; 
list-style-type:none; 
list-style:none; 
} 

.sidemenu1 ul li { 
margin:2px; 
padding:0; 
text-align:left; 
font-size:17px; 
} 

.sidemenu1 ul li a { 
margin:2px 6px 2px 6px; 
padding:4px 4px 4px 8px; 
display:block; 
text-decoration:none; 
background:#AACCFF; 
color:#003399; 
} 

.sidemenu1 ul li a:hover { 
margin:2px 2px 2px 2px; 
padding:4px 4px 4px 12px; 
background:#33FF99; 
color:#000066; 
} 



#footer { 
margin:4px auto; 
padding:6px; 
clear:both; 
width:996px; 
text-align:center; 
background:#CCCCCC; 
} 



.imgview { 
text-decoration:none;
position:relative; 
} 


.imgview span { 
display:none; 
margin:4px;
padding:0;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
color:black;
background:white; 
} 


.imgview span img {
/* float:left; */
margin:8px 8px 8px 8px;
padding:0; 
}


.imgview:hover span { 
display:block;
position:absolute; 
margin:12px 22px 12px 22px;
padding:0px; 
top:-240px;
left:-90px;
z-index:1000;
width:auto;
max-width:380px;
min-height:260px;
border:1px solid black;
overflow:hidden;
padding:8px; 
} 



h1 a { text-decoration:none; color:#000099; } 
h2 a { text-decoration:none; color:#000099; } 
h3 a { text-decoration:none; color:#000099; } 

a:hover { color:#FF3300; }