* {
	border: 0;
	margin: 0;
	padding: 0;
}

body, html {
	background-color: WHITE;
	background-image: url("images/bg_verlauf.jpg");
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 11px;
	color: BLACK;
}

a {								color: #7F7F7F; }
a:link, a:visited { 			text-decoration: underline; }
a:focus, a:hover, a:active {	text-decoration: none; }

div.clearing {					clear:both; }

h1 {
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 10px;
}
h2 {
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;	
	color: #0069A6;
}

span.blue {
	font-style: italic;	
	font-weight: bold;
	color: #0069A6;
}

/* ---------------------------------------------------------------- header area */

div#header {
	background-color: transparent;
	background-image: url("images/bg_header.jpg");
	background-repeat: no-repeat;
	margin-left: 112px;
	width: 800px;
	height: 202px;
}


/* ---------------------------------------------------------------- MAINMENUE */

ul#mainmenu {
	float:left;
	margin-top: 180px;
	margin-right: 37px;
	padding: 5px 0 4px 0;
	width: 480px;
	height: 22px;
	font-style:italic;	
	text-transform: uppercase;	
}

ul#mainmenu li {
	list-style:none;
	display:inline;
	margin: 0;
}

ul#mainmenu a, ul#mainmenu span {
	padding: 5px 8px 4px;
	border-left: 1px solid #0167A1;
}

ul#mainmenu a.first, ul#mainmenu span.first {
	padding-left: 16px;
	border-left: none;
}

ul#mainmenu span {
	color: WHITE;
	background-color: #0167A1;
}

ul#mainmenu a:link, ul#mainmenu a:visited {
	background-color: TRANSPARENT;
	color: BLACK;
	text-decoration: none;
}
ul#mainmenu a:focus, ul#mainmenu a:hover, ul#mainmenu a:active {
	background-color: #0167A1;
	color: WHITE;
}
ul#mainmenu a.active:link, ul#mainmenu a.active:visited {
	background-color: #0167A1;
	color: WHITE;
	text-decoration: none;
}
ul#mainmenu a.active:focus, ul#mainmenu a.active:hover, ul#mainmenu a.active:active {
	background-color: transparent;
	color: BLACK;
}


/* ---------------------------------------------------------------- LOGO */

div#logo {	
	padding-top: 57px;	
}

#mainContainer {
	width: 800px;
	min-height: 280px;
	margin-top: 43px;
	margin-bottom: 28px;
	margin-left: 112px;
}

* html #mainContainer {
	height: 280px;				/* ie below 7 only */
}


/**************************CONTENT AND COLUMNS**************************/

.outerWrap {
	padding-left: 165px;
	padding-right: 120px;
}

.innerWrap {
	width: 635px; 				/* Mozilla, ie7, ie6 */
}

* html .innerWrap {
	width: 100%;
}

/* ------------------------------------------------- SUBMENU und linke content-Spalte */

/*** div.innerWrap is wider than its container, div.outerWrap, and so overlaps to the right, pushingdiv.right into the proper position. */
/* IE expands div.outerWrap instead, requiring a Tan hack to avoid blowing the layout apart. IE gets the original 100% width as in the */
/* Livingstone layout.***/

.floatWrap {
	float: left;
	width: 450px;				/* bestimmt Abstand zwischen submenu und  contentLeft */
	margin-left: -165px; 		/*** Same length as .outerWrap padding-left but with negative value ***/
}


/* ------------------------------------------------- linke content-Spalte */

#contentLeft {
	float: right;
	width: 290px;				/* Breite */
	position: relative;			/* ie below 7 only */
}

.contentLeftWrap  {
}
.contentLeftWrap ul {
	margin: 3px 0 5px 25px;
}

.contentLeftWrap li {
	padding-bottom: 2px;
}


/* ------------------------------------------------- submenu */

/*** div.submenu is in div.floatWrap, and when div.floatWrap is neg margined to the left, div.submenu is carried over into the proper position. ***/

div#submenu {

	float: left;
	padding-top: 7px;			/* ABSTAND h1 zu ul */
	width: 150px;				/* in relation zu den anderen Feldern ANPASSEN */
	position: relative; 		/* ie below 7 only */
}

div#submenu ul {
	font-style:italic;	
	text-transform: uppercase;	
}

div#submenu li {
	list-style:none;
	color: #0167A1;
	padding-bottom: 5px;		/* ABSTAND der Links untereinander */
}

div#submenu a:link, div#submenu a:visited {
	color: BLACK;
	text-decoration: none;
}
div#submenu a:focus, div#submenu a:hover, div#submenu a:active {
	color: #0167A1;
	text-decoration: underline;
}


/* ------------------------------------------------- rechte content-Spalte */

#contentRight {
	float: right;
	width: 300px;
	padding-top: 36px;			/* top of the text */
	position: relative; 		/* ie below 7 only */
	
	margin-right: 20px;			/* Abstand zw. contentLeft und content Rigth, see "* html #contentRight: margin-right" for ie below 7 */
}

* html #contentRight {
	margin-right: -100px; 		/* Abstand zw. contentLeft und content Rigth, ie below 7 only: see "#contentRight: margin-right" */
}

#contentRight ul {
	margin: 0px 0 5px 25px;		/* wenn ul nicht zu Beginn der Spalte, dann: --> margin: 3px 0 5px 25px; */
}

#contentRight li {
	padding-bottom: 2px;
}


/* ---------------------------------------------------------------- FOOTER: BLUE LINE */

div#blueline {
	background-image: url("images/blue.gif");
	background-repeat: repeat-x;
}


/* ---------------------------------------------------------------- FOOTER: MENU */

ul#footmenu {
	margin-top: 5px;
	margin-left: 760px;
	font-style: italic;	
	text-transform: uppercase;	
}

ul#footmenu li {
	display: inline;
	list-style:none;
}

ul#footmenu a, ul#footmenu span {
	padding: 0 8px;
}

ul#footmenu span {
	color: #0167A1;
}

ul#footmenu a.first, ul#footmenu span.first {
	color: #0069A6;
}
	
ul#footmenu a:link, ul#footmenu a:visited {
	text-decoration: none;
}
ul#footmenu a:focus, ul#footmenu a:hover, ul#footmenu a:active {
	text-decoration: underline;
}
ul#footmenu a.active:link, ul#footmenu a.active:visited {
	color: #0167A1;
	text-decoration: none;
}
ul#footmenu a.active:focus, ul#footmenu a.active:hover, ul#footmenu a.active:active {
	color: #7F7F7F;
	text-decoration: underline;
}


/* ------------------------------------------------------------------------------------ SPECIFICATIONS --------------------------------------------- */

/* Kontakt */
div.message {
	color: #CA1131;
}

label {
	cursor:pointer;
}

input, textarea {
	width: 50%;
	color: #555555 ;
	border: 1px solid #555555;
}

input.radio {
	padding:0;
	width:20px;
	border:none;
}

input.plz {
	width: 25%;
}

input.senden {
	background-color:WHITE;
	width:100px;
	padding:0;
	border: 1px solid #555555;
}

/* Kontakt - Danke */
div.kontakt {
	margin-bottom: 11em;
}