
* {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	background: #C4161C;
	color: #333;
	font: 100.01%/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

a {
	background-color: inherit;
	color: #333;
	text-decoration: underline;
	}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	}

p {
	margin-top: 1.5em;
	}

address {
	font-style: normal;
	}

/* ============================================================ */
/* Schriftgroessen und Ueberschriften */

p,
ul,
h3 {
	font-size: .8em;
	}


h1,
h2,
h3,
strong {
	font-weight: bold;
	}

#content-main h1 {
	font-size: .85em;
	}
	
#content-main h1, #content-main h3 {
	margin-bottom: 3em;
	}

#header strong,
#navigation,
#content-main h2 {
	font-family: Arial, Helvetica, sans-serif;
	}

/* ============================================================ */
/* zentrale Elemente */

#wrapper {
	width: 985px;
	background: #F2F2F2;
	color: inherit;
	text-align: left;
	margin: 0 auto;
	padding: 20px 1px 0 0;
	}

#wrapper:after {
	display: block;
	height: 1px;
	clear: both;
	content: ".";
	font-size: 0;
	visibility: hidden;
	overflow: hidden;
	}

#header {
	float: right;
	width: 100%;
	font-size: 1em;
	border-bottom: 3px solid #999;
	}

#header img {
	float: right;
	margin: 0 10px 12px 0;
	}

#header strong {
	clear: right;
	float: right;
	width: 436px;
	background-color: #C4161C;
	color: #fff;
	font-weight: normal;
	letter-spacing: .1em;
	text-align: right;
	padding: 3px 15px 3px 0;
	}

#header br {
	display: none;
	}

object {
	display: block;
	}
	
#flash {
	width: 450px;
	height: 315px;
	float: right;
}

#content {
	clear: both;
	float: left;
	width: 100%;
	border-top: 3px solid #999;
	}

h2 {
	background-color: #C4161C;
	color: #fff;
	font-size: .75em;
	text-transform: uppercase;
	margin-left: 570px;
	padding: 3px 0 3px 10px;
	}

#content-main {
	float: right;
	width: 778px;
	padding: 0 0 30px 10px;
	border-left: 1px solid #d2d2d2;
	}

#hauptinhalt,
#zusatzinfos-1 {
	padding-top: 0px;
	}

#hauptinhalt {
	float: left;
	width: 520px;
	
	}

#zusatzinfos-1 {
	float: right;
	width: 188px;
	padding-right: 20px;
	}
	
#zusatzinfos-2 {
	float: left;
	width: 185px;
	position: relative;
	left: 1px;
	border-right: 1px solid #d2d2d2;
	padding: 1.5em 5px 30px;
	}
	
	
#zusatzinfos-frau {
	float: right;
	width: 188px;
	padding-right: 20px;
	margin-top: 20px;
	}

/* ============================================================ */
/* Navigation */

#navigation {
	clear: right;
	float: left;
	width: 529px;
	background: #e6e6e6 url(images/headlines/willkommen.gif) no-repeat 195px 50%;
	color: inherit;
	border-right: 3px solid #999;
	border-left: 3px solid #999;
	}

#seite-persoenlich #navigation {
	background-image: url(images/headlines/persoenlich.gif)
	}
	
#seite-persoenlich #zusatzinfos-1 {
	float: right;
	width: 186px;
	height: 188px;
	padding-right: 20px;
	}
	

	
#seite-wir-ueber-uns #navigation {
	background-image: url(images/headlines/wir-ueber-uns.gif)
	}
	
#seite-kundenstimmen #navigation {
	background-image: url(images/headlines/kundenstimmen.gif)
	}
	
#seite-kunden-login #navigation {
	background-image: url(images/headlines/kunden-login.gif)
	}
	
#seite-webdesign #navigation {
	background-image: url(images/headlines/webdesign.gif)
	}
	
#seite-wartung #navigation {
	background-image: url(images/headlines/wartung.gif)
	}

#seite-jobs #navigation {
	background-image: url(images/headlines/jobs.gif)
	}
	
#seite-service #navigation {
	background-image: url(images/headlines/service.gif)
	}
	
#seite-cms #navigation {
	background-image: url(images/headlines/cms-systeme.gif)
	}
	
#seite-referenzen #navigation {
	background-image: url(images/headlines/referenzen.gif)
	}
	
#seite-partner #navigation {
	background-image: url(images/headlines/partner.gif)
	}
	
	#seite-downloads #navigation {
	background-image: url(images/headlines/downloads.gif)
	}
	
	#seite-kalender #navigation {
	background-image: url(images/headlines/kalender.gif)
	}
	
	#seite-wissenswertes #navigation {
	background-image: url(images/headlines/lexikon.gif)
	}
	
#seite-kontakt #navigation {
	background-image: url(images/headlines/kontakt.gif)
	}
	
#seite-anfahrt #navigation {
	background-image: url(images/headlines/anfahrt.gif)
	}
	
#seite-impressum #navigation {
	background-image: url(images/headlines/impressum.gif)
	}
	
#navigation h2 {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

#navigation #navi-1 {
	list-style: none;
	width: 500px;
	position: absolute;
	font-size: .75em;
	
	margin-top: -2.2em;
	}

#navigation #navi-1 li {
	display: inline;
	}

#navigation #navi-1 a,
#navigation #navi-1 strong {
	background-color: inherit;
	color: #C4161C;
	text-decoration: none;
	font-weight: normal;
	border-left: 1px solid #C4161C;
	margin-left: .25em;
	padding-left: .6em;
	}

#navigation #navi-1 #first a,
#navigation #navi-1 #first strong {
	border: none;
	margin: 0;
	padding-left: 5px;
	}

#navigation #navi-1 a:hover,
#navigation #navi-1 a:active,
#navigation #navi-1 a:focus,
#navigation #navi-1 strong {
	color: #333;
	}

#navigation #navi-2 {
	list-style: none;
	width: 192px;
	min-height: 315px;
	background-color: #C4161C;
	color: inherit;
	font-size: .75em;
	border-right: 3px solid #999;
	}

#navigation #navi-2 ul {
	width: auto;
	min-height: 1px;
	font-size: 1em;
	border: none;
	list-style: none;
	}

#navigation #navi-2 li {
	padding-bottom: 1px;
	}

#navigation #navi-2 li li {
	padding: 1px 0 0;
	}

#navigation #navi-2 a,
#navigation #navi-2 strong {
	display: block;
	background-color: inherit;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 0 3px 8px;
	}

#navigation #navi-2 ul a,
#navigation #navi-2 ul strong {
	padding-left: 25px;
	}

#navigation #navi-2 a:hover,
#navigation #navi-2 a:active,
#navigation #navi-2 a:focus,
#navigation #navi-2 strong {
	background-color: #E6E6E6;
	color: #C4161C;
	}

/* ============================================================ */
/* weitere Formatierungen */

#zusatzinfos-2 address {
	background-color: inherit;
	color: #666;
	font-size: .65em;
	line-height: 1.25;
	}

#zusatzinfos-2 address strong {
	background-color: inherit;
	color: #000;
	text-transform: uppercase;
	}

#zusatzinfos-2 address strong span {
	background-color: inherit;
	color: #C4161C;
	}

#zusatzinfos-2 address a {
	background-color: inherit;
	color: #666;
	}

#zusatzinfos-2 h3 {
	font-size: .75em;
	margin-top: 1.5em;
	}

.no-margin {
	margin-top: 0;
	}

/* ============================================================ */
/* Startseite */

#seite-start #content-main ul {
	list-style: none;
	}

#seite-start #content-main li {
	margin-top: 1em;
	}

#seite-start #content-main strong {
	background-color: inherit;
	color: #900;
	}

/* ============================================================ */
/* weitere Seiten */


#seite-kundenstimmen .kunde {
	font-style: oblique;
	font-size: .9em;
	color: #900;
	margin-top: 20px;
}

#seite-kundenstimmen #hauptinhalt .box-color {
	background-color: #C1C1C1;
	padding-left: 5px;
}

#seite-kundenstimmen #hauptinhalt .box-color-2 {
	background-color: #DADADA;
	padding-left: 5px;
}

#seite-kunden-intern #hauptinhalt #fehler {
	background-color: #C4161C;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
   margin-top: 20px;
}


#seite-kunden-intern #hauptinhalt #aktion-januar {
	background-color: #C8CD66;
	margin-top: 5px;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-februar {
	background-color: #B33333;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-maerz {
	background-color: #B33333;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-april {
	background-color: #B33333;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-mai {
	background-color: #B33333;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-juni {
	background-color: #B33333;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}


#seite-kunden-intern #hauptinhalt #aktion-juli {
	background-color: #B33333;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-august {
	background-color: #999;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-september {
	background-color: #999;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-oktober {
	background-color: #999;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-november {
	background-color: #999;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}

#seite-kunden-intern #hauptinhalt #aktion-dezember {
	background-color: #999;
	padding: 10px 10px 20px 20px;
	color: #fff;
	font-size: 1.5em;
	border: 1px solid #000;
}


#seite-kunden-intern #hauptinhalt h3 {
   margin: 1em 0 0;
	font-size: 1.2em;


}

#seite-service #hauptinhalt ul {
	padding-left: 25px;
	}

#seite-cms #hauptinhalt ul {
	padding-left: 25px;
	}
	
#seite-cms #hauptinhalt #preis {
	   background-color: #8B0000;
}

/* ============================================================ */
/* Seite Referenzen */
   
	
#seite-referenzen #hauptinhalt {
	width: 750px;
	}

#seite-referenzen #hauptinhalt ul {
	list-style: none;
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 1.5em;
	background-color: #DADADA;
	}
	
#seite-referenzen #hauptinhalt .grau {
	background-color: #E9E9E9;
}

	
	

#seite-referenzen #hauptinhalt li {
	float: left;
	width: 360px;
	margin: 1.5em 0 0 10px;
	display: inline;
	
	}

#seite-referenzen #hauptinhalt ul br {
	display: none;
	}

#seite-referenzen #hauptinhalt ul img {
	display: block;
	}
	
	
#seite-referenzen #hauptinhalt h3 {
	background-color: #C4161C;
	float: left;
	clear: left;
	margin-bottom: .5em;
	padding-left:5px;
	padding-right:5px;
	color: #fff;
	margin-top: 1.5em;
}



	
/* ============================================================ */
/* Seite Downloads */	

#seite-downloads #hauptinhalt {
	width: 750px;
	}
	
#seite-downloads #hauptinhalt .headline {
	padding-top:20px;
	float: left;
	font-weight: bold;
	
	}
	


#seite-downloads #hauptinhalt ul {
	list-style: none;
	float: left;
	width: 100%;
	padding-top: 1px;
	margin-top: 1px;
	
	}

#seite-downloads #hauptinhalt li {
	float: left;
	width: 360px;
	margin: .7em 15px 15px 0;
	}


	
	
	/* ============================================================ */
/* Seite Wissenswertes */
	
#seite-wissenswertes #hauptinhalt h1 {
	font-size: 0.8em;
	background-color: #C4161C;
	float: left;
	color: #fff;
	padding: .2em;
	margin:  0;
}

#seite-wissenswertes #hauptinhalt {
width: 700px;
}

#seite-wissenswertes #hauptinhalt div p {
	margin:  0 0 0 180px;
	text-align: justify;
}

#seite-wissenswertes #hauptinhalt div  {
	clear: left;
	padding-top: 1.2em;

}

	/* ============================================================ */
/* Seite Kalender*/

#seite-kalender #hauptinhalt {
	width: 750px;
	}

#seite-kalender #hauptinhalt ul {
	list-style: none;
	float: left;
	margin-bottom: 1.5em;
	width: 100%;
	}

#seite-kalender #hauptinhalt li {
	float: left;
	clear: left;
	padding: 5px 5px 5px 5px;
	width: 340px;
	margin: 1.5em 23px 0 0;
	background-color: #CCC;
	border: 1px solid #fff;
	
	}

#seite-kalender #hauptinhalt ul br {
	display: none;
	}

#seite-kalender #hauptinhalt ul img {
	display: block;
	}
	
#seite-kalender #hauptinhalt div p {
	margin: 0;
}



#seite-wis
.wissenswertes {
	
}

#messe {
	background-color: #A00000;
	font-weight: bold;
   width: 738px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 5px 5px 5px;
	margin-top: 1.2em;
}

#ausstellungen {
	background-color: #002952;
	clear: left;
	color: #fff;
	font-weight: bold;
	width: 738px;
	border: 1px solid #fff;
	padding: 10px 5px 5px 5px;
	margin-top: 2em;
}

#wettbewerbe {
	background-color: #A2A833;
	clear: left;
	color: #fff;
	font-weight: bold;
	width: 738px;
	border: 1px solid #fff;
	padding: 10px 5px 5px 5px;
	margin-top: 2em;
}
	
#seite-kalender #hauptinhalt .hintergrundkalender {
	background-color: #999;

}

#seite-kalender #hauptinhalt .hintergrundkalender1 {
	background-color: #B33333;
	color: #fff;

}

#seite-kalender #hauptinhalt .hintergrundkalender3 {
	background-color: #C8CD66;
	color: #333;

}


#seite-kalender #hauptinhalt .hintergrundkalender2 {
	background-color: #316597;
	color: #fff;

}

#seite-kalender #hauptinhalt .hgwechsel {
	float: right;
	clear: right;
	margin: 1.5em 0 0 0;
	
	}


#seite-kalender #hauptinhalt .hintergrundkalender1 {
	background-color: #B33333;
	color: #fff;

}

#seite-kalender #hauptinhalt .hintergrundkalender3 {
	background-color: #C8CD66;
	color: #333;

}


#seite-kalender #hauptinhalt .hintergrundkalender2 {
	background-color: #316597;
	color: #fff;

}

#seite-kalender #hauptinhalt .hgwechsel {
	float: right;
	clear: right;
	margin: 1.5em 0 0 0;
	
	}

#seite-kontakt form img {
	margin-left: 160px;
}


#seite-kontakt form #buttons {
	margin-left: 160px;
	clear: left;
}
	
.printtitel {
	letter-spacing: 5px;
	text-transform: uppercase;
	font-weight: bold;
	color: #C4161C;
}


/*KUNDENLOGIN__________________________________*/

#loginform{
margin:auto;
margin-left:8px;
padding-top:20px;
}
#login_submit{
margin-top:10px;
margin-bottom:10px;
}
fieldset{
width:270px;
margin:auto;
padding:0px;
text-align:center;
line-height:18px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}
legend{
color:#000;
font-weight:bold;
}

.textinput{
position:relative;
width:140px;
height:19px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#b5b5b5;
border-top:2px solid #666;
border-left:1px solid #666;
}
.red{
color:#990000;
font-size:12px;
font-weight:bold;
}
.green{
font-weight:bold;
font-size:12px;
color:#00aa00;
}

#wichtig {
	border: 3px dotted #990000;
	padding: 10px;
}

#seite-start iframe {
    margin-top: 10px;
	width: 180px !important;
	}
	
#social-media img {
	padding-left: 10px;
	padding-top: 10px;
}

#umzug {
	border: 3px solid #333333;
	padding: 5px;
}

/* neues Thorsten Lange */
..clear{
	clear:both;
}
..formFieldLeft{
	float:left;
	width:80px;
	line-height:30px;
}
..formFieldRight{
	float:left;
	width:350px;
	line-height:30px;
}

#radio-button input {
	width: 20px;
	margin-left: 1px;

}

/* Informer Aktion */

#informer {
	background-color: #b5b5b5;
	padding: 20px;
	margin-top: 20px;
	width: 560px;
	border: 1px #000 dashed;
}

.send {
	background-color: #c4161c;
	color: #fff;
	font-size: 1.3em;
}

#felder {
	padding-left: 1px;
}

.infos {
	padding-bottom: 20px;
}


label{
position:relative;
left:1px;
width:390px;
display:block;
text-align:left;
font-weight:normal;
font-size: 0.9em;
line-height:14px;
letter-spacing: 0px;
}


.red{
color:#f00;
}


.error{
color:#f00;
}

.foto {
	padding-top: 20px;
}

#seite-start #hauptinhalt #links {
	padding-bottom: 30px;
}


