/* 208-03-01
---------------------------------------------------------- 
-- KONZEPTQUARTIER Stylesheet klassisch global 
---------------------------------------------------------- 
-- Globales Zuruecksetzen
----------------------------------------------------------*/
body, div,dl,dt,dd,ul,ol,li,span,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing: 0;
	}
fieldset,img,abbr {
	border:0;
	}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ul { 
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:1.0em;
	}
q:before,q:after {
	content:'';
	}
a,ins { 
	text-decoration:none;
	}
/*	
---------------------------------------------------------- 
-- Container
----------------------------------------------------------*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#anfang {
   min-height:100%;
   position:relative;	}
#header {
   padding:10px 0 0 10px;
   margin-left: 40px;	}
#body {
   padding:10px 0 0 10px;
   margin-left: 40px;
   width: 800px;
   padding-bottom:80px;   /* Height of the footer */	}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */	}



/*	
---------------------------------------------------------- 
-- Footernavigation
----------------------------------------------------------*/	
#footerNavigation {
   	background: url(../img/kq_trenner.gif) repeat-x;
	width: 800px;
	margin-left: 50px;
	text-align: right;
	}
#footerNavigationLeft a {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a6a6a6;
	margin-right: 15px;	}
#footerNavigationLeft {
	float: left;
	}
#footerNavigationRight a {
	font: 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #a6a6a6;	}
#footerNavigation a:hover {
	color: #666666;	}

/*	
---------------------------------------------------------- 
-- Header
----------------------------------------------------------*/
sup {
    font-size: 11px; 
    color: #9b9b9b; 
}
#header h1,
#header h1 a {
	margin: 30px 0 10px 0px;
	color: #1e1a1b;
	font: 22px Helvetica, Arial;
	font-weight:bold; }
#navigation {
	height: 44px;
	width: 800px;
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url(../img/navigation-bg-strichel.gif); 
	background-repeat: no-repeat;	}
#menu {
	height: 21px;
	width: 700px; 
	padding: 0;
	margin: 0;
	border: 0;	}
#submenu {
	padding: 0;
	margin: 0px;
	border: 0;
	width: 700px;
	height: 21px;	}
#navigation li {
	position: relative;
	display: inline;
	height: 21px;	
	float: left;
	height: 21px;	}
#navigation a {
	position: relative;
	display: inline;
	height: 21px;	
	float: left;
	margin: 0 15px 0 0;
	height: 21px;	}
	
	
/*	
---------------------------------------------------------- 
-- NAVIGATION
----------------------------------------------------------*/	
#navigation #profil a {
	background-image: url(../img/nav-profil.gif);
	background-position: top left;	}	
#navigation #profil a:hover {
	background-image: url(../img/nav-profil.gif);
	background-position: bottom left;	}
#navigation #profilaktiv a {
	background-image: url(../img/nav-profil.gif);
	background-position: bottom left;	}	
#navigation #arbeitsweise a {
	background-image: url(../img/nav-arbeitsweise.gif);
	background-position: top left;	}	
#navigation #arbeitsweise a:hover {
	background-image: url(../img/nav-arbeitsweise.gif);
	background-position: bottom left; }
#navigation #arbeitsweiseaktiv a {
	background-image: url(../img/nav-arbeitsweise.gif);
	background-position: bottom left; }
#navigation #projekte a {
	background-image: url(../img/nav-projekte.gif);
	background-position: top left;	}	
#navigation #projekte a:hover {
	background-image: url(../img/nav-projekte.gif);
	background-position: bottom left; }
#navigation #projekteaktiv a {
	background-image: url(../img/nav-projekte.gif);
	background-position: bottom left; }
#navigation #karriere a {
	background-image: url(../img/nav-karriere.gif);
	background-position: top left;	}	
#navigation #karriere a:hover {
	background-image: url(../img/nav-karriere.gif);
	background-position: bottom left;  }
#navigation #karriereaktiv a {
	background-image: url(../img/nav-karriere.gif);
	background-position: bottom left;  }
#navigation #kontakt a {
	background-image: url(../img/nav-kontakt.gif);
	background-position: top left;	}	
#navigation #kontakt a:hover {
	background-image: url(../img/nav-kontakt.gif);
	background-position: bottom left; }
#navigation #kontaktaktiv a {
	background-image: url(../img/nav-kontakt.gif);
	background-position: bottom left; }
/*	
---------------------------------------------------------- 
-- SUBNAVIGATION PROFIL
----------------------------------------------------------*/
#navigation #staerken a {
	background-image: url(../img/nav-staerken.gif);
	background-position: top left;	}	
#navigation #staerken a:hover {
	background-image: url(../img/nav-staerken.gif);
	background-position: bottom left;	}
#navigation #staerkenaktiv a {
	background-image: url(../img/nav-staerken.gif);
	background-position: bottom left;	}		
#navigation #buero a {
	background-image: url(../img/nav-buero.gif);
	background-position: top left;	}	
#navigation #buero a:hover {
	background-image: url(../img/nav-buero.gif);
	background-position: bottom left;	}
#navigation #bueroaktiv a {
	background-image: url(../img/nav-buero.gif);
	background-position: bottom left;	}	
#navigation #personen a {
	background-image: url(../img/nav-personen.gif);
	background-position: top left;	}	
#navigation #personen a:hover {
	background-image: url(../img/nav-personen.gif);
	background-position: bottom left;	}
#navigation #personenaktiv a {
	background-image: url(../img/nav-personen.gif);
	background-position: bottom left;	}	
#navigation #fakten a {
	background-image: url(../img/nav-fakten.gif);
	background-position: top left;	}	
#navigation #fakten a:hover {
	background-image: url(../img/nav-fakten.gif);
	background-position: bottom left;	}
#navigation #faktenaktiv a {
	background-image: url(../img/nav-fakten.gif);
	background-position: bottom left;	}



/*	
---------------------------------------------------------- 
-- SUBNAVIGATION KONTAKT
----------------------------------------------------------*/
#navigation #anfahrt a {
	background-image: url(../img/nav-anfahrt.gif);
	background-position: top left;	}	
#navigation #anfahrt a:hover {
	background-image: url(../img/nav-anfahrt.gif);
	background-position: bottom left;	}
#navigation #anfahrtaktiv a {
	background-image: url(../img/nav-anfahrt.gif);
	background-position: bottom left;	}
#navigation #impressum a {
	background-image: url(../img/nav-impressum.gif);
	background-position: top left;	}	
#navigation #impressum a:hover {
	background-image: url(../img/nav-impressum.gif);
	background-position: bottom left;	}
#navigation #impressumaktiv a {
	background-image: url(../img/nav-impressum.gif);
	background-position: bottom left;	}



/*	
---------------------------------------------------------- 
-- SUBNAVIGATION PROJEKTE
----------------------------------------------------------*/
#navigation #corporatedesign a {
	background-image: url(../img/nav-corporatedesign.gif);
	background-position: top left;	}	
#navigation #corporatedesign a:hover {
	background-image: url(../img/nav-corporatedesign.gif);
	background-position: bottom left;	}
#navigation #corporatedesignaktiv a {
	background-image: url(../img/nav-corporatedesign.gif);
	background-position: bottom left;	}
#navigation #strategie a {
	background-image: url(../img/nav-strategie.gif);
	background-position: top left;	}	
#navigation #strategie a:hover {
	background-image: url(../img/nav-strategie.gif);
	background-position: bottom left;	}
#navigation #strategieaktiv a {
	background-image: url(../img/nav-strategie.gif);
	background-position: bottom left;	}
#navigation #editorialdesign a {
	background-image: url(../img/nav-editorialdesign.gif);
	background-position: top left;	}	
#navigation #editorialdesign a:hover {
	background-image: url(../img/nav-editorialdesign.gif);
	background-position: bottom left;	}
#navigation #editorialdesignaktiv a {
	background-image: url(../img/nav-editorialdesign.gif);
	background-position: bottom left;	}
#navigation #kunden a {
	background-image: url(../img/nav-kunden.gif);
	background-position: top left;	}	
#navigation #kunden a:hover {
	background-image: url(../img/nav-kunden.gif);
	background-position: bottom left;	}
#navigation #kundenaktiv a {
	background-image: url(../img/nav-kunden.gif);
	background-position: bottom left;	}
#navigation #fotografie a {
	background-image: url(../img/nav-fotografie.gif);
	background-position: top left;	}	
#navigation #fotografie a:hover {
	background-image: url(../img/nav-fotografie.gif);
	background-position: bottom left;	}
#navigation #fotografieaktiv a {
	background-image: url(../img/nav-fotografie.gif);
	background-position: bottom left;	}
#navigation #film a {
	background-image: url(../img/nav-film.gif);
	background-position: top left;	}	
#navigation #film a:hover {
	background-image: url(../img/nav-film.gif);
	background-position: bottom left;	}
#navigation #filmaktiv a {
	background-image: url(../img/nav-film.gif);
	background-position: bottom left;	}





#body {
	font: 11px/15px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	color: #232323;}
#body #contentfakten a,
#body .personenprofil a,
#body .collefttab a,
#body .colleft a,
#body .coltitel a,
#body .colrightprojektemetropolregion a,
#body .colrightprojekte a,
#body .colleftuebersicht a {
	font: 11px/15px Helvetica, Arial, Verdana, sans-serif;
	color: #121212;
	border-top: none;
	border-left: none;
	font-weight: bold;
	border-right: none;
	border-bottom: 1px dotted #656565;	}
#body #contentfakten a:hover,	
#body .collefttab a:hover,
#body .colleft a:hover,
#body .colrightprojektemetropolregion a:hover,
#body .personenprofil a:hover,
#body .colrightprojekte a:hover,
#body .colleftuebersicht a:hover {
	color: #121212;
	border-bottom: 1px dotted #FF0000;	}
#body .stoerer a:hover  {
	border-bottom: 4px dashed #FF0000;
	}	
	
	
	
#body #contentheader {
	position: relative;
	z-index: 100;
	}	
#body #contentheaderstoerer {
	position: absolute;
	z-index: 300;
	width: 110px;
	margin: 60px 0 0 650px;
	height: 110px;
	}

a.linkmail {
	background-image: url(../img/icon-mail.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 1px;
	}
a.xingprofil {
	background-image: url(../img/icon-profil.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 1px;
	}
a.anfang {
	background-image: url(../img/icon-anfang.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 1px;
	}
a.vcard {
	background-image: url(../img/icon-vcard.gif); 
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 1px;
	}
a.document {
	background-image: url(../img/icon-document.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
	background-position: 0px 1px;
	}

#body #coleins {
	position: relative;
	float: left;
	display: inline;
	width: 390px;	}		
#body .colzwei {
	position: relative;
	float: right;
	width: 390px;
	display: inline;	
	margin-left: 20px;	}	



.anfangslink {
float: right;
}


.blindtext {
	background:#FF0000;
}

/* 1-3 PERSONEN */
#body .divcoltitel {
	margin: 15px 0 5px 0;	}
.colleft {
	width: 440px;
	float:left;}	
.colleftuebersicht {
	width: 390px;
	float:left;}	
.colleftimg {
	width: 390px;
	float:left;}		
.colleftprojekte {
	width: 440px;
	float:left;}	
.colleftprojektemetropolregion {
	width: 300px;
	float:left;}			
.collefttab {
	width: 450px;
	margin: 0 0 0 100px;
	clear: both;
	float:left;}
.collefttabagb {
	width: 450px;
	margin: 0 0 0 40px;
	clear: both;
	float:left;}	
.collefttabstaerken {
	width: 450px;
	margin: 0 0 0 20px;
	clear: both;
	float:left;
}



.imglefttab {
	margin: 0 0 0 100px;
	}
.colleftpersonen {
	width: 520px;
	float:left;}	
.colright {
	width: 200px;
	float:right;	}	
.colrightprojekte {
	width: 330px;
	padding: 0 20px 0 0;
	float:right;
}
.colrightprojektemetropolregion {
	width: 470px;
	padding: 0 20px 0 0;
	float:right;
}
.colleftnofloat {
	width: 440px;	}	
.label {
	font-weight: bold;
	color: #898989;	}
	
.colrightfakten {
	width: 500px;
	float:right;
	clear: right;}	
	

.coltitel {
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
	color: #555555;	} 

.colsubtitel {
margin: 0;
	padding: 0;
	border: 0;
	color: #A9A9A9;	}
.imgfloat {
	float: left;
	margin-right: 10px;	}
.imgfloatclear {
	float: left;
	margin-bottom: 40px;
	margin-right: 10px;	}

.trenner {
	background: #FF0000;
}

hr {
	height: 0;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: #CCCCCC;
	top: 0;
	bottom: 0;
	margin: 0;
	margin-top: 2px;
	margin-bottom: 2px;
}
.clear {
	clear: both;
}




#devstatus {
font: 11px normal Arial, Helvetica, sans-serif;
position: absolute;
margin: 5px 0 0 50px;
width: 790px;
padding: 4px 0 2px 5px;
 }
.red {
background: #FF0000;
border: 1px dotted #000000;
color: #FFFFFF;
}
.grey {
color: #CCCCCC;
}
.green {
background: #00ff12;
border: 1px dotted #000000;
color: #002403;
}
.yellow {
background: #f9f000;
border: 1px dotted #000000;
color: #212000;
}


#submenu a {
margin-top: 2px;
font: 11px/15px Helvetica, Arial, Verdana, sans-serif;
color: #FF0000;
	}
.fett {
	font-weight: bold;
}
#body ul li {
	list-style-image: url(../img/icon-list.gif);
	}
	
	
/* ------------------ KONTAKT ------------------ */	
.collefttab input,
.collefttab textarea	{
	font: 11px/15px Helvetica, Arial, Verdana, sans-serif;
	background: #fafafa;
	padding: 3px 2px 2px 2px;
	border:1px solid #878787;
	margin: 2px 0 5px 0; }
.collefttab select {
	font-size: 12px;
	border:1px solid #878787;
	background: #fafafa;
	margin: 2px 0 5px 0; }
.short {
	width: 270px; }
#postleitzahl {
	width: 65px; }
td.postleitzahl {
	width: 75px; }
#ort {
	width: 195px; }	
#artihreranfrage {
	width: 275px; }
#rueckrufdatum {
	width: 65px;  }
#rueckrufzeit {
	width: 65px;  }
.button	{
	background: #363636 !important;
	padding: 3px 5px 2px 5px !important;
	color: white;
	font-weight: bold;
	font: 11px Helvetica, Arial, Verdana, sans-serif !important;
	}