<!--

/* Allgemeine Formatierungen  */
body {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

/* ----- Überschriften für semantisch korrekten Aufbau ----- */
h1 {
	margin-top:0px;
	font-size:1em;
	font-weight:bold;
	color:#000000;
}
	
h2 {
	margin-top:0px;
	font-size:1em;
	font-weight:bold;
	color:#000000;
}
	
h3 {
	margin-top:0px;
	font-size:1em;
	font-weight:bold;
	color:#000000;
}

h4 {
	margin-top:0px;
	font-size:1em;
	font-weight:bold;
	color:#000000;
}
	
.blau {
	color:#0D467F;
}	

/* ----- Rahmendesign ----- */

#box {
	width:955px;
	height:auto;
	position:absolute;
	left:50%;
	margin-left:-478px;
}
	
#header {
	width:955px;
	height:auto;
	float:left;
}

#logo {
	width:280px;
	height:60px;
	float:left;
	margin-top:8px;
}

/* Hack für gleiche Darstellung im IE7 */

*+html #logo {
	margin-top:0px;
}


#navi {
	width:670px;
	height:28px;
	float:right;
	margin-top:40px;	
}

/* Hack für gleiche Darstellung im IE7 */

*+html #navi {
	width:670px;
	height:28px;
	float:right;
	margin-top:18px;	
}

#navi ul {
	padding:0; 
	margin:0; 
	list-style:none;
}
	
#design {
	width:951px;
	height:130px;
	float:left;
	border:2px solid #0D467F;
}


#breadcrumb {
	width:955px;
	height:18px;
	float:left;
	background-color:#0D467F;
	color:#FFFFFF;
	padding-top:2px;
	text-indent:42px;
}

#breadcrumb a:link {color:#ffffff; font-weight:normal; text-decoration:none;}
#breadcrumb a:active {color:#ffffff; font-weight:normal; text-decoration:none;}
#breadcrumb a:visited {color:#ffffff; font-weight:normal; text-decoration:none;}
#breadcrumb a:hover {color:#ffffff; font-weight:normal; text-decoration:underline;}
	
#content_box {
	width:951px;
	height:auto;
	float:left;
	border:2px solid #0D467F;
	border-top:0px;
	padding: 20px 0px;
}
	
#content {
	width:540px;
	height:auto;
	float:left;
	margin-left:40px;
	margin-right:20px;
	}
	
#content a:link {color:#0D467F; font-weight:normal; text-decoration:none;}
#content a:active {color:#0D467F; font-weight:normal; text-decoration:none;}
#content a:visited {color:#0D467F; font-weight:normal; text-decoration:none;}
#content a:hover {color:#000000; font-weight:normal; text-decoration:none;}
	
#side {
	width:300px;
	height:auto;
	float:left;
	padding-left:20px;
	border-left:1px solid #0D467F;
}
	
#side a:link {display:block;color:#0D467F; font-weight:normal; text-decoration:none;}
#side a:active {display:block;color:#0D467F; font-weight:normal; text-decoration:none;}
#side a:visited {display:block;color:#0D467F; font-weight:normal; text-decoration:none;}
#side a:hover {display:block;color:#000000; font-weight:normal; text-decoration:none;}

#side ul {
	padding-left:15px;
}

/* Hack für gleiche Darstellung im IE7 */

*+html #side ul {
	margin-left:0px;
}

/* ----- Designelement ----- */

.banner_gelb {
	height:130px;
	width:550px;
	float:right;
	background-image:url(../images/design/banner_gelb.jpg);
}

.banner_rot {
	height:130px;
	width:550px;
	float:right;
	background-image:url(../images/design/banner_rot.jpg);
}

.banner_blau {
	height:130px;
	width:550px;
	float:right;
	background-image:url(../images/design/banner_blau.jpg);
}

.banner_gruen {
	height:130px;
	width:550px;
	float:right;
	background-image:url(../images/design/banner_gruen.jpg);
}

.bild_start {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_start.jpg);
}

.bild_konzept {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_konzept.jpg);
}

.bild_standort {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_standort.jpg);
}

.bild_services {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_services.jpg);
}

.bild_portal {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_portal.jpg);
}

.bild_kontakt {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_kontakt.jpg);
}

.bild_impressum {
	width:400px;
	height:130px;
	float:left;
	background-image:url(../images/design/bild_impressum.jpg);
}


/* ----- Kontaktformular ----- */

.inputblock {
	height:auto;
	float:left;
	width:500px;
	margin-bottom:5px;
}

.input1 {
	float:left;
	width:250px;
	height:auto;
	margin-bottom:5px;
}

.input2 {
	float:left;
	width:60px;
	height:auto;
	padding-top:5px;
	margin-right:20px;
}

.inputfeld1 {
	background-color:#FFFFFF;
	border:1px solid #0D467F;
	float:left;
	color:#000000;
	height:20px;
	width:200px;
}

.inputname2 {
	float:left;
	color:#000000;
	height:20px;
}

.inputfeld2 {
	background-color:#FFFFFF;
	border:1px solid #0D467F;
	float:left;
	color:#000000;
	height:20px;
	width:370px;
}

.button {
	background-color:#FFFFFF;
	border:1px solid #0D467F;
	float:left;
	color:#000000;
	font-weight:bold;
	margin-right:5px;
}


/* ----- Messestände ----- */
	
table {
	padding:0px;
	margin-left:-3px;
	margin-bottom:15px;
}	
	
thead {
	color: #0D467F;
	font-weight:normal;
}	

/* ----- Download ----- */	
	
.gallery {
	margin-top:10px;
	float:left;
	width:500px;
	height:auto;
}

.thumbs {
	width:80px;
	height:80px;
	padding:1px;
	border:1px solid #0D467F;
	float:left;
	margin-right:20px;
}	

.image_box {
	height:82px;
	width:auto;
	margin-left:30px;
	margin-top:10px;
}
	
/* ----- Login ----- */

.loginblock {
	height:auto;
	float:left;
	width:500px;
}

/* wird vom IE7 nicht interpretiert */
.select_feld {
	border:1px solid #0D467F;
	float:left;
	color:#000000;
}

.login_box {
	width:300px;
	height:auto;
	float:left;
	margin-left:20px;
}

.login_feld {
	width:400px;
	height:20px;
	margin-bottom:10px;
	float:left;
}

.login_name {
	width:auto;
	height:20px;
	float:left;
}

.login_input {
	border:1px solid #0D467F;
	float:left;
}

.password {
	width:60px;
	margin-right:24px;
	margin-left:83px;
}

/* Hack für gleiche Darstellung im IE7 */
*+html .password {
	width:60px;
	margin-right:37px;
	margin-left:83px;
}

-->