/*
 blau: #60868f
 hellblau #bfcfd2
 braun: #A79179
 dunkelbraun: #796959
 lila: #C45AA2
*/

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


/***************************************
 eigene Blöcke
****************************************/



/***************************************
 HTML
****************************************/
BODY {
  background: url(img/bg.gif);
  background-color: #FFF;
  font-size: 100.01%;
  font-family:Verdana,Arial,sans-serif;
  padding-bottom: 2px;}
img {
  border:0}
P, li, dt, dd {
  line-height: 150%;
  margin: 14px 0px;
  font-size: 1em}
li {
  margin: 8px 0px}
ol, ul {
  margin-left: 22px;}
ul P, dd P {
  margin: 0px}
dt {
  font-weight: bold}

H1 {
  font-size: 1.5em;
  line-height: 100%;
  margin: 20px 0px}
H2 {
  font-size: 1em;
  line-height: 100%;
  margin: 16px 0px 5px 0px}
H3 {
  font-size: 1em;
  line-height: 100%;
  margin: 16px 0px 5px 0px }
H4 {
  font-size: 1.1em;
  line-height: 100%;
  font-weight: bold }

/* In Text Hyperlinks */
a:link, a:visited, a:active {
  text-decoration: none }
a:hover {
  text-decoration: underline }

/* Forms Fields */
SELECT {
  font-family: fixed,monospace;
  font-size: 1.1em }
TEXTAREA {
  font-family: fixed,monospace;
  font-size: 1.1em;
  border: 1px solid #666   }
INPUT {
  font-family: fixed,monospace;
  font-size: 1.1em;
  border: 1px solid #666    }
LABEL {
  clear:both;
  width: 120px;
  display:block;
  float:left;}
FIELDSET {
  border:none}

code {
	font-family: fixed,monospace;
	color: #000066;
}

blockquote {
	margin: 10px 2em;
        padding: 2px;
        background-color: #eeeeee
}

cite {
       border-bottom: 2px solid #ccc
}

kbd {
        letter-spacing: 0.3em;
        border: 1px solid #000;
	font-family: fixed,monospace;
        padding: 0px 2px;
        white-space: nowrap;
}

pre {
	margin: 10px 5px 10px 0px;}

samp {
	font-family: fixed,monospace;
	color: #006600;
}

var {
       	font-family: fixed,monospace;
	color: #660000;
        font-style: normal;
}

/***************************************
 eigene Styles
****************************************/
.clearfix {
  clear:both}


p.blockcode {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 2px;
  margin-left: 10px;
  margin-right: 10px}
p.beispiel {
        border: 2px solid #006633;
        padding: 4px}


.explanation {
        background: url(../images/bg_explanation.gif) no-repeat left;
        padding-left: 12px;
        color: #aaa;
        margin: 0px 6px}

.file {
       	font-family: fixed,monospace}

.hint  {
        background: url(../images/bg_hint.gif) no-repeat left;
        padding: 2px 18px;
        border: 1px dotted red}

.links {
        font-weight: bolder;
        background-color: #F6A500;
        border: 3px solid #005094}


/* BOX oben */
#top {
  background: url(img/bg_service_navi.gif) repeat-x white;
  font-size: 65%;
  font-weight:bold;
  height: 48px;
  overflow:hidden;
  text-transform:uppercase;
  letter-spacing: 0.02em;
  margin-left: 4px;
  margin-top: 4px;  }


/* Service Navigation */
#service-navi {
  text-align:right;
  width: 1004px}
#service-navi div {
  background:white;
  height: 16px;
  float:right;
  width: auto;
  padding: 4px 16px; }
#service-navi a {
  color: #60868f;}
#service-navi a:hover {
  color: #B79F85;
  text-decoration: none }
#service-navi .seperator {
  padding-left: 0px;}
#service-navi .seperator a {
  padding-left: 26px;
  background: url(img/seperator_blue.gif) no-repeat;
  background-position: left center}

* html #service-navi div {
  height: 24px;}
/* Bottom Navigation Menu */

/*#topnavi {
 position:absolute;
  top: 30px;
  left: 303px;
  font-size:65%;
  font-family: Verdana,Arial,sans-serif;
  text-transform:uppercase;
  z-index: 3}*/
#top-navi1 {
  clear:both;
  margin-left: 303px;
  padding-top: 4px;
  text-transform:uppercase;
  height: 3.2ex;
  background:white;}
#top-navi1 ul {
  padding: 0px;
  margin:0px;
  padding-left: 20px}
#top-navi1 li {
  float:left;
  margin: 0px 5px;
  list-style-type: none;}
#top-navi1 li a {
  color: #B79F85;
  font-weight:bold;
  display:block;}
#top-navi1 li a:hover {
  text-decoration: none;
  color: #60868f}
#top-navi1 li.seperator {
  padding-left: 46px;
  background: url(img/seperator_brown.gif) no-repeat;
  background-position: 13px center}
#top-navi1 li.navi_act a {
  color: #8aa6ad}

#floater-navi2 {
  width:100%;
  overflow:hidden}
#top-navi2 {
  margin-left: 304px;
  background: #bfcfd2;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
  font-size:65%;
  font-family: Verdana,Arial,sans-serif;
  text-transform:uppercase;
  height: 8.6ex}
#top-navi2 ul {
  padding: 0px;
  margin:0px;
  padding-top: 2px;
  width: 100%;
  height: 8.6ex}
#top-navi2 li {
  margin:0;
  padding: 2px 0px;
  list-style-type: none;}
#top-navi2 li a {
  font-weight:bold;
  color: #60868f;
  display:block;}
#top-navi2 li a:hover, #top-navi2 li.navi_act a {
  text-decoration: none;
  color: white}
#top-navi2 li.seperator {
  padding-left: 36px;
  background: url(img/seperator_brown.gif) no-repeat;
  background-position: 13px center}


#main {
  min-height: 232px;
  background: url(img/logo.gif) no-repeat 1px top;}
#claim {
  height: 0;
  overflow:hidden;
  color: #A79179;
  font-size: 5px}
* html #claim {
  d\isplay:none; }

#boxes {
  position:relative;
  /*top: -50px*/}
* html #boxes { top: -6px}
* html #boxes { t\op: 0px}

.box {
  width: 447px;
  position:relative;
  background: url(img/bg_right_2.gif) repeat-y top right white }
#box_left {
  position:absolute;
  top: 148px;
  left: 64px;
  }

#box_right {
  top: 14px;
  left: 564px;
  margin-bottom: 100px}
.bg_top_left {
  background: url(img/bg_top_left.gif) no-repeat;
  height: 26px;
  width: 447px;
  text-align:right}
.shadow_bottom {
  height: 16px;
  width: 447px;
  background: url(img/bg_right_bottom.gif) right no-repeat;}

#box_right .content_box {
  min-height: 400px;}
.content_box {
  font-size: 65%;
  color: #796959;
  width: 397px;
  padding: 0px 15px;
  overflow:hidden}
* html .content_box {
  width: 427px}
.content_box h1 {
  color: #60868f;
  text-transform:uppercase;
  letter-spacing:0.05em;
  border-bottom: 2px dotted #B79F85;
  font-weight: bold;
  padding: 0;
  line-height: 130%;
  margin: 10px -13px 13px -13px;
  padding-bottom: 12px;
  /*background: url(img/bg_h1.gif) left top repeat-x*/}
.content_box h2 {
  color: #60868f;
  text-transform:uppercase;
  letter-spacing:0.05em;
  padding: 0;
  font-weight: bold;
  margin: 16px 0px 14px 0px;}
.content_box h3 {
  text-transform:uppercase;
  letter-spacing:0.05em;
  padding: 0;
  font-weight: bold;
  margin: 16px 0px 14px 0px;}
.content_box h1 span {
  background: white;
  display:block;
  padding: 0px 13px;}
.content_box a {
  color: #C45AA2;
  font-weight: bold}
.content_box div.hr {
  width: 100%;
  clear:both;
  margin-top: 10px;
  background-image: url(img/seperator_blue.gif);
  height: 6px}
.content_box div.hr hr {
  display: none;}
.content_box li {
  list-style-image: url(img/list-image.gif);}

.content_box .next  {
  float:right;
  text-align:right}
.content_box .pagebrowser  {
  margin-top: 8px;
  width:185px}



#bottom_line {
  margin: 0px -13px;
  padding: 15px 15px 5px 15px;
  border-top: 2px dotted #B79F85;
  text-align: right;
  margin-top: 20px;
  clear:both;
  display:block}
#bottom_line img {
  float:right;
  margin-left: 4px}
#bottom_line div {
  margin-right: 180px}

/*Typo3 Menüs */
ul.csc-menu {
  margin:0;
  width: 300px;}
ul.csc-menu li {
  list-style-type: none;
  margin:4px 0px;
  text-transform:uppercase;}
ul.csc-menu li a {
  color: #60868f;
  padding: 2px;
  display:block;
  width: 300px;}
ul.csc-menu li a:hover {
  color: white;
  text-decoration:none;
  background: #60868f}

.content_box .news-latest-date, .content_box .news-list-date  {
  color: #60868f;
  text-transform:uppercase;
  letter-spacing:0.05em;
  padding: 0;
  line-height: 150%;
  margin: 16px 0px 0px 0px;}
.news-latest-item, .news-list-item {
  margin-bottom: 32px;}
.content_box .news-latest-container-startseite h2, .content_box .news-list-item h2 {
  margin:  0px;
  line-height: 150%;}
.content_box .news-latest-container-startseite p, .content_box .news-list-item p  {
  margin-top: 0px;}

dd.csc-textpic-caption  {
  line-height: 110%;
  padding-top: 2px}
.csc-header-date {
  color: #60868f;
  text-transform:uppercase;
  letter-spacing:0.05em;
  padding: 0;
  line-height: 150%;
  margin: 16px 0px 0px 0px;}


/* Mailform Formattting */

.csc-mailform-field {
  padding: 4px 0px}
.csc-mailform-submit {
  margin-left: 120px}



/**********************************************
 * ist hier drunter alles alt ?
 **********************************************/
#box2-right ol, #box2-right ul {
  line-height: 140%;
  margin-left: 40px}
#box2-right li {
  margin-bottom: 4px}
#box2-right table {
  font-size: 1.0em}

#box2-right H1 {
  font-size: 1.6em;
  line-height: 100%;
  padding: 8px 6px 8px 30px;
  margin: 20px 0px 0px 0px;
  color: #8C2B24;
 /* background: url(img/bg_h1.gif) left no-repeat;*/
 border-bottom: 1px solid #8C2B24;}

#box2-right H2 {
  font-size: 1.4em;
  line-height: 100%;
  background:#ddd;
  padding: 2px 6px;
  margin: 16px 4px 5px 4px;
  color:  #8C2B24;
  border-bottom: 1px solid #B85C1E;
 /* border-top: 1px solid #B85C1E; */}
#box2-right H3 {
  font-size: 1.2em;
  line-height: 110%;
  padding: 2px 6px;
  margin: 16px 0px 5px 0px;
  color: #666;
  border-bottom: 1px solid #B85C1E;
  border-top: 1px solid #B85C1E; }
#box2-right H4 {
  font-size: 1.1em;
  font-weight: bold;
}

/* BOX links */
#box2-left h1 {
  font-size: 0.8em;
  margin: 3px 0px;
  font-weight: bold;
  word-spacing: 3px;
  border-left: 6px solid #F5B400;
  border-bottom: 1px solid #F5B400;
}
#box2-left p, #box2-left li {
  line-height: 110%;
  margin-left: 12px;
  font-weight: bold;
}

#box3-title {
height: 50px;
  padding-top: 36px;}



/* Rootline */
#rootline {
  font-size: 0.9em;
  color: #999;
  border-bottom: 1px dotted #999;
  margin-bottom: 10px;
  padding: 0}
#rootline a {
  color: #999;}
#rootline ul {
  list-style-type: none;
  margin: 0;}
#rootline li {
  display: inline;
  margin-left: 4px }




/* Search Formats */
.searchform {
 font-family : Verdana, sans-serif;
 font-size : 0.7em;
 color : #000000;
 font-weight : normal;
}
.searchresultpagetitle {
 font-family : Verdana, sans-serif;
 font-size : 1.0em;
 color : #333333;
 font-weight : bold;
}
.searchresultcontent {
 font-family : Verdana, sans-serif;
 font-size : 0.7em;
 color : #000000;
 font-weight : normal;
}
.searchresultheader {
 font-family : Verdana, sans-serif;
 font-size : 1.0em;
 color : #333366;
 font-weight : bolder;
}
.searchmarkup {
 color : #000000;
}


.loginform {
 font-family : Verdana, sans-serif;
 font-size : 1.0em;
 color : #000000;
 font-weight : normal;
}






.filelinks {
 font-family : Verdana, sans-serif;
 font-size : 0.8em;
 color : #000000;
}
.filelinkssize {
 font-family : Verdana, sans-serif;
 font-size : 0.8em;
 color : #000000;
}