*{ margin:0; padding:0;}

html{ background-color:#ffffff; background-position:center top; background-repeat:no-repeat; height:100%;}
body{font:bold 11px Verdana, Helvetica, sans-serif; color:#003f37;  background: url(../imgs/bg.gif) repeat-x;}

body.body_kompetenzen{font:bold 11px Verdana, Helvetica, sans-serif; color:#003f37;  background: url(../imgs/bg_kompetenzen.gif) repeat-x;}	

img{border:0px}
br.clear{clear:both}

a{ color:#003f37; text-decoration:none; outline-style:none;}
a:hover{ color:#3c0; outline-style:none;}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:48px;
	color:#fff;
	}
	
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	color:#a0afb7;
	line-height:25px;
	text-align:left;
}

h3{
	font-size:16px;
	font-weight:bold;
	color:#003f37;
	padding:15px 0 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
	}


h5{
	font-size:12px;
	font-weight:bold;
	padding:0px 0 7px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003f37;
	}



.main{ width:950px; margin:0 auto; position:relative;}

.header{ height:120px; margin:0; position:relative;}
.header img{ position:absolute; top:50px; left:40px;}

.nav{ position:absolute; top:85px; right:0px; list-style:none;}
.nav li{ float:left; margin-right:44px; padding:0px 3px 0px 3px; height:30px;}
.nav li.act{ border-bottom:5px solid #3c0;}
.nav li.act a{ color:#3c0;}

	#projects{ width:100%; }

#projects_container, #profil { 
	width:100%;
	border-top:1px solid #33CC00;
}

#projects_html{ 
	width:950px; 
	margin:58px auto 0 auto; 
}

#projects_404{
	border-top:1px solid #33CC00;
	}

.clear{
	clear:both;}

#content_404{
	width:950px; 
	margin:0 auto; 
	position:relative; 
	top:70px;
	color:#727c82;
	font-size:12px;
	line-height:18px;
	font-weight:normal;
}

.left_404{
	width:305px;
	height:400px;
	float:left;
	}
	
.right_404{
	width:630px;
	float:left;
	}

.freak{
	padding-top:100px;
	width:305px;
	}
	
.list_404  li{
	list-style:none;
	padding-left:30px;
	}
	
.list_404 li a{
	list-style:none;
	color:#727c82;
	text-decoration:underline;
	}
	
.list_404 li a:hover{
	text-decoration:none;
	}
	
.abschluss{
	clear:both;
	width:950px;
	border-bottom:6px solid #003f37;
	height:6px;
	}


object { outline:none; }

#content{ background:#fff; height:370px;}
#content[id]{ min-height:370px; height:auto;}

.footer{position: relative;width: 945px; height:32px; margin:0 auto; border-top:1px solid #05433b; padding-top:11px; margin-top: 25px; font-weight: normal; font-size: 10px;}
.footer .imprint {position:absolute; right:0; font-style:normal; }
.footer a.act{ color:#3c0;}


.align_right{
	padding-left:18px;
	}
	

/* nab */

#contactarea{ width:100%;}
#map_verdure {
	width: 100%;
	height: 515px;
	border-top: 1px solid #33cc00;
}

#blogwrapper {
	width: 100%;
	border-top: 1px solid #33cc00;
}

#blog {
	width:530px;
	margin:0 auto;
	position:relative;
}
#blog * {
	color: #727c82;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
	font-size: 12px;
}
#blog h1 { font-size: 16px; padding-bottom: 6px; font-weight: bold; margin-top: 19px; color: #003F37; }
#blog h5 { margin-top: 19px; }
#blog h6 { font-size: 10px; line-height: 24px; padding: 24px 0 4px; }
#blog p { margin-top: 19px; }

#blog .hr { display: block; width: 100%; height: 19px; border-bottom: 1px solid #33cc00; }

/**/
#map_verdure {}
#map_verdure *{ font-weight:normal;}
#popup{ width:289px; height:260px; padding:100px 100px 0 329px; position:absolute; left:50%; top:182px; margin:0 0 0 -332px; background: url(../imgs/popup.png) no-repeat 0 0; font:bold 14px Arial, Helvetica, sans-serif; color:#727c82;  }
#popup .close{ display:block; width:19px; height:19px; position:absolute; right:67px; top:9px; cursor:pointer; background: url(../imgs/ico_close.png) no-repeat 0 0;}
#popup h1{ width:475px; height:0px; padding-top:35px; overflow:hidden; position:absolute; left:149px; top:40px; background: url(../imgs/kontakt_h1.png) no-repeat 0 0;}
#popup h6{ color:#a0afb7; font-size:18px; font-weight:normal;  line-height:24px; padding-bottom:13px;}
#popup img{ position:absolute; left:0; top:108px;}
#popup p{ padding:0 0 16px 0; line-height:20px; font-weight:normal; }
#popup p a{ color:#727c82; text-decoration:underline;}
#popup p label{ display:block; width:72px; float:left;}
#popup p br{ clear:both;}
#popup #bubble{  width:42px; height:40px; position:absolute; left:444px; top:330px; background: url(../imgs/bubble.png) no-repeat 0 0;}


/***************************** team *****************************/
.heading{
	float:left;
	width:950px;
	padding-bottom:33px;
	}

.herz_verstand{
	float:left;
	width:498px;
	margin:2px 0 0 -2px;
	}
	
.beisatz{
	width:425px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:17px;
	color:#727C82;
	padding:9px 0 0 22px;
	}


.beisatz p{
	margin:0px 0px 8px 0px;
	line-height:20px;
	}
	
.clear{
	clear:both;
	}

.team{
	float:left;
	width:227px;
	margin:33px 15px  0px -1px;
	}
	
.team_last{
	float:left;
	width:227px;
	margin:33px 0px 0px -1px;
	}
	
.caption{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1E2C3A;
	font-weight:normal;
	line-height:20px;
	padding:13px 0 0 17px;
	}

.name{
	color: #727C82;
	}
	
.teambild{
	border-bottom: 6px solid #003f37;
	}
	
	
/****************************** profil ******************************/
.logo{
	width:304px;
	float:left;
	}
	
.profil{
	float:left;
	width:540px;
	margin-top:5px;
	}
	
.profil p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	margin:0px 0px 19px 0px;
	line-height:20px;
	color:#566066;
}

.totem{
	position:relative;
	top:-4px;
	left:32px;
	}
	
.heading_profil{
	position:relative;
	left:-3px;
	top:3px;
	padding-bottom:15px;
	}
	
.bottom {
	border-bottom: 6px solid #003f37;
	clear:both;
	padding:14px 0 0 0;
}

.tagcloud{
	margin:50px 0 30px 45px;
	}


/******************************  Presse  ******************************/

#col_right{
	float:left;
	width:350px;
	padding:20px 0px 0 60px;
	margin:11px 0 0 0 ;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:19px;
	color:#566066;
	}
	
#col_right p{
	padding:0 0 15px 0;
	}
	
p.font_small{
	font-size:11px;
	padding:0px 0 0px 0;
	margin:20px 0 0 0;
	}

p.pressemitteilung_txt{
	padding:0px 0 4px 0;
	margin:0px 0 0px 0;
	}
	
.pressemitteilung{
	margin:0px 0 15px 0;
	padding:0px 0 9px 0;
	border-bottom:1px dotted #566066;
	}
	
.pressemitteilung a{
	text-decoration:underline;}
	
.pressemitteilung a:hover { text-decoration: none; }

.presse a{
	text-decoration:underline;}

.presse a:hover { text-decoration: none; }

.title_strong{
	font-weight:bold;
	line-height:30px;
	}

.img_float{
	float:left;
	padding:0px 20px 0 0;
	}

.icn_social{
	padding:0px 10px 0 0;
	}

ul.list_links li{
	margin:0px;
	padding:0px 0 0 10px;
	list-style:none;
	background-image:url(../imgs/li_links.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
	
ul.list_links {
	margin-bottom:15px;
	}

/***************************** impressum ******************************/	
#impressum{
	width:600px;
	position:relative;
	left:244px;
	top:1px;
}

#impressum p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	margin:0px 0px 19px 0px;
	line-height:19px;
	color:#727C82;
}

.imp_left{
	width:244px;
	float:left;
	margin:0px 0px 0px 1px;
	}
	
.imp_right{
	width:310px;
	float:left;
	}
	
.heading_impressum{
	background-image:url(../imgs/heading_impressum.jpg);
	width:298px;
	height:72px;
	margin-bottom:30px;
	}
	
.notiz{
	position:relative;
	top:19px;
	left:1px;
	clear:both;
	  }
	  
/****************************** Upload Area ******************************/

#upload_manager {
	width:530px;
	height:370px;
	margin:0 auto;
	position:relative;
}

#upload_manager[id]{ min-height:370px; height:auto;}
#upload_manager h1 { display: block; margin: 40px 0 16px 0; font:bold 24px Verdana, Helvetica, sans-serif; font-weight: bold; }
#upload_manager p { color: #727c82; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; }

/****************************** Projektliste ******************************/

.projectheadline { display: block; margin: 40px 0 16px 0; font:bold 17px Verdana, Helvetica, sans-serif; font-weight: bold; }
.projectlist { border-collapse: collapse; }
.projectlist td { margin: 0; padding: 0; vertical-align:top; }
.projectlist, .projectlist a, .footnote, .footnote a { color: #727c82; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; }
.projectlist h3 { font-size: 12px; font-weight: bold; }

.projectlist .even td { background-color: transparent; }
.projectlist .odd td { background-color: #f3f3f4; }

.projectlist .projecttitle { width: 193px; padding: 12px 31px 12px 17px;} /* 1st column */
.projectlist .projecttext { width: 434px; padding: 12px 31px 12px 17px; } /* 2nd column */
.projectlist .projectlink { width: 193px; padding: 12px 17px 12px 17px; } /* 3rd column */

.projectlist .projecttext .tags a { } /* this styles the tags */
.projectlist a, .footnote a { text-decoration: underline; }
.projectlist a:hover, .footnote a:hover { text-decoration: none; }
.projectlink a { font-weight: bold; color: #33cc00; }
.footnote { text-align: center; margin: 24px 0; }

/*---------------------------------------------custom select------------------------------------------------------*/

.select{ display:inline-block;  border:1px solid #003f37; padding:0; line-height:28px; color:#003f37; font-size:11px; background:#fff;  }
.select .field{ padding:0px 0px 0px 10px; }
.select .arrow{ border-left:1px solid #003f37; width:26px; background:#fff  url(../imgs/select_arr.png) no-repeat 0 0;}
.select .dropdown{ background:#fff;  border:1px solid #757573; text-align:left; line-height:normal; height:190px; bottom:28px; }
.select .dropdown a{ color:#003f37;  padding:6px 24px 6px 10px !important; cursor:pointer;}
.select .dropdown a:hover, .select .dropdown a.act{ background:#cde8e4; }

/*---------------------------------------------mini contact form------------------------------------------------------*/
#contact{ background:#f3f3f4; padding:15px 0px 5px 617px; width:328px; margin:20px auto 0 auto; position:relative; font-weight:normal;}
#contact h2{ background:url(../imgs/hdr_contact_form.png) no-repeat 0 0; width:255px; height:15px; position:absolute; top:23px; left:14px;}
#contact h2 span{ display:none;}
#contact input, #contact textarea{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#003f37; color:#8c8c8d; border:1px solid #003f37; background:#fff; padding:8px 6px 7px 6px; margin-bottom:10px;}
#contact input{ width:164px;}
#contact input.err{ border-color:#f00}
#contact textarea{ width:285px; position:absolute; left:290px; height:90px; padding:10px;}
#contact select, #contact .select{ width:305px; position:absolute!important; left:290px;}
#contact .but_submit{ display:block; width:95px; height:22px; padding:8px 0 0 0; text-align:center; background:url(../imgs/but_submit.png) no-repeat 0 0; cursor:pointer; color:#fff; font-weight:bold; text-decoration:none; position:absolute; right:15px; top:15px; }
#contact .but_submit input{ display:none; }
#contact .ico_more, #contact .ico_more_act{ display:block; width:15px; height:15px; background:url(../imgs/ico_more.png) no-repeat 0 0; cursor:pointer;  text-decoration:none; position:absolute; right:128px; top:22px;}
#contact .ico_more_act{ background-position:0 -15px;}
#contact_more {display:none;}
#contact .ok { margin-left:-670px; text-align:center; font-size:16px; padding:6px 0 16px 0;}
#contact .ok i{ background:url(../imgs/ico_mail.png) no-repeat 0 3px; padding:0 0 0 19px }


#startscreen {
	background: #00352a url('../imgs/startscreen.png') no-repeat center 0;
	height: 84px;
	font-weight: normal;
	color: #8fc98b;
	text-align: center;
	padding-top: 380px;
}
#startscreen a { color: #8fc98b; text-decoration: underline; }



/****************************** kompetenzen ******************************/	
#kompetenzen_html{ 
	width:950px; 
	margin:5px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
}

#kompetenzen_html p{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#566066;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	padding:8px 0 8px 0px;
	width:510px;
}

#subnavi_kompetenzen{
	width:950px;
	background-image:url(../imgs/bg_subnavi.gif);
	background-repeat:no-repeat;
	height:44px;
	text-align: center;
}

#subnavi_kompetenzen ul li{
	font-size:12px;
	color:#fff;
	list-style:none;
	font-weight:normal;
	display: inline;
	padding:0 15px;
	line-height: 38px;
}

#subnavi_kompetenzen ul li a{
	color:#fff;
	text-decoration:none;
	}
	
#subnavi_kompetenzen ul li a:hover{
	color:#adcf9d;
	text-decoration:none;
	}
	
#subnavi_kompetenzen ul li a.active{
	color:#adcf9d;
	text-decoration:none;
	}

.komp_top_left{
	margin:14px 0px 0px 25px;
	float:left;
	width:530px;
	height:350px;
	background-image:url(../imgs/referenzen_bg.jpg);
	background-repeat:no-repeat;
	}
	
*html .komp_top_left{
	margin:14px 0px 0px 20px;
}

.komp_top_right{
	margin:43px 0 0 40px;
	float:left;
	width:320px;
	}
	
*html .komp_top_right{
	margin:43px 0 0 35px;
}
	
.ul_onlinevideo{
	margin:21px 0px 0px 4px;
	}
	
.ul_onlinevideo li{
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding:0px 0px 17px 22px;
	background-image:url(../imgs/li_onlinevideo.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	list-style:none;
	height:11px;
}

*html .ul_onlinevideo li{
	padding:0px 0px 12px 22px;
}

.komp_bot_left{
	margin:34px 0px 0px 13px;
	padding:0 0 0 25px;
	float:left;
	width:547px;
	height:350px;
	}
	
.komp_bot_right{
	padding:34px 0 0 10px;
	float:left;
	width:300px;
	}

#kontaktfelder{
	margin-top:10px;
	}

.komp_bot_right textarea{ 
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#003f37; 
	color:#8c8c8d; 
	border:1px solid #003f37; 
	background:#fff; 
	padding:8px 6px 7px 6px; 
	margin-bottom:10px;
	width:300px;
	height:125px;
}

.komp_bot_right input{ 
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#003f37; 
	color:#8c8c8d; 
	border:1px solid #003f37; 
	background:#fff; 
	padding:8px 6px 7px 6px; 
	margin-bottom:10px;
	width:300px;
}





/* --- kompetenzen slideshow ---- */
/*#slideshow{ position:relative; top:10px; left:14px; width:500px; height:350px; overflow:hidden;}*/
#slideshow{ position:relative;  width:530px; height:350px; overflow:hidden;}
#slideshow img{ position:absolute; top:10px; left:15px;}
#slideshow span{ position:absolute; bottom:-35px; left:15px; z-index:1000; width:500px; height:35px;}
#slideshow:hover span{ display:block;}
#slideshow span i, #slideshow span b{ position:absolute; top:0; left:0px; color:#fff; font-style:normal; font-weight:bold; text-align:center; display:block; padding:10px 0 0 0; width:501px; height:25px; text-decoration:none; }
#slideshow span b{ background:#003c34; opacity:0.85; filter: Alpha(opacity:85); }
#slideshow a { color: #fff; text-decoration: none; }
#slideshow a:hover { color: #33CC00; }

#feedback input, #feedback textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#feedback .but_submit{ display:block; width:95px; height:22px; padding:8px 0 0 0; text-align:center; background:url(../imgs/but_submit.png) no-repeat 0 0; cursor:pointer; color:#fff; font-weight:bold; text-decoration:none; }
#feedback .err{ border-color:#f00}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* Disable Links */

.subnavi li#k1, /* Medienberatung */
.subnavi li#k3, /* Webportale */
.subnavi li#k5  /* Onlineshops */
{
	display: none;
}