html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

body { background: #00636b;}

/************** Vertikale Zentrierung *****/

/*body , html {  height:100%; }*/	

div#clear {  float:left; height:50%; margin-top:-340px; width:1px; }

div#hauptkontainer {  position:relative; clear:both; }

/************** Vertikale Zentrierung ENDE *****/

/************** Horizontale Zentrierung *****/

div#hauptkontainer { margin:0 auto;
                     background:url(hintergrund_2.gif) repeat-y; } 

/************** Horizontale Zentrierung ENDE *****/

/*************************************************** Type (Schriften) ********************************************************/

h1, h2, p, ul, ol, table { margin-bottom:15px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:20px;  }

h1, h2, h3, p, li, td, label, address,div.contact { color:#584a44; }
h1 { font-size:24px; line-height:22px; margin-bottom:0; }
h2 { font-size:13px; margin-bottom:2px;}
h3 { font-size:12px; font-style:italic; font-weight:normal;}
p, li, td, label, address, div.contact { font-size:12px; }

address { font-style:normal; text-align:left; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:circle; }

/********** Links */

a { color:#00636b; font-weight:bold; text-decoration:underline; }
a:hover, a.focus, a.active { text-decoration:none; }

div.bluemouse a { color:#fff; font-weight:normal; font-size:10px; }

a.download { padding:1px 0 1px 20px; background-repeat:no-repeat; background-position:left top; }

a.email { color:#; }

/*************************************************** layout **********************************************************************/

					
div#hauptkontainer  {
                     width:907px;
					 display:block; 
					 clear:both;
					 }
					 
.wrapper { width:853px; padding:0 27px; display:block; position:relative; background:url(hintergrund.gif) no-repeat; }

/*************************************************** head **********************************************************************/					 

div#head { height:127px; display:block; padding-top:37px; }

div#head div.logo {
							position:absolute;
							right:60px;
							top:15px;
							z-index:2;
							 }

div#head div.logo a {
	height:149px;
	width:340px; 
	display:block;
	}
							   
div#hauptkontainer div.sprachen{ position:absolute;
              top:13px;
              left:67px;
			  }
			  
div#hauptkontainer div.sprachen, div#hauptkontainer div.sprachen a { font-size:11px; color:#fff; text-decoration:none; }
				 
div#hauptkontainer div.sprachen a:hover, div#hauptkontainer div.sprachen a:focus, div#hauptkontainer div.sprachen a.active { color:#fff; text-decoration:underline; } 

div#hauptkontainer .adresse { left:67px; position:absolute; top:85px; }
div#hauptkontainer .adresse address, div#hauptkontainer .adresse address.telefon {
	float:left; display:block; width:150px;
}
div#hauptkontainer .adresse address { font-size:11px; z-index:2; line-height:16px; }
div#hauptkontainer .adresse address.telefon { text-align:left; padding-left:15px;}


/************************************************************* banner *************************************************************/

div#hauptkontainer .bild .slideshow, div#hauptkontainer .bild, .slideshow-images { position:relative; z-index:1; display:block; width:773px; height:305px; }
div#hauptkontainer .bild { margin:10px 40px 27px; position:relative; z-index:1; }
		   
.bild img, .slideshow-images { display:block; border:1px solid #584a44; position:relative; z-index:1; }


/************************************************************* content *************************************************************/

#rightcol { float:right; width:189px; padding-left:31px; padding-right:16px; margin-top:56px; }
#rightcol .img { background:url(bg_img.gif) no-repeat; width:171px; height:173px; display:block; }
#rightcol .img img { margin:7px; }
#rightcol p { font-size:11px; line-height:14px; }
#rightcol .contacts { overflow:hidden; margin-bottom:10px; }
#rightcol .contacts h2 { margin-bottom:0; }
#rightcol .contacts p { margin-bottom:4px; }
#rightcol .contacts img { float:left; display:block; margin:0 8px 0 0; border:1px solid #584a44; }
#rightcol a img { border:0 none; }


div#content  {
               display:block;
			   margin:0 236px 0 40px;
			   padding-top:5px;
			   min-height:200px;
			   }
			   
div#content h1 { font-size:18px;
                 text-transform:uppercase;
				 margin-bottom:30px;
				 }
				 
div#content h2  { font-size:16px;}
				 
div#content p { }

div.floatLeft { float:right; padding-top:0px;}
div.floatRight { float:left;}
div.floatRight img {float:right; }
div.floatLeft img {margin-right:30px;}
div.floatLeft {}
div.team  { }	

div.team td.tdheight  { }	
			
div.team table {  margin:0; }
div.team table td { padding:25px 0; vertical-align:middle; }
				
div#content div.team p { }		

#content table.preise { border-collapse:collapse; margin-top:6px; background:#fff;  }			  
#content table td { padding:2px 10px 2px 0;  }	
#content table.preise td { padding:2px 10px 2px 4px; border-bottom:1px solid #584a44; }	

#mapcontainer { width:577px; height:400px; }		  
#mapcontainer table { margin:0;  }		  
#mapcontainer td { padding:0; border:0 none; }	

.gallery { overflow:hidden; }	  
.gallery a { float:left; display:block; width:122px; height:82px; margin:0 20px 20px 0; }	  
.gallery a img { border:2px solid #fff; }	  
.gallery a:hover img, .gallery a:focus img { border:2px solid #fff; }	  
									 
/****** Footer *************************************************************************************************************/


#footer { background:url(hintergrund_unten.gif) center top no-repeat; width:907px; height:51px; display:block; }
div.bluemouse { position:absolute; bottom:0; right:12px; background:url(bluemouse.gif) no-repeat; width:7px; height:67px; }
div.bluemouse a { display:block; width:7px; height:67px; }

						   

/*************************************************** nav **********************************************************************/	
						   
div#nav { display:block; width:773px; height:32px; margin:0 40px; overflow:visible; position:relative; z-index:1000; }
div#nav ul {display:block; height:32px; margin:0; }
div#nav ul li { float:left; position:relative; z-index:1000; list-style-type:none; margin:0; background:url(nav_sep.gif) left top no-repeat; padding-left:2px; }
div#nav ul li a{ display:block; height:26px; text-decoration:none; color:#FFFFFF; text-transform:uppercase; padding:5px 21px 0; font-size:12px; font-weight:bold;}
div#nav ul li:hover a, div#nav ul li a:hover, div#nav ul li a:focus, div#nav ul li a.active{ color:#FFFFFF; border-bottom:#e20025 solid 2px; }
div#nav ul li#navbtn0 { background:none; padding-left:0; }
div#nav ul li#navbtn0 a { padding:5px 27px 0; }

div#nav.lang1 ul li a, div#nav.lang1 li#navbtn0 a { padding:5px 19px 0; }
div#nav.lang1 ul li#navbtn0 a { padding:5px 25px 0 26px; }

div#nav ul.subnav { height:auto; left:0; position:absolute; z-index:1000; top:31px; border-top:#e20025 solid 2px; background:#584a44; padding:4px 0 8px; min-width:120px; display:none; }
div#nav ul li:hover ul { display:block; }
div#nav ul.subnav li { float:none; position:static; background:none; padding:0; list-style-type:none; margin:0; }
div#nav ul.subnav a { height:auto; text-transform:none; color:#fff; font-size:11px; font-weight:normal; padding:0 21px 0 21px; display:block; }
div#nav ul.subnav a:hover, div#nav ul.subnav a:focus, 
div#nav ul li:hover .subnav a, div#nav ul li:focus .subnav a { border:0 none; }
div#nav ul.subnav a:hover, div#nav ul.subnav a:focus { text-decoration:underline; }

div#nav ul.subnav a.active { background:url(ico_subnav.gif) left center no-repeat; font-weight:bold; text-decoration:none; }


/*************************************************** Formulare generell */

.ajax-loading {
	padding: 20px 0;
	background: url(spinner.gif) no-repeat center;
}

div.formPos {  }

form fieldset { border:0 none; padding:0; padding-bottom:0; }

form br {  }

form { padding:0 0 0 0; margin-top:15px; padding-bottom:15px; }

form legend { display:none; }

form div.formline { clear:both; height:24px; margin-bottom:2px; }

form label, form select, form button, form input, form textarea { font-size:11px; }

form input, form textarea { padding:0 2px 0 2px; }

form div.text label, form div.radio label, form div.select label, form div.textarea label,
form div.text input, form div.radio input, form div.select select, form div.textarea textarea { float:left; display:block; }

form div.text input, form div.select select, form div.textarea textarea { width:264px;  color:#000; background:#fff; font-size:11px; padding:2px 2px 0px 2px; height:16px; }
form div.select select { height:22px; width:auto; padding:1px; }

form div.textarea textarea { height:90px; }
form div.textarea { height:96px; }

form div.checkbox, form div.radio {  }
form div.checkbox div.box, form div.radio div.box { float:left; display:block; width:88px;  }

form div.text label, form div.radio label, form div.select label, form div.textarea label { width:110px;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { color:#584a44; line-height:20px; }
form label span { font-size:11px; }
form div.required label {  }

form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { margin-right:4px; }
form div.box label { width:60px;  }

form div.btn { display:block; margin:5px 0 0 110px; float:left; background:#000; padding:1px; }
form button {  background:#584a44; font-weight:bold; font-size:11px; text-align:center; border:0 none; color:#FFFFFF; border:1px solid #FFFFFF; padding:3px 2px 2px 2px; }
form div.btn:hover, form div.btn:hover button, form button:hover, div#center div.btn:hover { background:#e20025; color:#fff; }

p.errormsg, p.successmsg { clear:left; padding:2px 6px; margin:5px 0 20px 0; color:#fff; border:3px double #fff; margin-right:10px;  }
#rightcol p.errormsg, #rightcol p.successmsg  { margin-right:20px; color:#fff; border:3px double #fff; font-size:11px; }
p.errormsg { background-color:#cc0000; }
p.successmsg { background-color:#97bf0d; }
p.inform { margin:0 0 5px 120px; width:358px; }

form div.info { clear:both; font-size:12px;  }

/*************************************************** Newsletter */

#newsletter fieldset { padding:8px 6px; border-collapse:collapse; border:3px double #584a44; width:150px; background:#fff; }
#newsletter label { width:50px; }
#newsletter input { width:90px; }
#newsletter select {  }
#newsletter div.btn { margin:5px 0 0 50px; }