@charset "utf-8";
/* 	
	Chairos GmbH
	Fuchstanzstraße 33-35
	60489 Frankfurt
	
	Erstellt: 07.01.2008
	www.chairos.com
*/

body{
	margin:0;
	padding:0;
	background:#05969c url(../bilder/bg.png) repeat-x;
	}
	
hr{
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: black;
	}

.balken{
	margin:0 5px 0 5px;
	}

/*** MainContaier ***/

#pageShadow{
	width:790px;
	/*background:transparent url(../bilder/bg_schatten.png) top left repeat-y;*/
	margin:auto;
	/*border:1px solid red;*/
	}

	

#pageBorder{
	width:746px;
	/*border:1px dotted black;*/
	/*background:transparent url(../bilder/bg_schatten.png) left repeat-y;*/
	margin:auto;
	}

#page{
	width:710px;
	height:auto;
	background-color:white;
	/*border:1px solid green;*/
	}
	
#header{
	width:710px;
	height:340px;
	background:white url(../#) no-repeat;
	}
	
#mainBody{
	width:710px;
	height:100%;
	}
	
#footer{
	clear:both;
	height:100%;
	border-top:1px dotted black;
	background:white url(../bilder/footer_bg.jpg) repeat-x;
	}
	
/*** SubContainer ***/

#top{
	width:710px;
	height:80px;
	background:gray url(../bilder/logo_bg.jpg) no-repeat;
	border-bottom:1px solid white;
	}
#logo{
	width:110px;
	height:64px;
	float:left;
	position:relative;
	top:10px;
	left:20px;
	}
	
	#topnavi{
	position:relative;
	top:60px;
	left:138px;
	float:left;
	width:462px;
	height:20px;
	/*margin:60px 0 0 188px;*/
	/*border:1px solid red;*/
	}
	
	#topnavi li{
	float:left;
	/*padding:0 5px 0 5px;*/
	}
	#topnavi a{
	margin-top:3px;
	}
	

#leftSection{
	background:white url(../bilder/news_bg.jpg) repeat-x;
	width:180px;
	height:100%;
	padding:20px;
	float:left;
	}
	
#rightSection{
	padding:20px;
	float:left;
	width:445px;
	/*height:100%;*/
	background-color:white;
	}
	
	p.content{
	width:320px;
	float:left;
	margin-top:0;
	}
	
	.picture{
	text-align:right;
	width:125px;
	float:left;
	}
	.picture img{
	margin-bottom:10px;
	}
	
#footerNav{
	/*border:1px solid white;*/
	margin:0 0 0 595px;
	}
	
/*** Navigation ***/

#unternehmenBtn{
	background:#05969c url(../bilder/unternehmen_bg.gif) no-repeat;
	width:86px;
	height:20px;
	text-align:center;
	}

#leistungenBtn{
	background:#05969c url(../bilder/leistungen_bg.gif) no-repeat;
	width:73px;
	height:20px;
	text-align:center;
	}
	
#serviceBtn{
	background:#f39400 url(../bilder/service_bg.gif) no-repeat;
	width:90px;
	height:20px;
	text-align:center;
	}
	
#portaleBtn{
	background:#05969c url(../bilder/portale_bg.gif) no-repeat;
	width:83px;
	height:20px;
	text-align:center;
	}
	
#karriereBtn{
	background:#05969c url(../bilder/karriere_bg.gif) no-repeat;
	width:60px;
	height:20px;
	text-align:center;
	}
	
#kontaktBtn{
	background:#05969c url(../bilder/kontakt_bg.gif) no-repeat;
	width:70px;
	height:20px;
	text-align:center;
	}
	
/*** Icons ***/

#icons{
	/*border:1px solid yellow;*/
	float:right;
	width:30px;
	position:relative;
	top:360px;
	left:-5px;
	}
	
#icons img{
	border:none;
	width:30px;
	}

#icons .mail{
	width:30px;
	height:20px;
	margin-bottom:5px;
	}
	
icons .phone{
	width:30px;
	height:20px;
	}
	
/*** Typografie ***/

h1, h2{
	margin-top:0;
	}
	
/*p{

	}*/

/*** Eingabefelder ***/

form input,  form textarea{
	border:1px solid #05969c;
	margin-bottom:10px;
	width:250px;
	}
	
	form input:focus, form textarea:focus{
	background-color:#dadada;
	}
	
	input#button{
	margin-top:20px;
	width:150px;
	}
	input#reset{
	margin-top:20px;
	width:150px;
	}
	input#code{
	width:50px;
	}
	
	input#login{
	border:none;
	background:#05969c url(../bilder/btn_login.gif) no-repeat;
	width:54px;
	height:16px;
	}
	
	input#user, input#pass{
	width:170px;
	}