/*colors
red:#CE242C
grey-font:#5B6572
*/
*{border:0; margin:0; padding:0}

.clear{clear:both; height:0px; font-size:0px; line-height:0px}
.clear_bott{clear:both; height:4.9em}
.right{float:right}
.left{float:left}
img{display:block}
img.left{margin:5px 20px 10px 0}
.hr hr{display:none}
.hr{clear:both; height:1px; margin:18px 0}
em{font-style:italic}
.hidden{display:none}

html, body{height:100%}
html[xmlns]{padding:0 0 0.09em 0}
body{
	font:100.01%/1.4 arial, helvetica, sans-serif;
	color:#454C5A;
	background:#FFF7EA url(images/bg_body.gif) repeat-x}
#extra{width:50%; height:350px; background:url(images/bg_extra.gif) repeat-x; position:absolute; left:0; z-index:1}
#wrapper{min-height:100%; width:994px; margin:0 auto; position:relative; z-index:2}
  * html #wrapper{height:100%}

#header{height:298px; background:url(images/header.jpg)}
body.en #header{background:url(images/header-en.jpg)}
#header ul{list-style:none}
#header a{display:block; float:left; display:inline; text-indent:-1000px; overflow:hidden}
#header a#logo{width:188px; height:72px; margin:0 0 0 34px; background:url(images/logo.gif)}
#header a#english{width:30px; height:15px; margin:6px 0 0 15px; background:url(images/english.gif) 0 -15px}
#header a#english:hover{background:url(images/english.gif) 0 0}
#header a#deutsch{width:30px; height:16px; margin:5px 0 0 15px; background:url(images/deutsch.gif) 0 -16px}
#header a#deutsch:hover{background:url(images/deutsch.gif) 0 0}

ul#nav{background:#1D212A url(images/bg_nav.jpg) no-repeat 724px 0; height:52px; margin:0 0 0 34px}
ul#nav li{position:relative; display:inline; list-style:none; float:left; margin:14px 45px 0 0; padding:4px 45px 0 0; background:url(images/nav_li.gif) no-repeat 100% 0}
ul#nav a{float:left; height:21px; text-indent:-1000px; overflow:hidden}
ul#nav a#home{width:41px; background-image:url(images/nav_home.gif)}
ul#nav a#modelle{width:126px; background-image:url(images/nav_modelle.gif)}
	body.en ul#nav a#modelle{width:105px; background-image:url(images/nav_models.gif)}
ul#nav a#info{width:31px; background-image:url(images/nav_info.gif)}
ul#nav a#kontakt{width:61px; background-image:url(images/nav_kontakt.gif)}
	body.en ul#nav a#kontakt{width:62px; background-image:url(images/nav_contact.gif)}
ul#nav a:hover, ul#nav a:focus, ul#nav a:active, ul#nav a.aktiv{background-position:0 -21px}

#left{float:left; width:570px; margin:0 0 0 34px; display:inline}
#right{float:left; margin:0 0 0 40px; width:290px}

p{margin:0 0 8px 0; font-size:.81em; line-height:1.5}
#right p a{color:#ffeb39}
#right p a:hover{color:white}

#left a{color:#454C5A; font-weight:bold; display:block; margin:0 0 18px 0}
#left p a{display:inline}
#left a.back{font-size:.9em}
#left a.gal{font-family:tahoma; font-size:.75em; float:left; width:134px; text-align:center; height:149px; margin:0 0 0 0; color:white; overflow:hidden}
#left a.gal span{position:relative; top:-25px; left:-5px; text-transform:uppercase; text-decoration:underline}
#left a.gal:hover{letter-spacing:.1em}
#left a.thumb{display:inline}
#left img{display:inline}
h1{
	margin:25px 0 10px 0;
	font-size:1em;
	text-transform:uppercase;
	color:#ffeb39;
	background:#2E333E;
	text-indent:-1000px;
	overflow:hidden;
	padding:6px 5px 7px 8px}
h1.home{background:url(images/index.gif) no-repeat}
	body.en h1.home{background:url(images/index-en.gif) no-repeat}
h1.kontakt{background:url(images/kontakt.gif) no-repeat}
	body.en h1.kontakt{background:url(images/kontakt-en.gif) no-repeat}
h1.news{background:url(images/news.gif) no-repeat}
	body.en h1.news{background:url(images/news-en.gif) no-repeat}
h1.info{background:url(images/info.gif) no-repeat}
	body.en h1.info{background:url(images/info-en.gif) no-repeat}
h1.ento{background:url(images/ento.gif) no-repeat}
	body.en h1.ento{background:url(images/ento-en.gif) no-repeat}
h1.models{background:url(images/models.gif) no-repeat}
	body.en h1.models{background:url(images/models-en.gif) no-repeat}
h1.gabel{background:url(images/gabel.gif) no-repeat}
	body.en h1.gabel{background:url(images/gabel-en.gif) no-repeat}
h1.kaiser{background:url(images/kaiser.gif) no-repeat}
	body.en h1.kaiser{background:url(images/kaiser-en.gif) no-repeat}
h1.skorpion{background:url(images/skorpion.gif) no-repeat}
	body.en h1.skorpion{background:url(images/skorpion-en.gif) no-repeat}
h1.maikaefer{background:url(images/maikaefer.gif) no-repeat}
	body.en h1.maikaefer{background:url(images/maikaefer-en.gif) no-repeat}
#left h2{font-size:.92em; margin:23px 0 5px 0; border-bottom:1px solid #9599A0; padding:0 0 2px 0}
#left h3{font-size:.75em; margin:5px 0 2px 0}
#left h3.models{text-decoration:underline; margin:36px 0 5px 0; cursor:pointer; padding:0 0 0 154px; background:url(images/bg_h3.gif) no-repeat 134px 50%}
#left h3#biologie3{margin:0 0 5px 0}
#left h3#biologie4{margin:16px 0 5px 0}
#right h2{
	padding:4px 6px 3px 10px;
	margin:10px 0 0 0;
	font-size:.84em;
	color:#FEF7E7;
	background:#262A33 url(images/bg_right_top.gif) no-repeat;
	border-bottom:1px solid #171A1F}
#right p{
	border-top:1px solid #4C5063;
	background:#3D404F url(images/bg_right_bottom.gif) no-repeat 0 100%;
	margin:0;
	padding:5px 11px 7px 11px;
	line-height:1.4;
	font-size:.75em;
	color:#E4E7F5;
	overflow:hidden}
#right img.right{float:right; margin:0 0 8px 10px}

td{font-size:.75em}
td.desc{text-align:center}

#footer{background:#1D212A; text-align:center; padding:.6em 0; margin:-3.9em 0 0 0; height:2.7em; position:relative; z-index:3}
#footer ul{margin:0 auto; width:960px}
#footer li{display:inline; list-style:none}
#footer a{
	border-right:1px solid #A7A49F;
	color:#FFF7EA;
	font-size:.69em;
	padding:0 10px 0 7px;
	text-decoration:none}
#footer a:hover, #footer a:focus, #footer a:active, #footer a.aktiv{text-decoration:underline}
#footer a.last{border:none}
#footer p{color:#A7A49F; font-size:.69em; width:350px; margin:0 auto; text-align:center}


/**** formulare ****/
form{margin:10px 0 10px 0; background:#3D404F url(images/bg_form.gif) no-repeat}
fieldset{padding:15px 0; background:url(images/bg_fieldset.gif) no-repeat 0 100%}
label{margin:0 0 2px 15px; display:block; font-size:.75em; color:white; font-weight:bold}
input, textarea{
	margin:0 0 11px 15px;
	font-size:.75em;
	padding:.2em 20px .2em .2em;
	color:#3D404F;
	font-family:arial, helvetica, sans-serif;
	background:#FFF7EA;
	border:2px solid #FFF7EA}
input{width:220px}
textarea{width:370px}
* html input, * html textarea{margin:0 0 7px -5px}
input:hover, textarea:hover, input:focus, textarea:focus{border:2px solid #ffeb39}
#submit{padding:2px 30px; color:#3D404F; font-weight:bold; margin:0 0 0 15px}
label.right, input.right{display:none}

	/**** kontakt ****/
h3.error{font-size:.9em; margin:3px 0 0 0}
#right p.error{background:none !important; padding:0 !important}
#right p.success{background:none !important; padding:0 !important; margin:10px 0 20px 0; font-weight:bold}

/*******galerie*********/
a#uebersicht, a#uebersicht2{
	color:white;
	text-decoration:none;
	font-size:.74em;
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	margin:-29px 34px 0 0;
	display:inline;
	background:url(images/bg_uebersicht-1.gif) no-repeat left center;
	padding:0 0 0 20px}
a#uebersicht2{margin:-56px 34px 0 0}
a#uebersicht:hover, a#uebersicht2:hover{background:url(images/bg_uebersicht-2.gif) no-repeat left center}

	/*kategorienübersicht*/
ul#gallerynav{margin:11px 0 0 5px; background:url(images/bg_uebersicht-2.gif) no-repeat -3000px 0px} /*preload*/
ul#gallerynav li{float:left; margin:0 5px 8px 9px; display:inline; list-style:none; width:216px; background:url(images/bg_h2_gal_middle.gif) repeat-y}
ul#gallerynav h2{
	padding:0 0 5px 0;
	margin:0;
	font-size:.75em;
	line-height:1.5;
	text-align:center;
	background:url(images/bg_h2_gal_bottom.gif) no-repeat left bottom}
ul#gallerynav a{display:block; padding:18px 0 5px 0; text-align:center; text-decoration:none; color:#5B6572; background:url(images/bg_h2_gal_top.gif) no-repeat}
ul#gallerynav a:hover{color:#CE242C}
ul#gallerynav img{margin:0 auto 5px auto; color:#333333; font-size:.75em}

	/*kategorie thumbübersicht*/
p.thumbnavi {}
ul#prev_next{float:right; font-size:.84em; margin:-31px 52px 0 0; line-height:1; display:inline}
ul#prev_next li{display:inline; list-style:none}
ul#prev_next a{color:white; font-weight:bold; text-decoration:none; float:left}
ul#prev_next a:hover{text-decoration:underline}
ul#prev_next a.gal_prev{background:url(img/bg_textlink2.gif) no-repeat left center; padding:0 5px 0 20px; border-right:1px solid #AFB6A3}
ul#prev_next a.gal_next{background:url(img/bg_textlink.gif) no-repeat right center; padding:0 20px 0 5px}
ul#prev_next a.no_border{border:0; padding:0 0 0 20px !important}

	/*kategorie thumbübersicht*/
ul#thumbnav{margin:10px 0 0 10px}
ul#thumbnav li{list-style:none; float:left; margin:0 5px 5px 0}
ul#thumbnav a{display:block; padding:1px 0 0 0; text-align:center; width:224px; height:157px; background:url(images/bg_thumb.gif) no-repeat 0px -157px}
ul#thumbnav a:hover, ul#thumbnav a:focus{background:url(images/bg_thumb.gif) no-repeat}
/*cursor:url("images/lupe.cur"), default*/
ul#thumbnav img{border:1px solid #2D3238; margin:17px auto 0 auto}

/*bildergroßansicht*/
#img_container{text-align:center}
/*fotos vor/zurueck -- kein u-umlaut benutzen, da sonst der ie aussteigt*/
ul.imgnav{width:180px; margin:10px auto 5px auto; height:21px; padding:10px 0 0 0}
ul.imgnav li{list-style:none; display:inline; float:left; margin:0 0 0 30px}
ul.imgnav a{display:block; text-indent:-1000px; overflow:hidden !important; width:19px; height:21px}
ul.imgnav a.gal_prev{background:url(images/nav_zurueck.gif)}
ul.imgnav a.kategorie{background:url(images/nav_uebersicht.gif)}
ul.imgnav a.gal_next{background:url(images/nav_vor.gif)}

	/*großes bild horizontal*/
dl#hori{margin:0 auto 0 auto; background:url(images/bg_img_middle.gif) repeat-y; width:660px}
dl#hori dt{padding:29px 29px 0 29px; display:block; background:url(images/bg_img_top.gif) no-repeat}
dl#hori dt img{border:1px solid #2D3238}
dl#hori dd{color:#5B6572; font-size:.75em; padding:15px 15px; text-align:center; background:url(images/bg_img_bottom.gif) no-repeat bottom}
	/*großes bild vertikal*/
dl#verti{margin:0 auto 0 auto; background:url(images/bg_img_middle2.gif) repeat-y; width:460px}
dl#verti dt{padding:29px 29px 0 29px; display:block; background:url(images/bg_img_top2.gif) no-repeat}
dl#verti dt img{border:1px solid #2D3238}
dl#verti dd{color:#5B6572; font-size:.75em; padding:15px 15px; text-align:center; background:url(images/bg_img_bottom2.gif) no-repeat bottom}