/*************************************** 
	styles.css
	Guido Petermann IT-Dienstleistungen
	www.planitas.de
***************************************/
* {
	margin: 0;
	padding: 0;
	
	}
html, body {
	top: 0;
	right: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
	}
body { 
	position: absolute;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 86%;
	line-height: 1.5;
	background: #fff;
	color: #222;
	}
h2 {
	padding: 0 0 10px 0;
	color: #3a8bd3;
	}
ul li{
	position: relative;
	list-style: none;
	list-style-type: disc;
	list-style-position: inside;
	background: none;
	padding: 2px 0 3px 10px;
	}
/*/nur für konferenz/*/
.ve_titel1{
	background-color: #e8eff5;
	}
.links{
	float:left;
}
.rechts{
	float:right;
}
.cf:before,.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* Clearfix IE 6/7 via hasLayout */
.cf {
	zoom:1;
}


/*/////////////////////////////////////////////////  Kopfteil  ///////////////*/
#kopfteil {
	position: fixed;

	top: 0;
	left: 0;
	right: 0;
	height: 150px;
	background: #539bd9;
	z-index: 100;
	}
/*/////////////////////////////////////////////////  Kopf  ///////////////*/	
#kopf {
	position: relative;
	
	top: 20px;
	left: 30px;
	right: 0;
	bottom: 0;	
	background: #539bd9; 
	}
/*/////////////////////////////////////////////////  Kopfinfo  ///////////////*/	
#kopfinfo {
	position: absolute;
	left: 600px;
	bottom: 5px;
	background: #539bd9; 
	}

div#kopfinfo a {
	color: #ddd;
	text-decoration: none;
	}
div#kopfinfo a:hover {
	display: block;
	background: #D99B53;
	color: #fff;
	font-weight: normal;
	}
div#kopfinfo ul li{
	position: relative;
	color: #ddd;
	list-style: none;
	font-size: 85%;
	float: left;
	background: none;
	padding: 0 2px 0 2px;
	border: 1px solid #B2C0D8;
	border-width: 0 1px 0;
	margin: 0 -1px 0 0;
	}
	
/*/////////////////////////////////////////////////  Naviteil  ///////////////*/	
#naviteil {
	position: fixed;
	
	left: 0;
	right: 0;
	bottom: 0;	
	top: 150px;
	width: 170px;
	background: #539bd9;
	}
	
/*/////////////////////////////////////////////////  Navi  ///////////////*/	
#navi {
	position: fixed;
	
	top: 170px;
	left: 20px;
	width: 110px; 
	padding: 10px;
	}
div#navi ul li{
	width: 110px;

	position: relative;
	color: #fff;
	list-style: none;
	background: none;
	padding: 3px 5px 3px 0px;
	border: 1px solid #B2C0D8;
	border-width: 1px 0;
	margin: -1px 0 0 0;
	}
div#navi a {
	width: 110px;

	color: #fff;
	text-decoration: none;
	}
div#navi a:hover{
	width: 110px;

	display: block;
	background: #D99B53;
	font-weight: bold;
	}
	
/*/////////////////////////////////////////////////  Info  ///////////////*/	
#info {
	position: absolute;
	top: 190px;
	left: 800px;
	width: 230px;
	padding: 10px;
	color: #eee;
	background: #F0E68C;
	list-style-type: none;
	font-size: 85%;
	line-height: 1.5;
	}
div#info h3 {
	padding: 0 5px 10px 5px;
	color: #3a8bd3;
	font-size: 130%;
	font-weight: bold;
	font-style: italic;
	}
div#info h4 {
	padding: 5px 5px 0 5px;
	color: #3a8bd3;
	font-size: 100%;
	font-weight: normal;
	}
div#info h5 {
	padding: 5px;
	color: #222;
	font-size: 100%;
	font-weight: normal;
	}
div#info ul li{
	width: 220px;

	color: #fff;
	list-style: none;
	background: none;
	padding: 3px 5px 3px 0px;
	border: 1px solid #B2C0D8;
	border-width: 1px 0;
	margin: -1px 0 0 0;
	position: relative;
	}
div#info a {
	width: 220px;
	color: #222222;
	text-decoration: none;
	}
div#info a:hover{
	width: 200px;
	color: #222222;
	display: block;
	background: #D99B53;
	}
	
/*/////////////////////////////////////////////////  Mittelteil  ///////////////*/	
#mittelteil {
	position: relative;
	width: 560px;
	padding: 180px 50px 40px 200px;
	}
	
/*/////////////////////////////////////////////////  Inhalt  ///////////////*/		
#inhalt {
	width: 560px;

	padding-left: 0;
	}
div#inhalt a {
	color: #3a8bd3;
	text-decoration: none;
	}
div#inhalt a:hover {
	background: none;
	font-weight: bold;
	display: inline;
	}
	
/*/////////////////////////////////////////////////  Fussteil  ///////////////*/		
#fussteil {
	position: fixed;
	
	bottom: 0;
	right: 0;
	left: 0;	
	height: 50px;
	background: #539bd9;
	}
	
/*/////////////////////////////////////////////////  Fuss  ///////////////*/		
#fuss {
	position: relative;

	top: 15px;
	left: 170px;
	background: #539bd9;
	color: #fff;
	z-index: 100;
	}
div#fuss a {
	color: #fff;
	text-decoration: none;
	}
div#fuss a:hover{
	display: inline;
	background: #D99B53;
	font-weight: bold;
	}

/*/////////////////////////////////////////////////  Team  ///////////////*/	
#team {
	}
div#team table{
	/*width: 500px;*/
	}
div#team td {
	vertical-align: top;
	}
div#team h4 {
	padding: 15px 0 0 3px;
	font-size: 110%;
	color: #3a8bd3;
	font-weight: normal;
	}	
div#team p {
	padding: 0 0 0 3px;
	font-size: 90%;
	}	
div#team img{
	padding: 10px;
	width: 95px;
	height: 90px;
	}

/*/////////////////////////////////////////////////  Standort  ///////////////*/	
#standorttext {
	}
div#standorttext td {
	padding: 5px 15px 5px 0;
	vertical-align: top;
	}
div#standorttext h4 {
	padding: 15px 0 0 0;
	font-size: 120%;
	color: #3a8bd3;
	font-weight: normal;
	}	

#standortbild {
	}
div#standortbild td {
	vertical-align: top;
	}
div#standortbild span{
	display: block;
	padding: 10px 10px 0 0;
	}

/*/////////////////////////////////////////////////  Kontakt  ///////////////*/	
#kontakt {
	}
div#kontakt td {
	padding: 5px 0;
	vertical-align: top;
	}
div#kontakt h4 {
	padding: 0;
	font-size: 100%;
	color: #3a8bd3;
	font-weight: normal;
	}	

/*/////////////////////////////////////////////////  Termin  ///////////////*/	
#termin {
	}
div#termin ul li{
	float: left;
	width: 560px;

	position: relative;
	list-style: none;
	background: none;
	padding: 3px 5px 10px 0px;
	border: 1px solid #222;
	border-width: 1px 0;
	margin: -1px 0 0 0;
	}
div#termin h3 {
	padding: 5px 0 0 5px;
	color: #3a8bd3;
	font-size: 130%;
	font-weight: bold;
	font-style: italic;
	}
div#termin h4 {
	padding: 5px 0 0 5px;
	font-size: 100%;
	color: #3a8bd3;
	font-weight: normal;
	}
div#termin h5 {
	padding: 0 5px 5px 5px;
	font-size: 100%;
	font-weight: normal;
	}
div#termin p {
	padding: 0 5px 0 5px;
	}
div#termin p.hinweis {
	color: #C22;
	}
div#termin a {
	padding: 0 0 0 5px;
	text-decoration:none;
	}
div#termin a:hover{
	padding: 0 0 0 5px;
	display: block;
	background: #F0E68C;
	}
	
/*/////////////////////////////////////////////////  Produkte  ///////////////*/
#produkte h4 {
	padding: 10px 0 10px 5px;
	font-size: 110%;
	color: #3a8bd3;
	font-weight: bold;
	}
#produkte li{
	margin-bottom:15px;
}
#produkte p{
	padding-bottom:10px;
}