@charset "UTF-8";
/* CSS Document */

/* <ß> für OHOJA 2008 */

/* main layout */
html, body {
	/* width: 99%; */  /*Achtung LightBox! */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}

body {
	background: #fff url(../images/site/bgdefault.png) repeat-x 0 0;
	}
body.sub {
	background: #fff url(../images/site/bgsub.png) repeat-x 0 0;
	}
/* html, body { overflow: auto; }	/* safari mag das nicht, IE brauchts - in css/iespecial.css */
/* html,body { overflow: hidden; } 
html>body { overflow: visible; }
html      { height: 100%; }
*/
#pos {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
}

#wrapper {
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 950px;
	overflow: visible;
	}
#leftpad { padding-left:30px; /* für den Mindestabstand links */ }
/* Layout */
#head {
	height:58px;
	width:910px;}
#head img { position:absolute; }
#metanav {
	float:right;
	padding-top:8px;
	text-align:right;
	}
#metanav ul li {
	display:inline;
	padding-right:10px;}

/* Suche Input*/

input#search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	height:12px;
	padding: 1px 3px 1px 3px;
	border:1px solid #CCC;
	position: relative;
	color:#666;
	background-color: #F8FCFC;
	}
	
#searchbox {
 	position:relative;
	top:10px;
	}

#headbanner {
	position:absolute;
	top:70px;
	height:220px;
	}
#headbanner img {
	position:relative;}	
#content {
	position:absolute;
	top:290px;
	}	
	
/* Navigation */
#nav ul#pagelinks {
	position:absolute;
	right:10px;
	top:45px;
	font-size:10px;
	}	
#nav ul#pagelinks li {
	padding-left:10px;
	}

/* Main Content */	
	
#mainpad {
	padding-left:10px;}
#main { width:900px; 	}

#lefttwo {
	position:relative;
	float:left;
	width:590px;
	}
	
#lefttwo #left {
	float:left;
	width:280px;
	}
#lefttwo #mid {
	float:right;
	width:280px;
	}		
#right {
	float:right;
	width:280px;
	}
	
#pagenav {
	padding-top:8px;
	height:16px;}
#pagebreak {
	position:absolute;
	right:6px;
	}	
	
#footer {
	width:100%;
	clear:both;
	height:70px;
	padding-top:30px;}
#footer span {
	font-size:10px;
	color:#666;
	border-top: 1px solid #BBB;
	width:100%;
	display:block;
	padding-top:3px;
	text-align: justify;
	word-spacing: 0.3em;
}

/* Typo */
p {	margin-bottom:16px;}
input { font-family: Arial, Helvetica, sans-serif;}
h2 {
	font-weight:bold;}

#main ul {
	margin-bottom:16px;}
.keinabstand {
	margin-bottom:0px;}

#main img.headline { 
	border-bottom: 1px solid #990000;
	margin-top:10px;
	margin-bottom:9px; 	
	}
	
#main div.pad {
	padding-left:10px;
	}	
	
#main #lefttwo img.headline {}



#main img.blue {
	border-bottom-color:#4C4C70;
	}
	
div.item {
	position:relative;
	}
.item img.thumb {
	float:left;
	margin-right:10px;
	margin-top:-3px;
	}

#itemdivider {
	clear:both;
	border-bottom: 1px solid #BBB;
	height:18px;
	margin-bottom:21px;
	background-color:#FFF;}
#itemdivider.blank {
	border-bottom-color:#FFF;}


.projekttitel {	color:#990000;}


a:link,a:active,a:visited {
	text-decoration: none;
	color: #413A7A;
	}

a:hover	{
	text-decoration: none;
	color: #476F99;
	}
#metanav {
	color:#666;
	font-size:10px;
	}
a.grey, #metanav a, pagelink a {
	color:#666;
	}	
a.grey:hover, #metanav a:hover { color:#003366; 	}		

.hint {
	display:block;
	color:#333;
	font-style:italic;
	margin-top:32px;
	}
div.profil {
	width:220px;
	margin-right:10px;
	float:left;}

div.lastright {
	margin-right:0px;}
div.profil img {
	margin-bottom:10px;}	
	
img.rightthumb {
	float:right;
	margin-left:10px;
	margin-top:-3px;}	
	
	/* Kompetenzen*/
#main ul#kompetenzen {}

#main ul#kompetenzen li, #main ul#referenzen li {
	margin-top:4px;
	margin-bottom:4px;
	}	
#main ul#kompetenzen a {
	display:block;
	padding-left:2px;	
	padding-right:2px;	
	}	

#main ul#kompetenzen a:hover, #kompetenzen a.selected  {
	background-color:#000033;
	color:#FFF;} 
	
#main ul#referenzen a {
	display:block;
	padding-left:2px;	
	padding-right:2px;	
	color:#990000;
	}		

#main ul#referenzen a:hover, #main ul#referenzen a.selected {
	background-color:#990000;
	color:#FFF;} 

#main ul#kompetenzen li.topic {
	padding-left:2px;
	font-weight:bold;
	margin-top:14px;}
	
#main ul#kompetenzen li.first {
	margin-top:4px;}

#lbIframeContainer{
}
#lbIframe {
	overflow:hidden;
	}
iframe { }


/* Bastians Styles */
.small{font-size:90%; }
/* Listen auf Inhaltsseiten */
#lefttwo ul { list-style-type: square; margin-left:20px;}
#lefttwo ul ul { list-style-type: square; }
#lefttwo  li {margin-left:0px;}
#lefttwo  li li {margin-left:20px;}
#lefttwo  a, #lefttwo a:visited {color:#990000;}
#right  a, #right a:visited {color:#990000;}
/* Keine Listen im Komeptenznavigator */
ul#kompetenzen, ul#referenzen { list-style-type: none;margin:0;line-height:13px;}
/* Bilder Aufstellung */
#lefttwo td img {border:1px solid #ffffff;} 

/* Print */
#footer span#datum, #adresse, #head img#highres { display:none;
}
/* Scrollbar erzwingen*/
div#forcedtoscroll{height:1200px;}
.kleineSchrift {
	font-size: 9px;
	line-height: 11px;
}

em, i {font-style:italic;}

blockquote:before { content:open-quote;}
blockquote:after { content:close-quote; }