html,body{ background-color: #202020; margin: 0; padding: 0; width:100%; height:100%; }

body{ font-family: arial, sans-serif; }
p{  color: black; font-size: 10pt; font-style: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;}
h1{ color: #d82751; font-size: 16px; line-height: normal; font-style: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight: bold; }
h2{ color: #333; font-size: 14px; line-height: normal; font-style: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: underline; }
h3{ color: #333; font-size: 12pt; font-weight: normal; font-style: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; line-height: 20px; padding-right: 20px; padding-left: 20px; }

img { margin-right: 20px; margin-left: 20px; }

a:link { color: #333; font-style: italic; text-decoration: none; }

a:visited { color: #333; font-style: italic; text-decoration: none; }

a:hover { color: #f00; font-style: italic; text-decoration: none; }

a:active { color: #333; font-style: italic; text-decoration: none; }
#wrapper
{ background-color: #c4c4c4; width: 1200px; margin: 20px auto 10px; } 

#titel{ line-height:80px; background: #c4c4c4 url(../images/titel_maus.jpg) no-repeat center bottom; width: 1200px; height: 160px; border-bottom: 5px solid #d82751; }
#rahmen{ background-color: #595959; width: 1200px; }
#box1{ background-color: #999; position: relative; left: 10px; width: 240px; height: 300px; float: left; margin-top: 10px; }
#box2{ background-color: #c4c4c4; background-image: url(../images/katze_sitzend.jpg); background-repeat: no-repeat; background-position: right bottom; position: relative; left: 225px; width: 660px; height: auto; float: left; min-height: 550px; margin-top: 10px; padding: 10px; border: solid 1px #a4a3a3; }
#box2 p{ color: black; font-size: 10pt; font-family: Verdana, "sans serif";}

#box3{ background-color: #7d7d7d; position: relative; left: -750px; width: 175px; height: 300px; float: right; min-height: 550px; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding: 10px; border: solid 1px #e43434; }
#box3 p{ color: #fcfcfc; font-size: 0.8em; font-family: verdana, sans-serif; padding-right: 20px; padding-left: 20px; }

#fuss{ font-size: 0.8em; line-height: 1em; background-color: #c4c4c4; background-image: none; background-position: 0 0; text-align: left; width: 1200px; height: 15px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }

#navcontainer ul
{ font-size: 0.9em; line-height: 20px; list-style-type: none; text-align: left; }

#navcontainer ul li a
{ background: url(../images/arrow_schwarz.gif) no-repeat left center; padding-left: 15px; text-align: left; text-decoration: none; color: #eae8e8; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; }

#navcontainer ul li a:hover
{
background: transparent url(../images/arrow_schwarz.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: url(../images/arrow_rot.gif) no-repeat left center;
color: #fff;
} 

#abfrage { font-size: 1em; padding: 0.5em; display: inline; white-space: nowrap; }

		            
		           
                
#navcontainer
{ font-size: 0.9em; line-height: 20px; list-style-type: none; text-align: left; position: relative; left: -10px; height: 300px; }

#navcontainer ul a li
{ list-style-type: none; margin-left: 0; text-align: left; color: #fdfdfd; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; background-image: url(../images/list-off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; }


/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
#navlist a { width: 114px; }

#navlist a
{
\width: 130px;
w\idth: 114px;
}

#subnavlist ul  a{ width: 120px; }

#subnavlist a
{
\width: 130px;
w\idth: 114px;
}


#subnavlist a:hover, #subnavlist a#subcurrent:hover
{ text-decoration: none; }


.button{ font-family:Verdana; font-size: 11px; text-align:left; padding-left:5px; padding-top:2px; padding-bottom:2px; font-weight:bolder; color:black; background-color:#dfdfdf; display:inline; width:auto; border-color: #297394 black black #297394; border-style: solid; border-width: 1px; }
.text{
background-color:white;
color:#297394;
border:solid 1px black;
}
.select{
background-color:#fff;
color:#297394;}

#flaggen { text-align: center; position: relative; top: 500px; left: 30px; width: 200px; height: 25px; z-index: 100; float: left; margin-top: 5px; padding: 0; }

#infobox1 { width: 205px; margin-right: auto; margin-left: auto; border: solid 1px #ededed; }
#infobox2 { width: 165px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; }
#infobox2 p{ font-size:11px; padding-right: 10px; padding-left: 10px;}

.kontakt { color: #202020; font-size: 10pt; font-style: normal; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; }


#menu{ position: relative;  width: 295px; }
#menu img { margin-top: 0; }
#menu ul { list-style-type: none; margin-left: 0; text-align: left; color: #fdfdfd; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight: normal; font-style: normal; font-variant: normal; background-image: url(../images/list-off.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; }