/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0; vertical-align: top }
.zf    { overflow: hidden; zoom: 1 }

body       { background-image: url("../../media/gfx/layout/body_bg.jpg"); background-repeat: no-repeat; background-position: left 300px }
body      { background-color: #ffffff; }

/* Stile fuer Layoutelemente */
#wrapperout  { position: relative; }
#wrapperin   { width: 960px; }

#mood  { position: absolute; top: 0; left: 0; width: 100%; height: 410px; }
#mood  { background-image: url("../../media/gfx/layout/mood_bg.jpg"); background-repeat: no-repeat; background-position: 450px top; }

#left { float: left; width: 235px;  }
#contentwrap {  float: left; width:715px;  }

#wrapperin, #left, #contentwrap { overflow: hidden; zoom: 1; position: relative; }

/*
#contentwrap {  margin-left: 235px; width:715px; position: relative  }
html>/**/
/*body #contentwrap { float:left; margin-left:0px } /* Good Browsers*/

#claim { text-align: right; height: 165px }
#claim img { margin: auto; margin-top: 67px }

.clfl { clear: both; height: 1px; overflow: hidden; margin: 0; background-color: transparent }


#logo {  }
#logo img { margin-top: 8px }
#logo h1 span { display: none }

#contenthead h2   { background-image: url("../../media/gfx/layout/h2_bg.gif"); background-repeat: no-repeat; background-position: left 23px; margin-bottom: 20px }
#contenthead h2 img { margin-left: 30px; position: relative  }


#nav    { margin-top: 5px }
#content { margin-bottom: 30px; margin-right: 12px; position: relative }


#footer  { height: 110px; overflow: hidden; padding-top: 1px  }
#footer  { background-image: url("../../media/gfx/layout/h2_bg.gif"); background-repeat: no-repeat; background-position: left top; }
#subnav  { float: right; }




/*= NAV 1 ========================================== */
.nav1ul, .nav1ul ul  { list-style-type: none }
.nav1ul              { margin-left: 35px } 


.nav1li, .nav1lia      { position: relative; margin-bottom: 1px; background: #ffffff }
.nav1li img, .nav1lia img {  vertical-align: bottom }
.nav1ul a  { display: block; font-size: 12px; font-weight: normal; text-decoration: none;    }
.nav1ul a:focus { border: 0; outline: 0 }

.nav1a, .nav1a:link, .nav1a:visited  { color: #fff; }
.nav1a:hover { font-style: italic; font-weight: bold }

.nav1aa, .nav1aa:link, .nav1aa:visited, .nav1aa:hover  {font-size: 12px; font-style: italic; font-weight: bold; }



/*- NAV 2 ------------ */
.nav2ul { overflow: hidden; padding-bottom: 10px; margin-left: 30px; } 
.nav2ul { background: url("../../media/gfx/layout/nav2_ul_bg.gif") bottom left no-repeat;  } 

.nav2li, .nav2lia      { }
.nav2li a, .nav2lia a  { padding: 4px 10px 4px 12px; font-weight: normal; display: inline-block; }
.nav2li a, .nav2lia a  { font-size: 10px; line-height: 12px; color: #999999; text-decoration: none; }

.nav2a, .nav2a:link, .nav2a:visited  { }
.nav2a:hover { color: #333333 }

.nav2aa, .nav2aa:link, .nav2aa:visited, .nav2aa:hover  { color: #007e99 }



#subnav ul { list-style-type: none; color: #007e99; }
#subnav li { display: inline }
.subnav1a, .subnav1a:link, .subnav1a:visited, 
.subnav1aa, .subnava1a:link, .subnav1aa:visited { font-size: 11px; line-height: 30px; color: #007e99; padding: 4px 8px; text-decoration: none; }
.subnav1a:hover, 
.subnav1aa:hover { color: #333333; text-decoration: underline }

/* ================================================ */

/* Typo3 - Elemente Formatierung */
/* Linke Spalte --> Text */

.contentelement { margin-left: 45px; position: relative }

.csc-textpic-text { margin-right: 175px }
.tabbertab .csc-textpic-text  { margin-right: 20px;  }
#contentleft .contentelement {  }

.csc-textpic-intext-right .csc-textpic-text, .contenttablewrap {  }
.csc-textpic csc-textpic-intext-right {  }
.content-text { padding: 4px 0 }

/* Rechte Bildspalte */
.csc-textpic-imagewrap {  }
/*.csc-textpic-imagewrap dl { padding: 0 !important; margin: 5px 0 0 0 !important; position: relative }*/
.csc-textpic-image dt img { border-bottom: 1px solid #007e99 }
.csc-textpic-caption { padding-top: 5px; padding-bottom: 20px; }

#content .ctype-image .csc-textpic-image { padding: 0 5px 3px 0 !important; margin: 0 !important }

/* Textstile */
body,h1,h2,h3,p,table,a,form,input,textarea, select   { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #555555; line-height: 17px }


#content *   {  }
#content h3  { color: #007e99; font-weight: bold; padding:  15px 0 0 0;  }


#content p, #content ul, #content ol   { margin: 2px 0 10px 0; }
#content p  { text-align: justify}
#content ul, #content ol { margin-left: 15px;  }
#content ul { list-style: square }
#content li { font-weight: bold; color: #007e99 }
#content li span { font-weight: normal; color: #555555;  }


#content table { border: 1px solid #007e99; width: 100%; margin: 10px 0  }
#content thead { background-color: #007e99; color: #fff }
#content td, #content th { padding: 5px; text-align: left; vertical-align: top } 
#content td { border-top: 1px solid #007e99; }
#content td p { text-align: left }

.csc-textpic-caption, .csc-textpic-caption a, .csc-textpic-caption a:link { font-size: 10px !important; font-style: italic; line-height: 12px }
#content a:link, #content a:visited, #content a:active { }
#content a:hover { color: #007e99 }

#content .zeile { overflow: hidden; zoom: 1; margin: 4px 0 }
#content .zeile label { display: block; float: left; width: 100px; }
#content .zeile .form-input { background-color: #fff; border: 1px solid #ccc }
#content .zeile .form-submit { margin-left: 100px;  }

/* FV 2009-02-22 */
p.absatzliste { line-height: 18px }
span.tab150px { float: left; width: 170px; }
span.tab100px { float: left; width: 75px; }
span.bluebold { color: #007e99; font-weight: bold }

#content td.tdLinksLabel { width: 250px; }

/* ================================================ */

/*=== ACCORDION =================================== */
.acc h3      { background: url("../../media/gfx/layout/arrow_inactive_m.gif") no-repeat left center; padding: 5px 15px !important; }
.acc h3.act  { background-image: url("../../media/gfx/layout/arrow_active_m.gif"); }
.acc h3      {  }
.acc h3.odd  {  }
/*.open-all, .close-all { float: left; padding: 3px 10px; margin-right: 10px; cursor: pointer }*/