/* Standard Stylesheet  */
/* kurvenfei.de */

/* @group meyerreset */

/* Global Reset ala Eric Meyer */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Ende Global Reset*/

/* @end */

/* @group Global Styles */

body { background: url(../img/welle.jpg) repeat-x 0 50px; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.3em; }

.wrap { width: 960px; margin: 0 auto; }

h2 { font-size: 20px; color: #1992f4; height: 44px !important; width: 100% !important; margin-left: 240px;}

p { padding-bottom: 1em;  }


/* @end */

/* @group Navi */
#nav { width: 100%; background: #2a8edf url(../img/nav_bg.png) repeat-x; height: 45px; position: absolute;  left: 0;}
	.id1 #nav { top:290px; }	
	
	#nav ul  { margin-left: -20px;}
	#nav ul li { float: left; list-style: none; }
	
	#nav ul a { font-size: 14px; color: #cce7f2; text-decoration: none; display: block; float: left; padding: 13px 20px 16px; text-shadow: rgba(0,0,0,.5) 0 1px 0; }
	#nav .rex-current,
	#nav .rex-active,
	#nav ul a:hover { background: #1474c2 url(../img/nav_bg_act.png) repeat-x ; color: #fff; }
	
#subnav { margin-left: -10px; width: 210px; padding: 44px 0 0 0; float: left; height: 100%; border: 1px solid transparent; }
	#main #subnav li { background: #d9f7fe; padding: 0 ;}
	#main #subnav li a { display: block; padding: 5px 10px;  }
		#main #subnav li li a { padding: 5px 10px 5px 20px; }
		#main #subnav ul ul { padding-bottom: 0; }
	#subnav a { color: #7b8d92; }
		
	#subnav ul a.rex-current,
	#subnav ul a.rex-active { background: #288cdc; color: #fff; text-shadow: rgba(0,0,0,.5) 0 1px 0;  }
	#subnav ul a:hover { background: #1c71b6; color: #fff; text-decoration: none; }
		#subnav ul ul a { background: #1c71b6; color: #c0dbe1; }
		#subnav ul ul a:hover,
		#subnav ul ul a.rex-current { background: #1c71b6; color: #fff; text-shadow: rgba(0,0,0,.5) 0 1px 0; }

/* @group IE6+7 hacking  */

*html .id1 #header { height: 308px; } 
*html .id1 #header h2 { height: auto !important; font-size: 16px; }
*html #subnav { border: none; margin-left: 0;  }
*html h2 {  width: 500px !important; }
*html #main #subnav li a { zoom: 1; }

*+html .id1 #header h2 { height: auto !important; font-size: 16px; }
*+html .id1 #header { height:  308px; }
*+html h2 { width: 500px !important; }


/* @end */


/* @end */

/* @group Header */

.id1 #header { height: 288px; margin-bottom: 50px; background: url(../img/team.png) no-repeat right bottom;	}
	
.id1 #header h2 { margin-bottom: 1em; margin-left: 0; height: auto !important; font-size: 18px; }
.id1 #header p { width: 400px; }

h1 {margin: 95px 0 0;}
	.id1 h1 { margin: 25px 0; }
h1 a {display: block; height: 74px; width: 170px; background: url(../img/logo.jpg) no-repeat; text-indent: -555em; }







/* @end */

/* @group Content */

#main { padding-bottom: 3em; }
	#main ul { padding-bottom: 1em; }
	#main li { padding-left: 15px; list-style: none; background: url(../img/li_bullet.gif) no-repeat 3px 5px; padding-bottom: ; }
	
	#main a { color: #1267ac; text-decoration: none; }
		#main a:hover { text-decoration: underline; }
		

.content { margin-left: 0; width: 720px; float: right; }

.col4 { width: 22%; float: left; margin-right: 1.6%; zoom: 1; }
.col1 { width: 210px; margin-right: 20px; float: left; zoom: 1; padding-bottom: 1em; }
.col2 { width: 440px; margin-right: 20px; float: left; zoom: 1; padding-bottom: 1em; }




.highl { padding: 18px 12px; background: url(../img/highl_bg.jpg) repeat-x; }
#main .last { margin-right: 0; height: 200px;}

.bu { font-size: 10px; line-height: 1em; display: block; }



/* @end */

/* @group Kontaktformular  */

#form-module { margin-left: 0; width: 720px; float: right; }

label { display: block;  }
textarea,
input { width: 420px; border: 1px solid #ccc; padding: 5px; }
	.submit { width: 210px; background: #288cdc; color: #fff; border: none; padding: 5px 0; }
	
.form_warning { color: #c00; }
	#main .form_warning li {  list-style: none;  background: none; background: #ffc; padding: 2px 10px; width: 420px; }
	input.form_warning,
	textarea.form_warning { background: #ffc; border: 1px solid #c00; }
/* @end  */

/* @group Footer */

#footer { text-align: center; background:  #2a8edf url(../img/footer_bg.png) repeat-x; color: #fff;  font-size: 10px;}
	#footer p { padding-top: 25px; }
	#footer a { color: #fff; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }

/* @end */

/* @group Misc */

/* @group SufnEdit  */


.do_rexsurf { background: #ffc; padding: 5px; font-size: 10px; color: #666; }
	.do_rexsurf a { color: #c66 ; text-decoration: none; }
	.do_rexsurf a:hover { color: #c00; }


/* @end */


/* Clearing Floats ohne extra html */
.clear:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

	/* Hides from IE Mac */
	* html .clear {height: 1%;}
	   .clear {display:block;}
	/* End Hack */
	
/* @group footerstick  */

html, body, #footerstick { height: 100%; }
body > #footerstick {height: auto; min-height: 100%; overflow:hidden;}
/*#main {padding-bottom: 100px; background: red; }*/
#push { height: 64px; }
#footer { position: relative; margin-top: -64px; height: 64px; clear:both; }

/* @end  */


/* @end */