﻿

/*Ausrichtung und Verstecken*/	

#hidelink, .toleft 
{
position: absolute;
left: -1000em;
width: 100em;
height: 1em;
overflow: hidden;
}

.hideall 
{ 
display: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:  bold;
font-size:65%;
 }
	
.clear	
{
height: 0px;
width: auto !important;
overflow: hidden;
float: none !important;
clear: both;
}
	

.clearall
{
clear:both;
height:10px;
} 

.left{float:left;}	
.right{float:right;}	
.middle{vertical-align:middle;}  
.top{vertical-align:top;} 
.rechts{text-align:right;} 
.bottom{vertical-align:bottom;} 




/*Allgemeine Definitionen*/
img
{
border:0px;
}

div
{
border:0px  #ffffff;
}


	
p 	
{
margin:0 0 10px 0;
padding:0 0 0 0;
}
p.instruction{margin:14px 0; font-size:14px;}
	
#centercolumn ul
{
padding:0 0 0 15px;
margin:0 0 10px 0;
font-size:12px;
list-style-type:disc !important;
line-height:15px;
}

#centercolumn ul li
{padding:8px 0;
}
	
	
		
h1 
{
margin:0 0 24px 0;
padding:0 0 0 0;
color:#296ea3;
font-size:18px;
}	
	
		
h2 
{
font-size:12px;
font-weight:bold;
}	
		
h3 
{
font-size:11px;
font-weight:bold;
color:#296ea3;
padding:5px 0 5px 0;
}	
	
h4{color:#296ea3;
   font-weight:bold;
   font-size:11px;
   padding:0;
   margin:0;}

	
a
{
color: #666; 
text-decoration: none;
margin:0px;
cursor:pointer;
}

a:hover 
{
text-decoration: underline
}





/*Spalten*/

#outercolumn
{
padding:15px 0 30px 15px !important;
text-align:left;
min-height:500px;
font: 12px Arial,Helvetica,'MS Sans Serif',sans-serif; 
}

#leftcolumn
{
float:left;
width:180px;
margin:auto 29px auto auto;
min-height:500px;
}

#centercolumn
{
float:left;
width:500px;
margin:auto 50px auto auto;
min-height:500px;
border:0px solid #ff0000;
}

#centercolumnbookmark
{
float:left;
width:500px;
margin:auto 0px auto auto;
border:0px solid #000;
min-height:474px;
height: auto !important;
height:474px;
}

#bookmark
{
float:left;
width:500px;
margin:10px 0px auto auto;
height:16px;
}

#bookmark img
{float:left;
 margin:0px 5px 5px 0;}

#rightcolumn
{
float:left;
width:180px;
background-color:#efefef;
min-height:500px;
height: auto !important;
height:500px;
margin:0 0 0px 0;
}

/*Design Seiteninhalte*/
#content a
{
color:#d26800;
text-decoration:none;
}

#content a:hover
{
color:#d26800;
text-decoration:underline;
}

div.contentcolumninfo a
{
color:#d26800;
text-decoration:none;
font-size:11px;
background-image:url(images/arrowbrown.gif);
background-position:0px 6px;
background-repeat:no-repeat;
padding:0 0 0 20px;
}

div.contentcolumninfo a:hover
{
text-decoration:underline;
}

.contentcolumnletter a
{
color:#d26800;
text-decoration:none;
font-size:11px;
background-image:url(images/letterbrown.gif);
background-position:0px 1px;
background-repeat:no-repeat;
padding:0 0 0 20px;
}

.contentcolumnletter a:hover
{
text-decoration:underline;
}

/*Startseite*/

#outercolumnstart
{
padding:35px 35px 30px 35px;
text-align:left;
min-height:500px;
font: 12px Arial,Helvetica,'MS Sans Serif',sans-serif; 
}


#startcolumnleft
{
float:left;
width:435px;
min-height:500px;
}

#startcolumnright
{
float:right;
width:435px;
min-height:500px;
}

.startcorner
{
background-image:url(images/corner.gif);	
background-position:top left;
background-repeat:no-repeat;
padding:20px;	
}

.startcorner h1
{
font-size:14px;
}

.startcorner ul
{
padding:0 0 0 15px;
margin:0 0 10px 0;
font-size:12px;
list-style-type:disc !important;
line-height:15px;
}

/*Sitemap*/
#sitemapleft
{float:left;}

#sitemapright
{float:right;}

#sitemapleft h2, #sitemapright h2
{margin:0 0 10px 0;
padding:0 0 0 0;
font-size:14px;
color:#296ea3;}

#sitemapleft ul, #sitemapright ul
{
LIST-STYLE-TYPE: none;
padding:0;
margin:0 50px 20px 0;
border-top:1px solid #d4d4d4;
font-size:11px;
width:150px;
}

#sitemapleft ul li, #sitemapright ul li
{
padding:0;
margin:0;
display:block;
border-bottom:1px solid #d4d4d4;
}

#sitemapleft ul li ul, #sitemapright ul li ul
{
margin:0;
padding:0 0 0 10px;
}

#sitemapleft ul li a, #sitemapright ul li a
{
padding:0;
margin:0;
display:block;
padding:5px 0 3px 6px;
border-top:1px solid #fff;
background-color:#fff;
font-size:11px;
font-weight:bold;
color: #666;
}

#sitemapleft ul li a:hover, #sitemapright ul li a:hover
{
background-color:#f7f7f7;
text-decoration:none;
color:#296ea3;
}

#sitemapleft ul li.active a, #sitemapright ul li.active a
{
background-color:#efefef;
text-decoration:none;
color:#296ea3;
}

#sitemapleft ul li.active a:hover, #sitemapright ul li.active a:hover
{
background-color:#efefef;
text-decoration:none;
color:#296ea3;
}


#sitemapleft ul li ul li, #sitemapright ul li ul li
{
padding:0;
margin:0;
display:block;
border-bottom:1px dashed #d4d4d4;margin-bottom:1px;
}

#sitemapleft ul li ul li a, #sitemapright ul li ul li a
{
padding:0;
margin:0;
display:block;
padding:2px 0 1px 10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#fff;
background-image:url(images/arrownavi.gif);
background-position:0px 0px;
background-repeat:no-repeat;
font-size:11px;
font-weight:normal;
}

#sitemapleft ul li.active ul li a, #sitemapright ul li.active ul li a
{
color: #666; 
padding:0;
margin:0;
display:block;
padding:2px 0 1px 10px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background-color:#fff;
background-image:url(images/arrownavi.gif);
background-position:0px 0px;
background-repeat:no-repeat;
font-size:11px;
font-weight:normal;
}


#sitemapleft ul li ul li a:hover, #sitemapright ul li ul li a:hover
{
background-color:#f7f7f7;
background-image:url(images/arrownaviblue.gif);
color:#296ea3;
text-decoration:none;
}


#sitemapleft ul li.active ul li a:hover, #sitemapright ul li.active ul li a:hover
{
background-color:#f7f7f7;
background-image:url(images/arrownaviblue.gif);
color:#296ea3;
text-decoration:none;
}


#sitemapleft ul li ul li.active a, #sitemapright ul li ul li.active a
{
background-color:#efefef;
background-image:url(images/arrownaviblue.gif);
color:#296ea3;
}

#sitemapleft ul li ul li.active a:hover, #sitemapright ul li ul li.active a:hover
{
background-color:#efefef;
background-image:url(images/arrownaviblue.gif);
color:#296ea3;
}

/*Artenliste*/

/*Ueberschriften in Tabellenzellen*/
.head
{color:#296ea3;
font-size:100%;
border-top:1px solid #d26800;
border-bottom:1px solid #d26800;
font-weight:bold;
padding:2px;
margin:20px 0 10px 0;}

/*Hintergrundfarbe fuer Überschriften*/
	
.background
{background-color:#f1f1f1;
}
.listcontainerart
{float:left; 
 width:165px; 
 overflow:hidden;
 line-height:16px; margin:0; padding:0;
 }
 
td.itemspacing
{width:25%; 
 vertical-align:top;
}
 
#inhalt select.sort
{margin:2px 2px 2px 0;}

/*Seite Uebersicht Bilder in Dreispaltenansicht*/
.threecolum
{float:left!important;
width:200px;
height:230px;
margin:0px 4px 4px 0px;
padding-top:8px;
vertical-align:top;
overflow:hidden;
background-color: #f1f1f1;
border:1px solid #d6d6d6;

}
.threecolumimage
{height:130px; 
vertical-align:top; 
padding-left: 10px;}

.threecoluminfo
{height:60px; 
vertical-align:bottom; 
padding:0 0 2px 5px;
}
.leerImg{
border: 3px solid #FFFFFF;}