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

/*
	
	Farbdefinitionen:
	
	font:	#4c403c
	gold:	#ad8928
	rot:	#e85d0f
	gelb:	#ffba00
	

*/

/* muli-300 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/muli-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Muli Light'), local('Muli-Light'),
       url('fonts/muli-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-300.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-300italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/muli-v11-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Light Italic'), local('Muli-LightItalic'),
       url('fonts/muli-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-300italic.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/muli-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Italic'), local('Muli-Italic'),
       url('fonts/muli-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v11-latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}

*, pre {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	text-decoration: none;
	color: inherit;
	vertical-align: baseline;	
}


body {
	font-family: 'Muli', sans-serif;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 0px;
	color: #4c403c;
	background-image: url(images/bg_body_ext.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #ffffff;
	margin: 0;
}


.fleft	{	float: left;	}
.fright	{	float: right;	}
.cleft	{	clear: left;	}
.cright	{	clear: right;	}
.cboth	{	clear: both;	}


a:hover {
	cursor: pointer;
}


.font_rot  { color: #e85d0f; }
.font_gold { color: #ad8928; }
.font_gelb { color: #ffba00; }


.regular {
	font-weight: 400;
}


div.text p {
	margin-bottom: 15px;
}

ul {
	margin: 0px 0px 0px 15px;
}



div.startseite {
	font-size: 17px;
}





/* Kontaktformular */

div.form_item {
	margin-bottom: 15px;
}

div.form_input {
}
div.form_input input {
	width: 400px;
	padding: 1px 2px;
	margin-bottom: 3px;
}
div.form_input textarea {
	width: 400px;
	height: 200px;
	padding: 1px 2px;
	margin-top: 3px;
}

div.form_label {
	font-size: 14px;
}


input#submit_button {
	color: #ffffff;
	background-color: #ad8928;
	padding: 2px 10px;
	border-radius: 8px;
}





/*
	Pagelayout
*/


div#main {
	width: 980px;
	margin: 0px auto 0px auto;
	min-height: 1800px;
}


div#menu {
	height: 65px;
}


div#content {
	margin-top: 52px;
	min-height: 1020px;
	background-repeat: no-repeat;
	background-position: 45px 0px;
}


div.spalte_links {
	position: relative;
	width: 445px;
	margin: 0px 0px 0px 42px;
}

div.spalte_rechts {
	position: relative;
	width: 445px;
	margin: 0px 30px 0px 0px;
}

div.spalte_mitte {
	position: relative;
	width: 900px;
	margin: 20px 0px 150px 42px;
}


div.kreislink {
	position: absolute;
	z-index: 100;
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}
div.kreislink_klein {
	position: absolute;
	z-index: 100;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}


div.infobox {
	position: absolute;
	z-index: 110;
	font-size: 17px;
	font-weight: 300;
	text-align: left;
}





/*
	Menü
*/

div#menu_level1 {
	background-color: #ad8928;
	height: 33px;
	padding-left: 148px;
}

div#menu_level1 > div.menu_item {
	position: relative;
	padding: 5px 50px 0px 0px;
}
div#menu_level1 > div.menu_item > a {
	font-size: 17px;
	color: #ffffff;
}
div#menu_level1 > div.menu_item > a:hover,
div#menu_level1 > div.menu_item > a.selected {
	color: #ffba00;
}


div#Submenu1,
div#Submenu2 {
	display: none;
	position: absolute;
	z-index: 100;
	top: 33px;
	left: -10px;
	background-color: #ad8928;	
}
div#Submenu1 div.popup_menu_item {
	width: 280px;
	border-top: 1px solid #ffffff;
	padding: 5px 10px;
}
div#Submenu2 div.popup_menu_item {
	width: 150px;
	border-top: 1px solid #ffffff;
	padding: 5px 10px;
}

div#Submenu1 div.popup_menu_item a,
div#Submenu2 div.popup_menu_item a {
	font-size: 16px;
	color: #ffffff
}
div#Submenu1 > div.popup_menu_item > a:hover,
div#Submenu1 > div.popup_menu_item > a.selected,
div#Submenu2 > div.popup_menu_item > a:hover,
div#Submenu2 > div.popup_menu_item > a.selected {
	color: #ffba00;
}




div#menu_level2 {
	height: 31px;
	overflow: hidden;
	padding-left: 148px;
}

div#menu_level2 div.menu_item {
	padding: 4px 17px 0px 0px;
}
div#menu_level2 div.menu_item a {
	font-size: 16px;
	color: #ad8928;
}
div#menu_level2 div.menu_item a:hover,
div#menu_level2 div.menu_item a.selected {
	color: #e85d0f;
}