/* firefox scrollbar hack */ 
html { height: 100%; margin-bottom: 1px; } 

body { 
	font: 100.01% Arial, Verdana, "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", sans-serif; 
	color: #4C4C4C;
	margin: 0; 
	padding: 36px 0 10px 0;
	text-align:left;
}

* { margin:0; padding:0; }	

#wrapper {
	width:965px;
	text-align:left;
	font-size:69%;
	line-height: 1.5em;
	margin: 0 auto;
	position:relative;
}

/* optische Korrektur Zentrierung */
#innerWrapper { padding-right:100px; }

#logo {
	position:absolute;
	left:-8px;
	top:27px;
}

#logo a {
	display:block;
	width:166px;
	height:92px;
	background: transparent url("../images/context-marketing-logo.gif") no-repeat;
}

#logo a:hover { border:none; }


/****************************************************************
	Drei Spalten
*****************************************************************/

div#col1 {
	float:left;
	margin-top:180px;
	margin-right:10px;
	width:145px;
}

div#col2 {
	float:left;
	width:711px;
	margin-top:100px;
}

#text {
	float:left;
	width:481px;
	margin-right:20px;
	/* Dadurch  haben die Headlines mit padding: 10px 0; Und oben gibts keinen zu grossen Leerraum */
	margin-top:0px;
}

#sidebar {
	float:left;
	width:210px;
	/* damits genau auf schuss mit der headline ist */
	margin-top:4px;
}

#header {
	width:710px;
	height:196px;
	margin-bottom:10px;
	z-index:1;
}

#headerMap {
	width:710px;
	height:196px;
	z-index:10;
	position: absolute;
	top: 100px;
}


/****************************************************************
	Allgemeine Elemente
*****************************************************************/

h1, h2, h3, h4, h5, h6 { 
	font-size:100%; 
	margin: 10px 0; 
}

h6 { margin-top:0; }

a { text-decoration: none; border-bottom:1px solid #9C9E9F; }	
a:link { text-decoration:none; border-bottom:1px solid #9C9E9F; color: #9C9E9F; }
a:visited { color: #9C9E9F; }
a:hover { color:#000; border-bottom:1px solid black; }

#logo a,
a img,
a:link img,
a:visited img,
a:hover img { 
	text-decoration: none; 
	border:0px;
}

img { border:0; }
#sidebar dl.image { padding: 10px 0; }


@media screen, print {
	.invisable {
		position: absolute;
		left: -1000em; 
		width: 20em;
	}
}

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

#text ul {
	list-style-image: url("../images/square2.gif");
	list-style-position: outside;
	padding:.5em 0 0 5px;
	margin: 0 0 1em 0;
}	

#text ul li { margin: .2em 12px; }
#text span.news-date { font-style:italic; font-weight:normal; display:block; }

#text ul.download { 
	list-style-image: url("../images/pdf.gif"); 
	padding-left: 10px;
}

div.person { clear:both; }
div.person .descr { margin: 0 0 10px 0; }
div.person h2 { margin:0 0 10px 0; }


/****************************************************************
	Boxen rechts
*****************************************************************/

.box {
	width:177px;
	border: 1px solid #4c4c4c;
	margin-bottom:11px;
	padding:15px;
}

.box-dunkel {
	background-color:#4c4c4c;
	color:#fafafa;
	font-weight:bold;
}

.box-hellgrau { background-color:#ECEDEE; }

.box h1, .box h2, .box h3, .box h4 { font-size:110%; margin: 0 0 5px 0 ; }
.box-dunkel a { color:#fafafa; }
.box-dunkel a:hover { color:#fafafa; }

#sidebar ul { list-style:none; }
#sidebar ul li { margin-bottom:1em; }


/****************************************************************
	Navigation
*****************************************************************/

#navi ul { list-style:none; }

#navi ul li {
	text-align:left;
	margin:0 0 5px 0;
}

#navi li li { margin:0 0 0 20px; }

#navi ul li a {
	color:#9C9E9F;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	border:0;
}

#navi ul li a:hover {
	color:#4c4c4c;
	text-decoration: none;
}

#navi ul li.mainnav-5 { padding-bottom:20px; }

div#thirdNaviContainer {
	width:710px;
	height:30px;
	clear: both;
}

#thirdNaviContainer ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
}

#thirdNaviContainer ul li { 
	float:left;
	margin: 0 0 1em 0;
	padding: 0 15px 0 8px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:90%;
	background: transparent url("../images/pipe.gif") no-repeat right;
}

#thirdNaviContainer ul li.first { padding-left:0; }
#thirdNaviContainer ul li.last { background-image:none; }

#thirdNaviContainer ul li a {
	text-decoration:none;
	border:0;
}

div#contentContainer {
	clear: both;
	margin:0;
}

#navi a.active, #thirdNaviContainer a.active { color:#4c4c4c; }


/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/	

.flLeft {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	display:inline; 
}

.flRight { 
	float: right;
	margin: 0 0 0 10px;
	display:inline; 
}

/* Ausgabe Bild, Vergroesserung, Unterschrift */
.float_left div, .float_right div {
	position:relative; 
	z-index:1;
}

.flRight p, 
.flLeft p {
	font-family:Tahoma,Verdana,Sans-Serif;
	padding:0;
	font-size:10px;
	color:#000;
	margin:0;
	border-top:0px solid white;
}

#contentContainer p {
	padding: 0 0 10px 0;
}

img.zoom {
	position:relative;
	z-index:10;
	border:0px;
	right:20px;
	bottom:10px;
}

* html div.flLeft div img.zoom, * html div.flRight div img.zoom { bottom:15px; }
div.bx-v1-cntnt { padding: 0 0 15px 0; }

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}


/****************************************************************
	Bildwechsel
*****************************************************************/	

#simplegallery { 
	display:block;
	width:610px;
	height:270px;
	z-index:100;
}

#simplegallery .gallerydesctext { 
	text-align:left;
	padding:5px;
}

div#l_0 { left:0; top:0; }
div#l_1 { left:119px; top:0px; }
div#l_2 { left:239px; top:0px; }
div#l_3 { left:358px; top:0px; }
div#l_4 { left:476px; top:0px; }
div#l_5 { left:596px; top:0px; }
div#l_6 { left:0; top:68px; }
div#l_7 { left:119px; top:68px; }
div#l_8 { left:239px; top:68px; }
div#l_9 { left:358px; top:68px; }
div#l_10 { left:477px; top:68px; }
div#l_11 { left:596px; top:68px; }
div#l_12 { left:0; top:135px; }
div#l_13 { left:119px; top:135px; }
div#l_14 { left:239px; top:135px; }
div#l_15 { left:357px; top:135px; }
div#l_16 { left:477px; top:135px; }
div#l_17 { left:596px; top:135px; }

div.meinLayer {
	position:absolute;
	width:113px;
	height:61px;
}

div.meinLayer a { 
	display:block;
	width:113px;
	height:61px;
	color:none;
	background:transparent;
	border:none;
}

.thumbwrap div.meinLayer a .wrimg span.dertext {
	visibility:hidden;
}

div.meinLayer a:hover {
	color:white;
	background:black;
	text-tecoration:none;
	border-bottom:none;
	background: transparent url("../images/ref_over.png");
}

.thumbwrap div.meinLayer a:hover .wrimg span.dertext {
	visibility:visible;
}

.thumbwrap {
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0;
	list-style:none;
}
.thumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 10px 15px 0;
	padding: 0;
	list-style:none;
}
/*  Moz: NO border qui altrimenti difficolta' con width, table altrimenti problemi a text resize (risolubili con refresh) */
.thumbwrap li>div {
	/*\*/ display: table; /**/
	width: 113px;
}
.thumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
/*\*/
.thumbwrap>li .wrimg {
	display: table-cell;
	vertical-align: middle;
	width: 113px;
	height: 61px;
}
/**/
.thumbwrap li .wrimg {
}
.thumbwrap img {
	border: solid 1px #fff;
	vertical-align: middle;
}
#content .thumbwrap img { margin-right:0; }
.thumbwrap a:hover {
	background-color: #7B0002;
}
/*\*//*/
* html .thumbwrap li .wrimg {
	display: block;
	font-size: 1px;
}
* html .thumbwrap .wrimg span {
	display: inline-block;
	vertical-align: middle;
	height: 61px;
	width: 1px;
}
/**/
.thumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #ccc;
	w\idth: 163px;  /* Moz, IE6 */
}
/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
	html:first-child .thumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	html:first-child .thumbwrap {
		border-collapse: collapse;
		display: inline-block; /* non deve avere margin */
	}
}


/****************************************************************
	Footer
*****************************************************************/	

.footer {
	clear:both;
	padding-left:155px;
	padding-top:10px;
}

div#copyright {
	font-size:86%;
	line-height:1em;
	color:#9C9E9F;
	padding-bottom:7px;
}