html, body { height:100%; }

a { color:#0463B2; text-decoration:underline;}
a:hover { text-decoration:underline;}

body { background-color:#C5C6C8; text-align:center; padding:0; margin:0; border:0; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:14px;}
#seite { position:absolute; top:50%; left: 50%; text-align:left; width:990px; height:590px; margin: -295px 0px 0px -495px; background-color:#FFFFFF; }


img { border:0;}

#head { position:absolute; top:10px; left:290px; width:690px; height:150px; background-color:#FFFFFF; border:1px solid #484848;}
#left { position:absolute; top:10px; left:10px; width:270px; height:570px; background-color:#FFFFFF; border:1px solid #484848;}
	#logo { position:absolute; top:13px; left:8px; width:261px; height:110px;}
	#navigation { position:absolute; top:130px; left:29px; width:240px;}
	#teaser { position:absolute; top:380px; left:29px; width:158px; height:158px; background-image:url(../images/anzeige1.jpg);}
	ul#metaNavigation { position:absolute; top:545px; left:29px; width:240px; margin:0; padding:0;}

#contentContainer { position:absolute; top:170px; left:290px; width:690px; height:410px; background-color:#FFFFFF; border:1px solid #484848;}
	#content h1 { margin:10px 20px; font-size:12px; font-weight:bold; color:#484848;}
	#content div.textItem { margin:10px 20px; color:#0463B2; line-height:16px;}
	#content div.textItem p.headline_start { margin:45px 0 0 0; color:#484848; line-height:20px; font-weight:bold; font-size:18px;}	
	#content div.textItem p.team img { width:150px; height:225px; margin:50px 10px 0px 0px;}	
	#content2 { color:#000000;}
	#content_start { position:absolute; top:240px; left:285px; width:370px; height:155px; background-color:#DCDCDC; border:1px solid #484848;}
	#content_start div.textItem { margin: 10px 15px; color:#0463B2;}	
	#content_start div.textItem img { float:left; height:135px; margin:0px 15px 0px 0px; border:1px solid #484848;}	

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#navigation ul { margin:0; padding:0;}
#navigation ul li { margin:0; padding:0 0 0 0px; list-style-type:none;}
#navigation ul li a { display:block; height:19px; line-height:19px; margin:0; padding:0 0 0 0px; font-size:12px; color:#474747; text-decoration:none;}
#navigation ul li a:hover, #navigation ul li.active a { font-weight:bold;}

/* Level 2 */
#navigation ul li.navmainStandardLevel_2 { margin-left:10px;}
#navigation ul li.navmainStandardLevel_2 a {}
#navigation ul li.navmainStandardLevel_2 a:hover, #navigation ul li.navmainStandardLevel_2 a.active {}

/* Level 3 */
#navigation ul li.navmainStandardLevel_3 { margin-left:20px;}
#navigation ul li.navmainStandardLevel_3 a {}
#navigation ul li.navmainStandardLevel_3 a:hover, #navigation ul li.navmainStandardLevel_3 a.active {}

ul#metaNavigation li { margin:0; padding:0 0 0 0px; list-style-type:none; float:left; }
ul#metaNavigation li a { width:88px; margin:0; padding:0 0px 0 0px; float:left; color:#0463B2; font-size:12px;}





#head #headBody {}

#head a#logoTop { display:block; float:left; padding:0; margin:0;}

#head h1 {
    display:block;
    float:left;
    padding:0 0 0 30px;
    margin:0;
    width:690px;
    height:60px;
    line-height:60px;
    font-weight:normal;
    color:#435d06;
    /* transparency */
    background-color:#fff;
    opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
}

#head h1, #head a#logoTop {
    margin:90px 0 0 0;
}


/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */
#modHeaderImgEdit {
    position:absolute;
    top:60px;
    left:270px;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm { margin:10px 20px; font-size:11px; color:#0463B2;}
#contactForm .contactRow { margin:4px 0;}
#contactForm label { display:block; float:left;	width:180px;}
#contactForm .contactRow input, #contactForm .contactRow textarea {	border:1px solid #ccc; width:200px;}
#contactForm .contactRow select { border:1px solid #ccc; width:172px;}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea { width:200px;}
#contactForm .contactRow input { height:13px;}
#contactForm .contactRow textarea { height:80px;}
#contactFormSubmit {}
#contactFormSubmit #contactFormSubmitLeft { float:left; margin:0 0 0 0px; padding:0px; width:100px;}
#contactFormSubmit #contactFormSubmitRight { margin:0px; padding:0px; width:100px; background-color:#FFFF66}
#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
	background-color:#fff;
	border:0;
	color:#0060b1;
	padding:0 10px 0 0;
	background-image:url(../images/link_pfeil.gif);
	background-repeat:no-repeat;
	background-position:right 4px;
	font-size:10px;
	width:100px;
	height:auto;
	float:right;
	margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input { background-image:none; padding:0;	float:left;}

#contactForm table { width:100%; border-collapse:collapse;}
#contactForm table td {	padding:0;}
#contactForm table td.pt { padding:4px 0px;}
* html #contactForm table td.pt {}

