@charset "UTF-8";
/* CSS Document */

html {
	height:auto;
	position:relative;
	background-color: #EEE;
	overflow:auto;
	padding-top:10px;
}

body {
	position:relative;
	height: 100%;
}

hr {
	clear:both;
	width:1px;
	height:1px;
	display:block;
	visibility:hidden;
	margin:0px;
	padding:0px;
}

/* {border: solid 1px; #6F3;}

/* ****
** BODY
**************************** */

	body {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	width:995px;
	margin:0px;
	padding:0px;
	background-color: #F0F8FB;
	background-image: url(/fileadmin/template/media/hg_verlauf.gif);
	background-repeat: repeat-x;
	background-position: 184px 0px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	}

/* ****
** ALLGEMEINE STYLES
**************************** */
	
	a {
		text-decoration:none;
	}
	
	a img {
		border-style:none;
		border-width:0px;
	}
	
	/* {
		border:solid 1px; #3FF;}

/* ****
** KOPF
**************************** */

	div#kopf {
		background-color: #29257b;
		width: 100%;
		height: 155px;
		border-bottom-style:solid;
		border-bottom-color: white;
		border-bottom-width: 4px;
		position:relative;
	}
	
	/* Logo */
	div#kopf img {
		position:absolute;
		top:25px;
		left:25px;
		display:block;
	}
	
	/* Service Navigation oben rechts */
	div#kopf ul {
		position:absolute;
		right:8px;
		top: 8px;
		float:right;
		margin:0px;
		padding:0px;
	}
	
	div#kopf ul li {
		display: inline;
		margin:0px;
		padding:0px;
		font-size: 10px;
		color:white;
	}
	
	div#kopf ul li a {
		color:white;
		text-transform:uppercase;
	}
	
	div#kopf ul li a:hover {
		text-decoration:underline;
	}
	
	/* Slogan Bye Bye Langeweile */
	div#kopf h2 {
		text-transform: uppercase;
		font-size:20px;
		color: #938bbc;
		position:absolute;
		bottom: -5px;
		left: 683px;
		margin:0px;
		padding:0px;
		letter-spacing: 2px;
	}
	
/* ****
** HAUPTMENUE
**************************** */
	ul#hauptmenue {
		position: relative;
		z-index: 200;
		/* top: 159px; */
		top:0px;
		left: 0px;
		clear:left;
		display: block;
		margin-top: 0px;
		margin-left:0px;
		margin-right: 0px;
		margin-bottom: -25px;
		float:left;
		padding: 0px;
		width: 680px;
		height:21px;
		border-bottom-style: solid;
		border-bottom-color: white;
		border-bottom-width: 4px;
	}
	
	ul#hauptmenue li {
		display:block;
		position:relative;
		float:left;
		width: 170px;
		height: 21px;
		line-height:21px;
		text-align:center;
	}
	
	ul#hauptmenue li a {
		color:white;
		text-decoration: none;
		display:block;
	}
	
	ul#hauptmenue li.menue2 a{
		background-color: #57AB26;
	}
	
	ul#hauptmenue li.menue3 a {
		background-color: #E2001b;
	}
	
	ul#hauptmenue li.menue4 a {
		background-color: #2864A9;
	}
	
	ul#hauptmenue li.menue5 a {
		background-color: #ffc70c;
	}

/* ****
** LINKE MENUE SPALTE
**************************** */	
	div#SpalteLinks {
		margin-top: 25px;
		display:block;
		float:left;
		width: 210px;
		clear:left;
		padding-bottom:25px;
	 }
 
	div#SpalteLinks ul {
		display:block;
		margin-top: 13px;
		margin-left: 13px;
		margin-bottom: 30px;
		padding:0px;
		width: 157px;
	}
		
	div#SpalteLinks ul li {
		display:block;
		margin:0px;
		padding:0px;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color: #65CC45;
	}
 	
	div#SpalteLinks ul li.aktiv {
		background-color: #16BE16;
	}
 	
	div#SpalteLinks ul li.hell {
		background-color: #8CD783;
	}
	
	div#SpalteLinks ul li.dunkel {
		background-color: #7FD374;
	}	
	
	div#SpalteLinks ul li a {
		color: white;
		display:block;
		line-height:21px;
		height:21px;
		padding-left: 16px;
	}

	div#SpalteLinks ul li a:hover {
		background-color:#16BE16;
	}

/* ****
** BROTKRUMENPFAD
**************************** */	

	ul#brotkrumenpfad {
		display:block;
		width:400px;
		float:left;
		font-size:10px;
		margin-top:25px;
		margin-left:20px;
		margin-bottom: 0px;
		padding: 0px;
		height: 33px;
		line-height: 33px;
		position:relative;
		z-index:100;
	}
	
	ul#brotkrumenpfad li {
		display:inline;
		margin: 0px;
		padding: 0px;
	}
	
	ul#brotkrumenpfad li a {
		color: #29257B;
	}
	
	ul#brotkrumenpfad li a:hover {
		text-decoration:underline;
	}

/* ****
** RUNDUNG ÜBER INHALT
**************************** */	

	div#rundung {
		width:412px;
		height: 13px;
		float:left;
		background-image: url(/fileadmin/template/media/hg_weiss.gif);
		background-repeat: no-repeat;
		position:relative;
		z-index:100;
		margin:0px;
		padding:0px;
		display:block;
		margin-bottom:-3px;
	}
	
	

/* ****
** INHALT
**************************** */	
	
	div#inhalt {
		width:380px;
		float:left;
		margin:0px;
		padding-left: 22px;
		padding-right: 10px;
		padding-bottom: 25px;
		background-color:white;
		position:relative;	
		z-index: 50;
	}
	
	div#inhalt * {
		position:relative;
		z-index:100;
	}
	
	div#inhalt img {
		z-index:50;
	}
	
	div#inhalt h1 {
		font-size:18px;
		font-weight:lighter;
		color:#29257B;
		margin-bottom:32px;
		margin-top: 10px;
		letter-spacing: 1px;
		text-transform:uppercase;
	}
	
	div#inhalt a {
		color:black;
		text-decoration:underline;
	}
	
	div#inhalt p {
		line-height:16px;
	}
	
	div#inhalt ul {
		list-style-type: square;
		padding-left: 12px;
	}
	
	div#inhalt ul li {
	}
	
	/*** Hintergrundstreifen *******/
	
	div#inhaltHG {
		position:absolute;
		top: 0px;
		left: 210px;
		width: 412px;
		height: 100%;
		z-index:0;
		overflow:hidden;
		display:block;
	}
	
	div#inhaltHG span {
		background-color: white;
		position:relative;
		display: block;
		height: 100%;
		float:none;
		margin-top:250px;
		z-index:10;
	}
	
	/** KONTAKT FORMULAR ****/
	div#inhalt form label {
		width: 75px;
		display:block;
		float:left;
		clear:left;
		margin-bottom:4px;
	}
	
	div#inhalt form input {
		width: 200px;
		display:block;
		float:left;
		background-color: #d8edff;
		border:none 0px;
		margin-right: 60px;
		margin-bottom:4px;
	}
	div#inhalt form textarea {
		width: 275px;
		display:block;
		background-color: #d8edff;
		border:none 0px;
		margin-right: 60px;
		margin-bottom:4px;
		clear:both;
	}
	
	div#inhalt form input.csc-mailform-submit {
		width:100px;
		float:none;
		display:block;
		clear:both;
	}
	
	div#inhalt form fieldset {
		border: none 0px;
	}
	
	div#inhalt form label[for=mailformKatalog] {
		width:240px;
		clear:both;
	}
	
	div#inhalt form input.csc-mailform-check {
		width:15px;
		/* margin-left:190px; */
		background-color:white;
		display:block;
		margin-right:0px;
		float:none;
		clear:right;
	}
	
	/* NUR IE7 */
	*:first-child+html div#inhalt form input.csc-mailform-check  {
			margin-left:240px;
	}
	
	
	div#inhalt form label[for=mailformkontakt] {
		width:240px;
		clear:both;
	}
	
	div#inhalt form label span {
		width:240px;
		display:block;
		float:left;
	}

	
/* ****
** RECHTE SPALTE
**************************** */	
	div#SpalteRechts {
		float:right;
		width:311px;
		margin-top: 0px;
		margin-left: 50px;
		padding-bottom: 25px;
		border-left-style:solid;
		border-left-color:white;
		border-left-width:4px;
		background-color: #CCEAFB;
		position:relative;
	}
	
	div#SpalteRechts h2, div#SpalteRechts h3, div#SpalteRechts h4, div#SpalteRechts h5 {
		margin-top: 24px;
		margin-bottom: 21px;
		margin-left: 24px;
		color: #29257b;
		font-size:14px;
		letter-spacing: 1px;
		text-transform:uppercase;
	}
	
	div#SpalteRechts p {
		margin-top: 0px;
		margin-bottom: 12px;
		margin-left: 24px;
		color: #29257b;
		padding-right: 24px;
		}
	
	div#SpalteRechtsHG {
		position:absolute;
		top: 0px;
		right: 0px;
		height: 100%;
		width:311px;
		border-left-style:solid;
		border-left-color:white;
		border-left-width:4px;
		background-color: #CCEAFB;
		z-index:0;
	}

/* ****
** FUSSZEILE
**************************** */	
	
	p#fusszeile {
		clear:both;
		height: 21px;
		width:985px;
		line-height: 21px;
		background-image:url(/fileadmin/template/media/hg_fusszeile.gif);
		background-repeat:repeat-y;
		text-align:right;
		padding-right:10px;
		border-top-style:solid;
		border-top-color:white;
		border-top-width: 4px;
		position:absolute;
		margin-bottom:0px;
		bottom:0px;
		left:0px;
		z-index:500;
	}
	
	p#fusszeile a {
		color: black;
	}