/* 
	CSS f�r update AG Agentur f�r Kommunikation 
	Ph.Urlich | Januar 2008
*/

/* --------------------- Basis-Layout ------------------------------------- */

html{
	font-size:62.5%;
}

body{
 	text-align:center;
	font:normal 1em Arial,Verdana,sans-serif;
	margin:0 0 10px 0;
	overflow: -moz-scrollbars-vertical;/* adds default vertical scrollbar in mozilla . removes flickering in centered layouts */	
}

#wrapper{
	width:974px;
	display:block;
	position:relative;
}
#wrapper{
	xfloat:left;
	xfloat/**/: none;
}

#contentcol{
	position:relative; /* makes selecting text possible again in older IE */
	float:left;
	width:412px;
	margin-left: 373px;
	padding:45px 0 0 0;
	border-right:solid 1px #A2A2A6;
}
* html #contentcol{
	display:inline;
}

#navcol{
	float:left;
	width:363px;
	margin-left:-786px;
}

#panelcol{
	position:relative;
	float:left;
	width:178px;
	margin-left:10px;
}


.logo{
	margin:0 0 16px 16px;
}

.logoPrint{
	display:none;
}



/* ---------- Footer ------------------------------------------ */

#footer{
	position:relative;
	margin:0;
}


.services{
	position:absolute;
	left:210px;
	top:-21px;
	font-size:1.1em;		
}

	#footer .services a.send{
		display:block;
		float:left;
		width:auto;
		height:20px;
		text-indent:20px;
		background:transparent url('/images/icon_send.gif') 0 0 no-repeat;
		color:#777;
	}
	#footer .services a.printButton{
		display:block;
		float:left;
		width:auto;
		height:20px;
		text-indent:18px;
		margin:0 0 0 4px;
		background:transparent url('/images/icon_print.gif') 0 0 no-repeat;
		color:#777;
	}

#footer .services a.send:hover{
	color:#555;
	background:transparent url('/images/icon_send_hover.gif') 0 0 no-repeat;	
}
#footer .services a.printButton:hover{
	color:#555;
	background:transparent url('/images/icon_print_hover.gif') 0 0 no-repeat;	
}

.copyright{
	position:absolute;
	left:786px;
	top:-21px;
	width:188px;
	padding:3px 0 0 0;
	text-indent:11px;
	border-top:solid 1px #A2A2A6;
	font-size:1.1em;
	color:#777;
}
.partnerBox{
	position:absolute;
	left:796px;
	top:-81px;
	width:188px;
}

/* LagePlan Print Button */
a.printPage,a:visited.printPage{
	display:block;
	float:left;
	width:auto;
	height:20px;
	text-indent:18px;
	margin:0 0 0 0;
	background:transparent url('/images/icon_print.gif') 0 0 no-repeat;
	color:#777;
	font-size:1.1em;
}
a.printPage:hover{
	color:#555;
	background:transparent url('/images/icon_print_hover.gif') 0 0 no-repeat;	
}


/* ------------- Fonts -------------------------------------- */


h1 {
	font-size: 2.2em;
	color:#222;
	margin:0 0 .5em 0;
	line-height:1.2em;
	font-weight:normal;
}

h2 {
	font-size: 1.7em;
	color:#222;
	margin:0 0 .2em 0;
	font-weight:normal;
}

h3 { 
	font-size: 1.5em;
	color:#222;
	margin:0 0 .2em 0;
	font-weight:normal;	
}

h4 { 
	font-size: 1.2em;
	color:#222;
	margin:0 0 .3em 0;
	font-weight:bold;	
}

p {
	font-size: 1.2em; 
	margin:0 0 1.2em 0;
	line-height: 16px;
}

.medium{
	font-size: 1.2em;
	line-height: 15px;
}

.small {
	font-size: 1em; 
}

.error{
	font-size: 1em;
	font-weight: bold;
	color:#f33;
}


/* ----------------  SITEMAP --------------------------- */

#contentcol ul.sitemap{
	list-style-image: none;
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	font-size:2em;
}

* html #contentcol ul.sitemap{
	margin:0 0 0 17px;
	padding:0;
}


#contentcol ul.sitemap li{
	padding:0 0 .5em 0;
}
#contentcol ul.sitemap ul{
	list-style-image: url('/images/_blau/icon_link.gif');
	list-style-type:square;
	margin:.5em 0 0 0;
	padding:0 0 0 30px;
	font-size:.75em;
}
#contentcol ul.sitemap ul li{
	padding:0 0 .5em 0;
}

* html #contentcol ul.sitemap li{
	padding:0 0 .7em 5px;
}






/* ---------------- BildCode -------------------------------- */

.captcha{
	border:1px solid #aaa;
	margin:0 0 5px 0;
}




/* ---------------- Content ------------------------------- */

/* sitepath breadcrumb*/

.sitepath{
	font-size:1.2em;
	color:#777;
	margin:0 10px 20px 0;
}


/* content box */

.content_index{
	width:395px;
	min-height:360px;
	margin:0 10px 10px 0;	
	padding:231px 0 20px 0;
}
*html .content_index{
	height:560px; /*IE5.5*/
	he\ight:360px; /*Nur IE6*/	
	padding:231px 0 20px 0;	
}

.content{
	width:395px;
	min-height:512px;
	margin:0 0 10px 0;
	padding:24px 0 20px 0;
}
* html .content{
	height:512px;
}



.bild-text{
	width:395px;
	margin:0 0 10px 0;
}

.bild-text .bild{
	float:left;
	width:120px;
	margin:7px 0 0 0;
}
.bild-text .text{
	float:left;
	width:275px;
}


/* ---------- Link Styles  --------------------------- */

.backLink{
	display:block;
	background:transparent url('/images/_blau/icon_back.gif') 0 2px no-repeat;
	text-indent:17px;
}
.backLink:hover{
	background:transparent url('/images/icon_back_hover.gif') 0 2px no-repeat;
}

.emailLink{
	display:block;
	background:transparent url('/images/_blau/icon_mail.gif') 0 2px no-repeat;
	text-indent:17px;
}
.emailLink:hover{
	background:transparent url('/images/icon_mail_hover.gif') 0 2px no-repeat;
}

.extLink{
	display:block;
	background:transparent url('/images/_blau/icon_link.gif') 0 2px no-repeat;
	text-indent:17px;
}
.extLink:hover{
	background:transparent url('/images/icon_link_hover.gif') 0 2px no-repeat;
}

* html .extLink{background-position: 0 2px;}

.team{float:right;padding:0 2px 0 2px;white-space:nowrap;}
.right{float:right;padding:0 2px 0 2px;white-space:nowrap;}

* html .team{width:0;padding:0 2px 0 2px;white-space:nowrap;}

.zoomLink{
	display:block;
	background:transparent url('/images/_blau/icon_zoom.gif') 0 2px no-repeat;
	text-indent:17px;
}
.zoomLink:hover{
	background:transparent url('/images/icon_zoom_hover.gif') 0 2px no-repeat;
}


.panelLinkClosed{
	display:block;
	background:transparent url('/images/_blau/icon_pannel_auf.gif') 0 4px no-repeat;
	text-indent:17px;
}
.panelLinkClosed:hover{
	background:transparent url('/images/icon_pannel_auf_hover.gif') 0 4px no-repeat;
}

.panelLinkOpen{
	display:block;
	background:transparent url('/images/_blau/icon_pannel_zu.gif') 0 4px no-repeat;
	text-indent:17px;
}
.panelLinkOpen:hover{
	background:transparent url('/images/icon_pannel_zu_hover.gif') 0 4px no-repeat;
}


/* ---------- List Styles Content --------------------------- */

#contentcol ul.normalList{
	list-style-image: url('/images/_blau/list_line.gif');
	margin:7px 0 21px 21px;
	padding:0;
	font-size:1.2em
}

* html #contentcol ul.normalList{
	margin:7px 0 21px 17px;
	padding:0 0 0 0;
}
#contentcol ul.normalList li{
	padding:0 0 .7em 0;
	margin:0;
}

* html #contentcol ul.normalList li{
	padding:0 0 .7em 5px;
}




#contentcol ul.mbList{
	list-style-type:none;
	margin:20px 0 0 1px;
	padding:0 0 0 0;
	font-size:1.2em;
}
* html #contentcol ul.mbList{
	margin:20px 0 0 0;
	padding:0 0 0 0;
}
html* #contentcol ul.mbList{
	margin:20px 0 0 1px;
	padding:0 0 0 0;
}



#contentcol ul.mbList li{
	padding:0 0 .7em 0;
}
* html #contentcol ul.mbList li{
	padding:0 0 .7em 1px;
}
html* #contentcol ul.mbList li{
	padding:0 0 .7em 0;
}


#contentcol ul.mbList li a{
	padding-left:17px;
	background:#fff url('/images/_blau/icon_link.gif') 0 0 no-repeat;
}
* html #contentcol ul.mbList li a{
	background:#fff url('/images/_blau/icon_link.gif') 0 1px no-repeat;
}
html* #contentcol ul.mbList li a{
	padding-left:15px;
	background:#fff url('/images/_blau/icon_link.gif') 0 1px no-repeat;
}

#contentcol ul.mbList li a:hover{
	padding-left:17px;
	background:#fff url('/images/icon_link_hover.gif') 0 0 no-repeat;
}
* html #contentcol ul.mbList li a:hover{
	background:#fff url('/images/icon_link_hover.gif') 0 1px no-repeat;
}
html* #contentcol ul.mbList li a:hover{
	padding-left:15px;
	background:#fff url('/images/icon_link_hover.gif') 0 1px no-repeat;
}



/* --------------- TABLE STYLES --------------------------- */

table.caseStudies{
	margin:10px 0 10px 0;
	border:0;
}

table.caseStudies th{
	font-size:1.2em;
	padding:3px 0 3px 0;
	text-align:left;
}
table.caseStudies td{
	font-size:1.2em;
	font-weight:normal;
}


/* ---------------- Navigation  ---------------------------- */

/* active link styles navigation */
#navcol ul li.active a,
#navcol ul li.active a:visited{
	color:#AAABB1;
}
#navcol ul li.active ul li.subactive a,
#navcol ul li.active ul li.subactive a:visited{
	color:#9A9BA2;	
}


/* Hover Effect IndexNav */
#navcol ul.mainnav_index li a:hover{ /*first level*/
	color:#AAABB1;
}


/* Hover Effect SubPages */
#navcol ul.mainnav li a:hover{ /*first level*/
	color:#AAABB1;
}
#navcol ul.mainnav li.active ul li a:hover{ /*second level*/
	color:#9A9BA2;
}




/* ----------- list styles index ------------------------------*/

ul.mainnav_index {
	list-style-type:none;
	width:auto;
	margin:0 0 0 211px;
	padding:0;
}

ul.mainnav_index li{/* position relative so that you can position the sub levels */
	position:relative;
	text-align:left;
	height:45px;
	margin:0;
	padding:0;
	font-weight:bold;
}
* html ul.mainnav_index ul{margin-left:0;m\argin-left:0;}

/* list styles subpages*/

ul.mainnav {
	list-style-type:none;
	width:180px;
	margin:0;
	padding:0;
}
* html ul.mainnav {margin-left:0;ma\rgin:0;}

ul.mainnav li{/* position relative so that you can position the sub levels */
	position:relative;
	text-align:right;
	height:45px;
	margin:0;
	padding:0;
	font-weight:bold;
}

ul.mainnav li.active{/* position active level out of navi */
	top:0;
	left:211px;
	margin:0;
	padding:0;
	text-align:left;
}
*html ul.mainnav li.active {left:195px;left/**/:/**/211px;}


ul.mainnav ul{/* give them a position absolute so that they take up no room */
	list-style-type:none;
	position:absolute;
	top:35px;
	left:2px;
	margin:0;
	padding:0;
	text-align:left;
	height:35px;
}
* html ul.mainnav ul{margin-left:-16px;ma\rgin-left:0;}

ul.mainnav ul li{
	text-align:left;
	font-weight:normal;
	left:0;
	padding:0;
	margin:0;
	height:25px;
}


/* style navigation links */

#navcol ul li a,
#navcol ul li a:visited{
	font-size:27px;
	xdisplay:block;
}

#navcol ul li.active ul li a,
#navcol ul li.active ul li a:visited{
	font-size:15px;
	xdisplay:block;
}



/* -------------  Metanavigation 3. Spalte ------------------------------ */


/* Hover Effect Metanav */
#panelcol ul.metanav li a:hover{ 
	color:#999;
}

ul.metanav{
	list-style:none;
	padding:0;
	margin:0 0 -1px 0;
}
ul.metanav li{
	list-style:none;
	line-height:1.4em;
	font-size:1.6em;
}
#panelcol .metanav li a{
	color:#333;
	font-weight:bold;
}



/* -----------------  newspanel 3. Spalte ------------------------------ */

.newspanel{
	position:relative;
	width:168px;
	margin:216px 0 0 0;
}

/* Hover Effect newspanel list */
.newspanel ul.newslist li a:hover{ 
	color:#999;
}


.newsDate{
	font-size:1.2em;
	
	margin:0 0 8px 0;
}

ul.newslist{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.newslist li{
	list-style-type:none;
	margin:0;
	padding:0 0 8px 0;
}

ul.newslist li a,
ul.newslist li a:visited{
	padding:0 0 0 18px;
	font-size:1.2em;
	background-position:1px 1px !important; 
}
ul.newslist li a:hover{
	background:transparent url('/images/icon_link_hover.gif') no-repeat;
}

*html ul.newslist li a {
	background-position: 2px 1px; /* IE5.5 */
	background-position/**/:/**/ 1px 1px; /* IE6 */
}




/* -------------------- quotetext 3. Spalte ------------------------------ */

.quoteboxpanel{
	width:168px;
	margin:100px 0 5px 0;
	font-size:1.4em;
	font-style:italic;
}
.quoteTextOuter{
	width:168px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	background:transparent url('/images/_rot/quote_tl.gif') top left no-repeat;
}

.quoteTextInner{
	width:168px;
	margin:0;
	padding:10px 0 20px 0;
	text-indent:28px;
	background:transparent url('/images/_rot/quote_br.gif') bottom right no-repeat;
}

.quoteboxpanel p.quoteName{
font-style:normal;
	font-size:1em;
	color:#777;
	margin:0 0 2px 0;
	padding:0;
	text-align:right;
}
.quoteboxpanel p.quoteKunde{
	font-style:normal;
	font-size:.9em;
	color:#777;
	margin:0;
	padding:0;
text-align:right;
}


/* -------------------- textboxpanel kontakt 3.spalte ----------------------- */

.textboxpanel{
	position:relative;
	width:168px;
	margin:20px 0 0 0;
}




/* Diverses -------------------------------------------- */


.partnerBox{
	position:absolute;
	bottom:0;
	margin:0;
}

.searchResultItem{
	padding: 10px 0 10px 0;
	border-bottom:1px solid #aaa;
}


.projektBox{
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #aaa;
}



/* Images Classes */

.imgRight{ float:right; margin:2px 0 2px 10px;}
.imgLeft{ float:left; margin:2px 10px 2px 0;}



/* floating Fix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
html* .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {border:0;}
a{
	outline:none; /* removes outline of active links in mozilla*/
	position:relative; /* fixes links in older IE if png as background is used*/ 
	}


/* webediton classes */

.editModeBox{
	padding:5px;
	margin:0 0 5px 0;
	background-color:#eed;
	border:1px solid #444;
font-size:12px;
}