@charset "UTF-8";
	/* padding: oben rechts unten links */

/*  Layout 
    ##################################################################################################### */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }


body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5e4b35;
	line-height: 20px;
	font-weight: normal;
	background-color: #aecc52;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(../images/maar_bg01.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

table {
	text-align: left;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #5e4b35;
	line-height: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


#container {
	width: 906px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0;
	border: 0px solid;
}

#header {
	position: relative;
	width: 900px;
	height: 120px;
	border: 0px solid;
	margin:0;
	padding: 0;
	margin-left:3px;
	margin-right:3px;
	background-image: url(../images/bg_schatten_header.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
}	

#logo img {
	border:0;
} 

#topmenu {
	position:absolute;
	left:445px;
	top: 86px;
	width:440px;
	height:32px;
	border-top:2px solid #a08a63;
	background-color:#f0e8d9;
	background-image: url(../images/bg_language_plain.gif);
	margin:0;
	padding:0;
}

/* topnavi/start */
#topnavi {
	position:relative;
	left:0px;
	top: 0px;
	width:255px;
	border:0px;
	padding:0px;
	margin:0px;
	float:left;
	font-size:12px;
}

#topnavi ul {
    width: 100%;
    margin: 0; 
	padding: 0;
  }

#topnavi ul li {
	/*list-style-image:url(../images/menu_bullet.gif);
	list-style-position:inside; */
	list-style-type:none;
    margin: 0 0 0 0; 
	padding: 0 0 0 0;
	display:block;
	float:left;
	border:0px;
	border-right:1px solid #fff;
  }

#topnavi ul a {
    display:block;
    padding:5px 15px 7px 20px;
    text-decoration: none; 
	font-weight:bold;
    border: 0px solid;
    color: #5e4b35;
	background-color:#f0e8d9;
	background-image:url(../images/topnavi_bullet.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
  }

#topnavi ul a:hover, #topnavi ul .active { /* li*/
    color: #c00715; 
	background-color: #e0d2b6;
	background-image:url(../images/topnavi_bullet2.gif);
}

/* topnavi /ende */

/* navi sprache/start */
#language {
	position:relative;
	width:155px;
	height:32px;
	text-align:left;
	background-image: url(../images/bg_language_plain.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
	margin-right:10px;
}

#language img {
	margin:0;
	padding:0px;
	margin-top:10px;
	margin-right:4px;
	border:1px solid #a08a63;
}

/* navi spreche/ende */

.content_container_balken {
	position: relative;
	width: 906px;
	height:18px;
	border: 0px solid;
	margin:0;
	padding: 0;
	background-image: url(../images/bg_schatten1.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.container_header_braun {
	position: relative;
	width: 900px;
	height:18px;
	background-image: url(../images/bg_container_header_braun.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:3px;
	margin-right:3px;
}

.content_container_linie {
	position: relative;
	width: 906px;
	height:1px;
	border: 0px solid;
	margin:0;
	padding:0;
	background-image: url(../images/bg_schatten2.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.content_container {
	position: relative;
	display:block;
	width: 906px;
	border:0px solid;
	margin:0;
	padding: 0;
	background-image: url(../images/bg_schatten3.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.content_container_bg {
	position: relative;
	display:block;
	width: 900px;
	border: 0px solid;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_verlauf_blau.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left:3px;
	margin-right:3px;
}

.content_container_bg_pic {
	position: relative;
	margin: 0;
	padding: 0;
}

#content_col_left {
	position:relative;
	width:235px;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:0px;
	background-color:#FFF;
	float:left;
}

/* STYLES col left menu/start */
.menu {
	line-height: 25px;
	color: #5e4b35;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color:#f0e8d9;
	margin:0;
	padding:0;
	border:0px solid;
	border-top:2px solid #a08a63;
	border-bottom:4px solid #fff;
}

.menu ul {
    width: 100%;
    margin: 0; padding: 0;
    border: 0px solid;
  }

.menu ul li {
	/*list-style-image:url(../images/menu_bullet.gif);
	list-style-position:inside; */
	list-style-type:none;
    margin: 0 0 0 0; 
	padding: 0 0 0 0px;
  }

.menu ul a {
    display:block;
    padding:3px 4px 3px 18px;
    text-decoration: none; 
	font-weight:bold;
	line-height: 25px;
    border: 0px solid;
	border-bottom:1px solid #fff;
    color: #5e4b35;
	background-color:#f0e8d9;
	background-image:url(../images/menu_bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
  }

.menu ul a:hover {
    color: #5e4b35; 
	background-color: #e0d2b6;
}

.menu ul .active {
    color: #c00716;
	background-color: #e0d2b6;
}

.menu ul ul a {
    display:block;
    padding:3px 4px 3px 24px;
    text-decoration: none; 
	font-weight:normal;
	line-height: 25px;
    border: 0px solid;
	border-bottom:1px solid #fff;
	color: #5e4b35; 
	background-color: #e8ddc7;
	background-image:url(../images/submenu_bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;

  }

.menu ul ul a:hover {
    color: #5e4b35;
	background-color:#e0d2b6;
}

.menu ul ul .active {
    color: #c00716;
	background-color:#e0d2b6;
}

/* STYLES col left menu/ende */
#content_col_left .box_spacer {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	height:16px;
}

#content_col_right {
	position:relative;
	margin:0;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	margin-right:20px;
	width:605px;
	border-top:2px solid #a08a63;
	float:left;
	background:#fff;
}


#container_col_right {
	position:relative;
	margin:0;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	padding-bottom: 20px;
	padding-right: 20px;
	border:0px solid #000;
}

/* STYLES col right/start */
#container_col_right a {
	font-weight:bold;
	color: #175c86;
}

#container_col_right a:hover, a:active { 
	text-decoration:none; 
	color: #3c7a9f;
}

#container_col_right h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #9d875f;
	margin-right: 20px;
	line-height: 35px;
	font-style:normal;
	font-weight:bold;
	margin:0;
	padding:0 6px 10px 0;
	border:0px solid;
}

#container_col_right h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	color: #c00716;
	margin:0;
	padding:0 6px 10px 0;
}

#container_col_right h3 {
	color: #5e4b35;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	margin:0;
	padding:0 6px 10px 0;
}

#container_col_right p {
	margin:0;
	padding:0 6px 10px 0;
}

/* STYLES col right/ende */

.content_container_schatten {
	position: relative;
	display:block;
	width: 900px;
	border: 0px solid;
	margin:0;
	padding: 0;
	margin-left:3px;
	margin-right:3px;
}


#footer {
	position: relative;
	display:block;
	width: 900px;
	border: 0px solid black;
	padding: 8px 0 8px 0;
	margin:0 3px 0 3px;
	color:#FFFFFF;
	font-style:normal;
	font-size: 12px;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
}

/* URL */
a {
	font-weight:bold;
	color: #175c86;
}

a:hover, a:active { 
	text-decoration:none; 
	color: #3c7a9f;
}
.external-link-new-window {
	color: #175c86;
	text-decoration:none; 
}

ul {padding:0px; margin: 0px;}
li {padding:0px;  margin: 0px;margin-left:30px;}

/* STYLES über Typo3 */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border:0px solid black; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:5px 0 0 0;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:both;}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:5px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0; margin-top:3px; border-bottom:  1px solid #5e4b35;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:5px; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0px !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right:10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left:10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both; padding:0px; margin:0px;}
DIV.csc-textpic-above {clear:both; padding:0px; margin-left:-10px; margin-right:0px;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text { text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */

#content_col_left_box_container {
	padding:0 0 20px 0;
	margin:0;
	background: #fff;
}

/* STYLES col left box/start */
#content_col_left_box_container DIV.csc-header {
	position:relative;
	display:block;
	margin:20px 0 0px 0;
	padding:8px 6px 8px 6px;
	background:#d4e9f3; 
	background-repeat: repeat-x;
	background-position: left top;
	font-size:10px;
	font-weight:bold;
	border:0px solid;
	border-top:2px solid #00426a;
	color: #00426a;
}

#content_col_left_box_container DIV.csc-header-n1 {
	margin:12px 0 0 0;
}

#content_col_left_box_container DIV.csc-header h1 {
	font-size:14px;
	font-weight:bold;
	color:#00426a;
	margin:0;
	padding:0;
}

#content_col_left_box_container DIV.csc-header a {
	font-size:14px;
	font-weight:bold;
	color:#00426a;
	margin:0;
	padding:0;
}

#content_col_left_box_container DIV.csc-textpic-text {
	position:relative;
	display:block;
	margin:0;
	padding:3px 6px 6px 6px;
	background:#a4d3e7 url(../images/box_bg_verlauf_blau.png); 
	background-repeat: repeat-x;
	background-position: left top;
	border:0px solid;
}

#content_col_left_box_container DIV.csc-textpic {
	position:relative;
	display:block;
	margin:0;
	padding:3px 3px 6px 3px;
	background:#a4d3e7 url(../images/box_bg_verlauf_blau.png); 
	background-repeat: repeat-x;
	background-position: left top;
	border:0px solid;
}

#content_col_left_box_container DIV.csc-textpic DIV.csc-textpic-text {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	background-image: none;
	background-color: transparent; 
	border:0px;
}

#content_col_left_box_container P.bodytext {
	color: #00426a;
	margin:0;
	padding:0 0 3px 0;
}

#content_col_left_box_container DIV.csc-textpic-text .align-right {
	margin:0;
	padding:0 0 3px 0;
	text-align:right;
}
#content_col_left_box_container DIV.csc-textpic-text .align-right a {
	font-weight:bold;
	color: #175c86;
}


/* für linken Bereich - nur Bilder! */
#content_col_left_box_container DIV.csc-textpic-border{
	background: #fff;
	border: 0px solid white;
	margin:0px;
	padding:0px;
}
/* STYLES col left box/ende */

/* #############################
** ### Mail-Formular - Typo3 eigenes Formular ###########
** #############################
308a33*/
.form_border { border: 1px #a7a7a7 solid; padding: 10px;}
#mailformplusplus_contact_form { border-top:2px solid #a08a63; }
form#mailform fieldset{ border:none;  border-top:2px solid #a08a63;  padding:1em; }
form#mailform fieldset span.csc-mailform-radio fieldset {margin:1em 0.2em 1em 1em;}
form#mailform fieldset span.csc-mailform-radio fieldset input {width:auto; margin:0 0.3em 0 0; border:0;}
form#mailform fieldset span.csc-mailform-radio fieldset label {float:none;}
.csc-mailform-field {clear:both; margin-bottom:0.8em;}
form#mailform fieldset .csc-mailform-submit {float: right; }
fieldset.csc-mailform .csc-mailform-field label { float:left; text-align:left; padding:2px;}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, 
	fieldset.csc-mailform .csc-mailform-field textarea { border:1px solid #9d875f; }
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {width:auto; border:0; margin-top:0.2em;}
fieldset.csc-mailform .csc-mailform-field textarea{font-size:1em;}
fieldset.csc-mailform .csc-mailform-label {padding:5px 0px;}
fieldset.csc-mailform label span {}
.csc-mailform-field .csc-mailform-submit {
	width: 150px;
	border: #9d875f solid 1px;
	padding:0px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5e4b35;
	height:20px;
	background-color: #ffffff;
	
	padding:0 3px 2px 3px ;
	margin: 10px 80px 7px 0px;
	float: right;
}

.csc-mailform-submit_plus {
	color: #5e4b35;
	width: 150px;
}

input#mailformformtype_mail:hover {background:#ffffff;}
.csc-mailform-field select { border:1px #9d875f solid; background:#ffffff; color:#9d875f;}

.csc-mailform-field input { width: 360px;}
.csc-mailform-field .csc-mailform-field fieldset  {width: 60%;}
.csc-mailform-field select { width: 360px;}
.csc-mailform-field textarea, select { width: 360px;}
.csc-mailform-field label {width: 20%; padding-right: 5%;}


.csc-mailform-label {padding-top: 20px; padding-bottom: 5px;}

/*/*//*/*//*/*  	Linie davor und danach		*//*/*//*/*/

.csc-frame-rulerAfter	{
	border-bottom:  1px solid #5e4b35;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.csc-frame-rulerBefore	{
	border-bottom:  1px solid #5e4b35;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.hinweis {
	background-color:red;
	color:#fff;
	padding:15px 15px 8px 15px;
	font-weight:bold;
	font-size:13px;
	line-height:7px;
	border: 1px solid gray;
}