﻿/* CSS-Layout */
body{
/*	background-image: url('/images/hg.jpg');
	background-repeat: repeat;
	background-position:left; 
	background-color:#DDE1E5; */
	background-color:#303030;
	width:100%;
	margin:0 auto;
	font-size:0.7em;
	font-family:Verdana, tahoma, arial;
	color:#666666;
	margin:0px auto;
}

/* oberer Bereich */


#main {
	width: 950px;
	height:100%;
	margin:0px auto;
	position:relative;
}




#header {
	height:117px;
	width:948px;
	border-left: 1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
/*	border-top: 1px #ffffff solid; */
	background-color:#F7F7F7; 
	background-image: url('/images/banner.jpg');
	background-repeat: no-repeat;
	background-position:right bottom;
	position:relative;
	top:0px;
	left:0px;
}


/* Bereich Banner */
#banner_hg{
/*	background-image:url('../images/gray.jpg');
	background-repeat:repeat; */
	background-color:#aaaaaa; 
	border-top:1px #ececec solid; 
	position:absolute;
	top:91px;
	width:950px;
	height:87px; 
	z-index:0;
	position:relative;
}



#div_1{
	width:950px;
	height:27px;
	position:absolute;
	top:117px;
	left:0px;

}
#div_2{
	width:949px;
	height:26px;
	top:143px;
	left:0px;
	background-color:#ECECEC;
	border-right: 1px #c0c0c0 solid;
	position:absolute;
}
#div_3{
	width:949px;
	height:10px;
	top:26px;
	position:absolute;
	border-right: 1px #c0c0c0 solid;
	border-bottom: 1px #c0c0c0 solid;
	border-left:1px #c0c0c0 soldid;

}
#logo{
	position:absolute;
	top:98px;
	left:15px;
	height:100px;
	width:220px;
	z-index:2; 
}
#search{
	position:absolute;
	left:405px;
	width:270px;
	height:26px;
	top:0px;
	z-index:2;
}

#topnavi {
	position:absolute;
	left:675px;
	width:265px;
	top:93px;
	text-align:center;
	font-size:0.8em;
	color:#333333;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:5px;
	padding-right:5px;
	z-index:2;
}
#topnavi a:visited{
	text-decoration:none;
	color:#ffffff;
}
#topnavi a:link{
	text-decoration:none;
	color:#ffffff;
}
#topnavi a:hover{
	color:#333333;
}



#verwaltung{
	color: #FFFFFF;
	text-align: center;
	width: 140px; 
	margin-left:950px;
	padding-top:6px;
	padding-bottom:6px;
	position:absolute;
	top: 0px;
	z-index:2;
}









#leftnavi{
	top:-1px;
	left:1px;
	margin-top:0px;
	position:absolute;
	z-index:3;
}


/* CONTENT */
#container {
	position: relative;
	width:798px;
	top: 64px;

}


#bearbeiten{
	position: relative;
	width:950px;
	height: 25px;

	margin-left:0px;


}

#page_content {
	padding-left:150px;
	margin-left:0px;
	background-color:#ffffff;
	width:100%;
	min-height:550px;
	background-image: url('/images/gray.jpg');
	background-repeat: repeat-y;
	background-position:left; 
	border-left:1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
	position: relative;
	top:-1px;
}
#breadcrumb{
	background-color:#ececec;
	height:21px;
	padding-left:20px;
	padding-top:5px;
	vertical-align:middle;
	border-bottom:1px #c0c0c0 solid;
}
#breadcrumb a:link, #breadcrumb a:visited{
	color:#818084;
}
#breadcrumb a:hover{
	color:#818084;
	text-decoration:underline;
}



#footer {
	width:938px;
	background-color:#ececec;
	top:-1px;
	height:15px;
	padding:5px;
	border-left:1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
	border-bottom: 1px #c0c0c0 solid;
	border-top:1px #c0c0c0 solid;	
	vertical-align:middle;
	color:#666666;
	font-size:0.9em;
	position:relative;
}








/* GESCHÄFTSGEBIETE */
#left {
	left: 0px;
	width: 273px; 

}

#firm {
	background-color:#818084;
	border-left:1px #c0c0c0 solid;
	width: 134px; 
	margin-left:273px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px #c0c0c0 solid;
	text-align: center;
	position:absolute;
	top: 0px;
}
#consult {
	background-color:#ff9900;
	border-left:1px #c0c0c0 solid;
	border-right:1px #c0c0c0 solid;
	width: 134px; 
	margin-left:408px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px #c0c0c0 solid;
	text-align: center;
	position:absolute;
	top: 0px;
}
#train {
	background-color:#E83100;
	border-left:1px #c0c0c0 solid;
	width: 134px; 
	margin-left:543px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px #c0c0c0 solid;
	text-align: center;
	position:absolute;
	top: 0px;
}
#products{
/*	background-color: #129DDA; */
	background-color:#129DDA;
	border-left:1px #c0c0c0 solid;
	width: 134px; 
	margin-left:678px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px #c0c0c0 solid;
	text-align: center;
	position:absolute;
	top: 0px;
	z-index:1;
}

#hosting {
	background-color: #009835; 
	border-left:1px #c0c0c0 solid;
	width: 135px; 
	margin-left:813px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px #c0c0c0 solid;
	text-align: center;
	position:absolute;
	top: 0px;
/* ausgeblendet */
	color: #009835; 
}



#firm a:hover{
	background-color:#cccccc;
	font-weight:700;
	width: 134px;
	height:25px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:20px;
	padding-right:20px;	
}

#consult a:hover{
	background-color:#F1CE9D;
	color: #333333;
	font-weight:700;
	width: 134px;
	height:25px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:33px;
	padding-right:33px;	
}

#train a:hover{
	background-color:#E8AC9B;
	font-weight:700;
	width: 134px;
	height:25px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:35px;
	padding-right:35px;	
}

#products a:hover{
	background-color:#A1C8D8;
	font-weight:700;
	width: 135px;
	height:25px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:33px;
	padding-right:34px;	
}

#hosting a:hover{
	background-color:#AAD7B4;
	font-weight:700;
	width: 134px;
	height:25px;
	padding-top:6px;
	padding-bottom:6px;

	padding-left:38px;
	padding-right:39px;	
}


#left{
	padding-top:6px;
	padding-bottom:6px;
	text-align: center;
	position:absolute;
	top: 0px;
	background-image:url('/images/slogan.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	left:15px;
	top:4px;
}

.hosting a:link{
	text-decoration: none;
	font-weight:700;
	padding-top:6px;
	padding-bottom:6px;

	color:#ffffff;
}

.products a:link{
	text-decoration: none;
	font-weight:700;
	padding-top:6px;
	padding-bottom:6px;

	color:#ffffff;
}

.train a:link{
	text-decoration: none;
	font-weight:700;
	padding-top:6px;
	padding-bottom:6px;

	color:#ffffff;
}

.consult a:link{
	text-decoration: none;
	font-weight:700;
	padding-top:6px;
	padding-bottom:6px;
	color:#ffffff;
}

.firm a:link{
	text-decoration: none;
	font-weight:700;
	padding-top:6px;
	padding-bottom:6px;

	color:#ffffff;
}



/* VISITED */

.hosting a:visited{
	text-decoration: none;
	font-weight:700;
	color:#ffffff;
}

.products a:visited{
	text-decoration: none;
	font-weight:700;
	color:#ffffff;
}

.train a:visited{
	text-decoration: none;
	font-weight:700;
	color:#ffffff;
}

.consult a:visited{
	text-decoration: none;
	font-weight:700;
	color:#ffffff;
}

.firm a:visited{
	text-decoration: none;
	font-weight:700;
	color:#ffffff;
}


/* HOVER */
.hosting a:hover{
	text-decoration: none;
	font-weight:700;
	color:#333333;
}
.products a:hover{
	text-decoration: none;
	font-weight:700;
	color:#333333;
}
.train a:hover{
	text-decoration: none;
	font-weight:700;
	color:#333333;
}
.consult a:hover{
	text-decoration: none;
	font-weight:700;
	color:#333333;
}
.firm a:hover{
	text-decoration: none;
	font-weight:700;
	color:#333333;
}







/* BANNER */
#style01 {
	background-color: #F7F7F7;
	margin-left:0px;
	position:absolute;
	width: 343px; 
	height: 27px;
	bottom: 0px;
}
#style02 {
	background-color: #ECECEC;
	border-left:1px #ffffff solid;
	margin-left:273px;
	width: 135px; 
	height: 27px;
	bottom: 0px;
	position:absolute;
}
#style03 {
	background-color: #C0C0C0;
	margin-left:409px;
	width: 270px; 
	height: 27px;
	bottom: 0px;
	position:absolute;
}
#style04 {
	background-color: #aaaaaa;
	border-right: 1px #c0c0c0 solid;
	margin-left:679px;
	width: 270px; 
	height: 27px;
	bottom: 0px;
	position:absolute;
}

