/* CSS Document */



p {
margin: 0;
padding: 0px 0px 0px 0px;
	
}
h2 {
border-bottom:1px solid silver;
padding: 4px 0px 3px 0px;
font-size: 110%;
color:#336699;
}	
	
h3 {
margin: 0;
padding: 2px 0px 2px 0px;
font-size: 100%;
color: #000000;
}                                           

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
margin-bottom:4px;
color:#666666;
letter-spacing:2px;
font-variant:small-caps;
text-transform:lowercase;
}



a.textlink  {
font-weight: bold;
color: #972211;
text-decoration: none;
outline: none;
}
a.textlink:visited{
text-decoration: none;
}

a.textlink:hover{
text-decoration: underline;
}


#youarehere {
display: block;
font-size:10px;
text-align: right;
margin-right:150px;
padding-bottom: 4px;
}


#youarehere a:link, 
#youarehere a:visited {
outline:none;                               
color:maroon;
font-size:10px;
line-height:1.4em;
text-decoration:none;
background-image: url(pictos/parrow_blau_klein.gif);
background-position : center left;
background-repeat : no-repeat;
padding: 1px 8px 0px 16px;
}

#youarehere a:hover, 
#youarehere a:focus {
text-decoration:underline;
}   



#sidepicture_left{
outline:none;                  /*verhindert gepunktete umrandung beim klick*/
float: left;
width: auto;
padding:0px;
margin-right:10px;
border: 2px solid silver;
}
#sidepicture_right{
float: right;
width: auto;
padding:0px;
margin-left:5px;
border: 2px solid silver;
}	

.picturetext {
margin: 0;
padding: 2px 2px 2px 2px;
line-height: 160%;	
font-size: 90%;
color: maroon;
text-align:center;
	
}	


                                      


a.link:hover,
a.arrow:hover{
text-decoration: underline;
outline: none;
}
div.sidepicture_top {
float: left;
width: 250px;
border: 1px solid black;
padding:5px;
margin-right:5px;
}	

.clearer {
clear: both;
}


#ul{
padding:8px;
margin-right:20px;
float:left;
background-color:white;
}