@charset "utf-8";

/********* HTML-Elemente *********/
body  {
  font: 80% /*'Droid Sans',*/ 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
  background-color: black;
  margin: 0; /* margin und padding auf 0 einstellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
  padding: 0;
	color: silver;
	margin-top: 0px;	
	height: 100%;
	
}

a {color: #336600}
a img{border:none;}
h1 {display: none;}
h2 {display: none;}
h3 span {display: none;}
p {line-height: 150%;margin-left:10px;}
caption {display: none;}

/********* Container *********/
#container {text-align: left;	margin-right: 0px; margin-top: 0px;} 
#top {left: 250px;right: 0px;top: 0px;position: fixed;background-color: Black;z-index: 10;padding-bottom: 10px;}
#header {padding: 0; margin: 10px 20px 0 0; background: url(images/tarnolds-world.gif) top right no-repeat; height: 120px} 

#breadcrumb {font-size:90%;color:#606060}
#breadcrumb a {color:#295300;}

#menu {margin:10px 20px 0 0;text-align: right}
#menulist {margin: 0px;}
#menulist li {display: inline; list-style-type: none; /*	padding-right: 20px;*/}

#mainContent {margin-left: 250px;margin-right: 0px;margin-top: 220px;padding: 10px 20px 10px 10px;background-color: black;border: solid 1px #252525;border-right:solid 1px black;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;color: silver;overflow: auto} /*; height: auto;}*/

div#mainContent h3#whats-it-all-about {background: url(images/whats-it-all-about.gif) center left no-repeat; height: 36px; margin: 10px 0px}
div#mainContent h3#who-or-what-is-tarnold {background: url(images/who-or-what-is-tarnold.gif) center left no-repeat; height: 36px; margin: 10px 0px}

#footer {margin: 0 0 0 250px;padding: 10px;background-color: black;border-left: solid 1px #252525;border-bottom: solid 1px #252525;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;color: #606060;bottom: 0;text-align:center} 
#footer p {	margin: 0; 	padding: 10px 0;font-size:90%}
#footer a {color:#295300;}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
 	clear:both;
	height:0;
   font-size: 1px;
   line-height: 0px;}


/******************  Formulare ******************/ 
fieldset {border: 1px solid #252525;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 20px;margin-bottom:12px;margin-right:12px;}
legend {background-color: #252525;padding:1px 10px 1px 10px;}
select {font-family: 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;font-size: 100%;}
form br { /* Alle Zeilenumbrueche in Formularen auswaehlen */  clear: left; /* das floating der labels und inputs aufheben */}

/******************  Suchergebnis ******************/
div#mainContent h3#search-results {background: url(images/search-results.gif) center left no-repeat; height: 36px; margin: 10px 0px}
ul#resultlist {list-style-type:disc;width: 95%;overflow: auto;margin-left:auto;margin-right:auto} /* overflow:auto muss sein, weil sonst wg. der gefloateten <li>s die H�he vom <ul> 0 w�re! */
ul#resultlist li{float: left;width:33%;margin: 0;padding: 0;}



/***************** IE fix -- seen on http://www.gunlaug.no/contents/wd_additions_17.html  ******************/
@media screen {

* html, 
* html body { 
overflow-y: hidden!important; 
height: 100%;
margin: 0;
padding: 0; 
}
* html #iefix { 
height: 100%;
overflow-y: scroll;
position: relative;
}

* html div#top {
position: absolute;
}

}