/* bbmark ================ GLOBAL ================= */	

* {
		margin:0;
		padding:0;
		}
		
		
html { 
		text-align:center;
		background: #fff;
		}		
		
body {
		margin:20px auto 0 auto;
		position:relative;
		width:960px;
		font-family: "Lucida Grande","Lucida Sans Unicode",Verdana, sans-serif;
		text-align:left;
		border:1px solid #DEDEDE;
		font:normal 12px/18px Arial, Helvetica, sans-serif;	
		}
		
/* bbmark ================ LINKS ================= */			
		
a {
		color:#046EAC;
		text-decoration:none;
		border-bottom:1px solid #C4C5C7
		}	
		
a:hover {
		border-bottom:1px solid #046EAC
		}			
		
img, a img, #partner a, #portrait a  {
		border:0
		}	
		
	
/* bbmark ================ HEADER ================= */			
		
#logore {
		position:absolute;
		right:25px;
		top:5px;
		}	

#logoli {
		position:absolute;
		left:0px;
		top:0px;
		}
		
#ci {
		position:absolute;
		left:298px;
		top:15px;
		}		
		
/* bbmark ================ SIDEBAR ================= */			
		
		
#sidebar {
		width:266px;
		position:absolute;
		top:135px;
		left:30px;
		}	
		
 #sidebar li {
		list-style-type:none;
		font:normal 16px/28px Arial, Helvetica, sans-serif;
		}



 #sidebar li a {
		background:url(/media/11x11_weiss.gif) no-repeat left center;
		padding-left:25px;
		margin-left:5px;
		text-decoration:none;
		color:#fff;
		border-bottom:none;
		}


#sidebar li a:hover, #sidebar li.aktiv a {
		background:url(/media/11x11_blau.gif) no-repeat left center;
		color:#046EAC;
		border-bottom:none;
		}

#kleiner {
		width:70%;
		}
		
		
/* bbmark ================ CONTENT ================= */			
		
#content {
		width:530px;
		padding:140px 30px 30px 249px;
		background:./media/left.jpg no-repeat left top #fff;
		}		
		
#content ul {	
		padding-bottom:15px;
		}	
		
#content li {
		list-style-type:none;
		}	
				
/* bbmark ================ HAUPTNAV ================= */					
		
		
ul#hauptNav, ul#hauptNav li {
		list-style-type:none;
		display:inline;
		padding:0;
		}		

ul#hauptNav {		
		position:absolute;
		left:267px;
		top:77px;		
		background:#C4C5C7;
		height:20px;
		width:663px;
		padding-left:30px;
		}
		
ul#hauptNav li {
		font:normal 12px/20px Arial, Helvetica, sans-serif;
		}	
		
ul#hauptNav li a {
		padding:0 15px 0 15px;
		text-decoration:none;
		color:#ffffff;
		float:left;
		border-bottom:none;
		}
		
ul#hauptNav li.aktiv a {
		background:#046EAC;
		color:#ffffff;
		}		
		
ul#hauptNav li.aktiv a:focus {
		background:#046EAC;
		color:#ffffff;
		}		
		
ul#hauptNav li a:hover {	
		color:#046EAC;
		border-bottom:none;
		}
		
/* bbmark ================ FOOTER ================= */	

#footer {
		background:#fff;
		padding:3px;
		
		}	
		
#footer p {
		text-align:right;
		padding:0 5px 0 0;
		color:#999;
		font-size:11px;
		}
		
		
		
/* bbmark ================ TYPO ================= */

h1 {
		font:normal 22px/20px Arial, Helvetica, sans-serif;
		color:#303030;
		padding-bottom:20px
		}
		
h1 span {
		display:block;
		font-size:20px;
		}

h2 {
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#000;	
		}
		
h3 {
		font:normal 18px/12px Arial, Helvetica, sans-serif;
		color:#000;
		padding-bottom:20px
		}
	

p, address {
		padding-bottom:15px;
		color:#000;
		font-style:normal;
		}
		
li {
		color:#9D9D9D;
		}		

p, li, address, label {
		font:normal 12px/16px Arial, Helvetica, sans-serif;
		color:#404040;
		}
		
/* bbmark ================ FORMULAR ================= */		
		
label {
		display:block;
		}
		
input {
		width:300px;
		padding:2px;
		margin:3px 0;
		font-family:inherit;
		color:#000;
		}
		
input.button {
		width:auto;
		margin-right:10px;
		}	
		
textarea {
		width:300px;
		height:200px;
		margin-bottom:10px;
		font-family:inherit;
		color:#000;
		}	
		
		
/* bbmark ================ UNTERNEHMENSPORTRAIT ================= */		

#portrait {
		width:369px;
		background:#BBCEDD;
		margin:10px 0 0 0;
		}
		
#portrait h3 {
		background:#C4C5C7;
		font:bold 12px/18px Arial, Helvetica, sans-serif;
		color:#fff;	
		padding:2px 6px;	
		}	
		
#portrait img {
		padding:6px 0 6px 6px;
		}