html, body {
margin-top:0;
margin-bottom:7px;
padding:0;
}
body {
background-color: #FFEED5;
text-align: center; /* fuer IE_quirks */
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 78%;
}

/* ---- mainboxes ---- */
#main {
position: relative;
margin-right:auto;
margin-left:auto;
width: 760px;
background-color: #E1E1E1;
background-image:url(/fileadmin/include/hintmain_01.gif);
color: #000;
text-align: left;  /* IE_quirks */
}


/* ---- Banner ---- */
#header {
margin-top:0px;
height: 119px;
border-top: 8px solid #D37B16;
background-color: #FFFFFF;
background-image:url(/fileadmin/include/banner_01.jpg);
z-index: 2;
}

#navob-kontakt {
	position: absolute;
	margin-top:10px;
	right: 145px;
	width: auto;
	top:0px;
	background-color: transparent;
	z-index: 3;
}

#logo {
position: absolute;
margin-top:8px;
top:0px;
right: 15px;
width: 84px;
z-index: 20;
} 



/* ---- Box für obere Navi ---- */
#navigat {
width: 460px;
margin: 0px 0 0 0px;
padding: 97px 0px 2px 180px;
}

/* ---- Box für Content-Bereich ---- */
#content {
background-color:#F2F2F2;
color: #000;
margin: 0px 114px 0px 180px;
padding: 22px 10px 20px 17px;
min-height:350px;
}

#content-book {
background-color:#F2F2F2;
background-image:url(/fileadmin/include/hinbook_01.gif);
color: #000;
margin: 0px 0px 0px 200px;
padding: 22px 0px 20px 17px;
min-height:350px;
}


/* ---- links-Box für Navigation ---- */
#links-navi {
position: absolute;
top: 127px;
left: 0;
width: 180px;
padding: 20px 0 30px 0;
/* min-height:355px; */
background-color: #E1E1E1;
background-image:url(/fileadmin/include/hintnav_01.gif);	
}

#nav-headline {
padding: 2px 0 2px 5px;
margin: 0px 0px 12px 10px;
font-family: verdana, arial, helvetica;
font-size: 0.8em;
font-weight: bold;
text-align: left;
color: #000000;
letter-spacing: 0.5pt;
border-bottom: 1px solid #A96212;
}

/*** nav-headline Links ***/
#nav-headline a, #nav-headline a:visited {
text-decoration: none;
color: #000;
}

#nav-headline a:hover, #nav-headline a:active, #nav-headline a:focus {
text-decoration: none;
color: #985A12;
}

#links-navi ul, #links-navi li { 
margin:	0;
padding: 0;
}


/* rechts-Box für Teaser */
#rechts-box {
	position: absolute;
	top: 129px;
	right: 0;
	width: 109px;
	padding: 36px 0 20px 5px;
	min-height:250px;
	background-color: transparent;
	z-index: 15;
}

/* Box für Newsletter-Formular */
#formletter {
position: relative;
left: 0px;
width: 430px;
}

/* Box für Kontakt-Formular */
#kontakt-left { 
float: left;
width: 140px;
}
#kontakt {
float: right;
width: 200px;
clear: both;
}

/* Box für Footer */
#footer {
text-align:center;
font-size: 8pt;
color: #A96212;
border-top: 1px solid #D37B16;
padding: 2px 13px;
margin: 0px 114px 2px 180px;
background-color: #E1E1E1;
background-image:url(/fileadmin/include/hin_grau_01.gif);
}



#header #logo {
margin: 0;
border: 0 none;
}



/* ---- Textauszeichnungen  */
h1 {
	font-size: 118%; /* ca. Standard 14px Fett - Schwarz */
	color: #000;
	line-height: 1.3em;
	margin: 0;
}
h2, h3, h4, h5, h6 {
	font-size: 100%; /* ca. Standard 12px Fett - Schwarz */
	color: #000;
	line-height: 1.2em;
	margin: 8px 0 4px 0;
}
h3 {
	font-size: 106%; /* ca. Standard 12px Fett - Braun */
	font-weight:bold;
	color:#874800;
}
h4 {
	font-size: 93%; /* ca. Standard 11,5px Fett - Schwarz */
	line-height: 1.1em;
}
h5 {
	font-size: 82%; /* ca. Standard 10px - Schwarz */
	font-weight:normal;
	line-height: 1em;
	margin: 7px 0 2px 0;
}
h6 {
	font-size: 78%; /* ca. Standard 9,5px Fett - Schwarz */
	font-weight:normal;
	line-height: 1em;
	margin: 7px 0 2px 0;
}




/* ----- Text-Formate  */
#content p.bodytext, #content-home p, #content-book p {
line-height: 1.3em;
overflow:hidden;
}
#content p.bodytext, #content-book p {
line-height: 1.3em;
margin: 7px 0 4px 0;
}

#content ul {
margin:	0px 0 9px 3px;
padding: 0 0 0 1em;
list-style: square outside;
}
#content li {
	margin:	0;
	padding: 0 0 .3em 0;
}

.standard-big {
font-weight: bold;
}

.cursiv {
	font-style: italic;
}
.small {
font-size: 82%;
line-height: 120%;
}
.small-big {
font-size: 82%;
line-height: 120%;
font-weight: bold;
}


img {
border: none;
}
.X-Rot {
color:#FF0000;
}
.rot {
color:#FF0000;
}
.txt_rechts {
font-size: 82%;
text-align: right;
}

/* --- Tabellen  --- */

table .contenttable {
font-size: 82%;
border: 1px solid #E5CFB5;
}
table .contenttable td {
font-size: 82%;
padding: 5px;
}
table .contenttable .tr-0 {
font-size: 82%;
background-color: #FFF;
}


.tabHead {
background-color: #F0F0F0;
font-size: 82%;
font-weight: bold;
}
.tabHell {
background-color: #FFF;
font-size: 82%;
}
.tabHell-Big {
background-color: #FFF;
font-size: 82%;
font-weight: bold;
}
.tabGround {
background-color: #C3D6A1;
}

/* Links */
#content .bodytext a, #content .bodytext a:visited {
text-decoration: none;
padding: 0 1px 1px 1px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #F2F2F2;
color: #CF6F00;
overflow:hidden;
}

#content .bodytext a:hover, #content .bodytext a:focus {
text-decoration: none;
padding: 0px 1px 1px 1px;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background-color: #ECCEA0;
color: #000;
overflow:hidden;
}

.br-leer {
/* display: none; */
font-size: 0.4em;
border-bottom: 1px solid #ffffff;
}

.linie {
/* display: none; */
font-size: 0.4em;
border-bottom: 1px solid #D37B16;
width: 100%;
}

.bild-teaser {
margin: 2px 10px 6px 0px;
float: left;
clear:left;
}

.bild-links2 {
margin: 0px 40px 6px 0px;
float:left;
clear:left;
}
.bild-links3 {
margin: 0 5px 6px 0;
float:left;
clear:left;
}

.bild-rechts {
margin: 2px 0 6px 10px;
float:right;
clear:right;
}
.bild-rechts2 {
margin: 2px 0 6px 5px;
float:right;
clear:right;
}

/* ---- Footer */
#footer a {
text-decoration: none;
padding: 1px 10px 2px 10px;
}

/* --- others */
.breadcrubs {
padding: 0px 10px 3px 22px;
}

.fo-nav {
padding: 0px 0px 0px 100px;
}

.fo-leer {
background-color: #FFF;
padding: 0px 0px 0px 128px;
}

/* others */
.invis {
display: none;
}


/* ------- Kontakt-Formular  ------------------ */
.csc-mailform {
border:1px dotted #F2F2F2;
}

.form_row {
	font: normal 0.8em verdana, arial, sans-serif;
	margin: 2px 0;
	padding: 2px;
}

label {
	width: 80px;
	display: block;
	float: left;
	text-align:right;
	padding: 2px 10px 0px 0px;
}

label:hover { text-decoration: underline; cursor: pointer; }

input, textarea, select, .inp-search { 
	font: normal 9.5pt verdana, arial, sans-serif;
	color: #000000;
	width: 180px !important;
	border: 1px solid #ECCEA0;
	padding: 2px;
	background-color: #fff;
}

.inp-plz { 
	font-size: 9.5pt;
	color: #000000;
	width: 50px !important;
	border: 1px solid #ECCEA0;
	background-color: #fff;
}

.radio-b { 
	width: 15px !important;
	border: 0px solid #fff;
	margin: 2px 0 0 0;
	padding: 2px 0 0 2px;
	background-color: #fff;
}
.inp-checkbox {
	font: normal 9.5pt verdana, arial, sans-serif;
	width: 20px !important;
	border: 1px solid #ECCEA0;
	background-color: #fff;
}
.inp-search {
	font: normal 9pt verdana, arial, sans-serif;
	width: 86px !important;
	border: 1px solid #ECCEA0;
	background-color: #fff;
}

textarea {
width: 240px !important;
height: 80px;
overflow: auto;
}

input:focus, textarea:focus { border: 1px solid red; }

button, .button, .csc-mailform-submit, .tx-indexedsearch-searchbox-button {
	font: normal 9.5pt verdana, arial, sans-serif;
	color : #000;
	background-color: #ECCEA0;
	padding: 2px 0px 0 0px;
	margin: 10px 30px 0 92px;
	width: 244px;
	text-align: center;
}

.button, .csc-mailform-submit  {
	background-color: #EED7B7;
	padding: 1px 2px 0px 2px;
	margin: 10px 0 0 0;
	width: 140px;
}
div.csc-mailform-field .csc-mailform-submit  {
width: 180px;
margin-left:92px;
}

.tx-indexedsearch-searchbox-button {
width: 187px;
margin: 10px 0px 0 0px;
}

.searchbutton {
	font: normal 9pt verdana, arial, sans-serif;
	background-color: #ECCEA0;
	padding: 0px 2px;
	margin:0 0 0 3px;
	width: 62px;
}

.csc-mailform-field {
margin-bottom:3px;
}

#content .csc-sitemap a, #content .csc-sitemap a:visited,
div.tx-indexedsearch-searchbox a:link, div.tx-indexedsearch-searchbox a:visited,
div.tx-indexedsearch-browsebox ul li a:link, div.tx-indexedsearch-browsebox ul li a:visited,
table a:link, table a:visited {
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #ffffff;
color: #985A12;
}

#content .csc-sitemap a:hover, div.tx-indexedsearch-searchbox a:hover, table a:hover, div.tx-indexedsearch-browsebox ul li a:hover {
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #ffffff;
color: #000;
}


/**** Styles für Extension "tx_indexedsearch"
********************************************/
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:250px; }
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch-clear { clear:both; margin-bottom:1em; }
.tx-indexedsearch-res-output { width:100% }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background-color:#F9F9F9; padding:0 2px; margin-bottom:2px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { text-align:right; padding:0 2px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background-color:#E9E9E9; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { color:#006699; margin-top:0px; margin-bottom:2px; background:transparent; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; margin-bottom:2px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; margin-bottom:2px; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color: #666666; margin-bottom:2px; }
.tx-indexedsearch-sw, .csc-sword, .tx-indexedsearch-redMarkup { padding:0 0.3em 0 0.3em; background:#F8E2C5; border: 1px #fff solid; color:cc0000; }

div.tx-indexedsearch-browsebox {margin:0 0 15px 0; width:100%; overflow:hidden; }
div.tx-indexedsearch-browsebox ul {width:415px; margin:0; }
div.tx-indexedsearch-browsebox ul li {
text-decoration: none;
display:inline;
width: 70px;
margin:0 5px 0 0;
float:left;
}

.res-tmpl-css {padding-bottom:10px;
border-bottom:1px solid #F9F9F9;}

.res-tmpl-css h3 a {
color:#985A12;
padding:0 25px 0 2px;
}

.res-tmpl-css .percent-tmpl-css {
font-weight:normal;
background-color:#f9f9f9;
padding:0 2px;
}

.searchbox-tmpl-css {padding-top:20px;}
.searchbox-tmpl-css form fieldset, .tx-indexedsearch-searchbox form fieldset {border:0px solid #F2F2F2;}

.tx-indexedsearch-searchbox form fieldset legend {display:none;}

.tx-indexedsearch-form label {width: 90px; text-align:left;}
.tx-indexedsearch-search-submit {padding-left:103px;}


/***** FontSize *****/
.selectFontSize {margin-left:10px;}
.selectFontSize p {margin:0}

.navitems {
cursor:pointer;
float:left;
}

#uportselect {
background-color:#F2F2F2;
color: #000;
}

#uportselect .eventlist-head {
background-color:#F2F2F2;
color: #000;
}

.csc-header csc-header-n1 {margin:0; padding:0;}

.csc-textpic-caption {
font-size: 78%; /* ca. Bildunterschrift 9,5px */
padding-top:4px;
}