body {
 margin:0px;
 padding:0px;
 font-family:arial,helvetica,verdana;
 font-size:12px;
 color:#6D6D6D;
 background:#E0E0E0;
}
* html body {
 text-align:center;
}

a img {border:none;}

#header {
 width:800px;
 height:107px;
 margin:0px auto;
 text-align:left;
 background-image:url(gfx/header.jpg);
}

#contentRoot {
 width:800px;
 margin:0px auto;
 text-align:left;
 background:#fff;
 background-image:url(gfx/gelb.gif);
 background-repeat:repeat-y;
}

#left {
 float:left;
 width:156px;
 background:#FBF2A3;
}

#right {
 float:left;
 width:644px;
 border:0px solid black;
}

#rootline {
 width:100%;
 height:22px;
 background:#C2C2C2;
 color:#6d6d6d;
 border-left:1px solid #fff;
}
#rootline span {display:block;padding:4px;margin-left:15px;font-weight:bold;}

#rootline a {
 text-decoration:none;
 color:#6d6d6d;
}

.menu {
 /*height:340px;*/
 font-family:arial;
}

#submenuroot {
 /*height:120px;*/
}

#cleft {
 float:left;
 width:340px;
 padding-left:15px;
 padding-bottom:20px;
 margin-top:20px;
}
#cleftall {
 float:left;
 width:600px;
 padding-left:20px;
 padding-bottom:20px;
 margin-top:20px;
}

* html #cleftall {width:630px;}

#cright {
 float:right;
 width:270px;
 margin-top:20px;
 padding-bottom:20px;
}



#kontaktmenu {/*height:90px;*/}
* html #kontaktmenu {margin-bottom:-150px;}
#kontaktmenu .menu li.noImg a {background-image:none;}

.clearing {
 clear:both;
}

/* 
*  Menu 
*/

/* 1.) Menu normaler Modus mit Pfeil links */
.menu {padding:0px;}

.menu ul {
    width: 100%;
    overflow: hidden;
    margin: 0em 0 0em 0;
    padding:0px;
    list-style-type: none;
    border-top: 0px #ddd solid;
}
.menu ul { list-style-type: none; margin:0; padding: 0; }
.menu li { float:left; width: 100%; margin:0; padding: 0 }

.menu a{
 display:block;

 padding-left:25px;
 padding-right:10px;
 padding-top:3px;
 padding-bottom:3px;
 color:#000;
 text-decoration:none;
 background-image:url(gfx/pfeil.gif);
 background-repeat:no-repeat;
 background-position:7px 5px;
}

.menu a:hover {
 display:block;
 
 color:#E00A14;
 background:#FEDF49;
 text-decoration:none;
 background-image:url(gfx/pfeil.gif);
 background-repeat:no-repeat;
 background-position:7px 5px;
}

.menu li.act a {
 display:block;
 
 padding:4px;
 padding-left:25px;
 padding-right:10px;
 color:#E00A14;
 border-bottom:1px solid #fff;
 background:#FEDF49;
 text-decoration:none;
 background-image:url(gfx/pfeil_u.gif);
 background-repeat:no-repeat;
 background-position:7px 5px;
}


.menu li.act a:hover {
 display:block;
 
 padding:4px;
 padding-left:25px;
 padding-right:10px;
 color:#E00A14;
 border-bottom:1px solid #fff;
 background:#FEDF49;
 text-decoration:none;
 background-image:url(gfx/pfeil_u.gif);
 background-repeat:no-repeat;
 background-position:7px 5px;
}

.menu li.sub a {
 height:auto;
 padding:0px;
 padding-top:4px;
 padding-bottom:2px;
 padding-left:30px;
 background:#FEDF49;
}
.menu li.sub a:hover {
 background:#FEF87D;
}

.menu li.subAct a {
 color:#E00A14;
 height:auto;
 padding:0px;
 padding-top:4px;
 padding-bottom:2px;
 padding-left:30px;
 background:#FEDF49;
}

/* 2.) Menu Onlineauftrag  */
.onlineauftrag {
 border-top:4px solid #ffdd00; /* Linie oben */
 border-bottom:4px solid #ffdd00; /* Linie unten */
 margin-top:30px; /* Abstand oben */
 margin-bottom:30px; /* Abstand unten */
 padding:5px; /* Innenabstand */
}
.onlineauftrag a {
 color:#000; /* Farbe */
 text-decoration:none; /* Keine Linie unter dem Link */
 padding-left:20px; /* Innenabstand links */
}

/* 3.) Menu unterhalb von Onlineauftrag ohne Pfeil Grafik links */
#kontaktmenu  {
 display:block;height:430px;overflow:hidden;
}
#kontaktmenu .menu li.noImgAct a {
 display:block;
 padding-left:25px;
 padding-right:10px;
 color:red;
 border-bottom:1px solid #fff;
 background:#FEDF49;
 text-decoration:none;
 background-image:none;
 background-repeat:no-repeat;
 background-position:7px 5px;
}
#kontaktmenu .menu li.noImgAct a:hover {
 display:block;
 
 padding:4px;
 padding-left:25px;
 padding-right:10px;
 color:red;
 border-bottom:1px solid #fff;
 background:#FEDF49;



 text-decoration:none;
 background-image:none;
 background-repeat:no-repeat;
 background-position:7px 5px;
}

/* Menu ende */



/* Tabellen */
table.contenttable-0 {
font-size:12px;
margin:0px 0px 20px;
padding:2px;
width:580px;
}
table.contenttable-0 th {
border-bottom:1px solid gray;
color:#336699;
margin:0px;
padding:2px;
vertical-align:top;
}
table.contenttable-0 td {
border-bottom:1px solid #D7D7D7;
font-size:11px;
margin:0px;
padding:2px;
vertical-align:top;
}

table.contenttable-0 td.td-0 {width:33%;}
table.contenttable-0 td.td-1 {width:33%;}
table.contenttable-0 td.td-2 {}

table.contenttable-1 {
font-size:12px;
margin:0px 0px 20px 0px;
padding:2px;
width:580px;
}
table.contenttable-1 th {
border-bottom:1px solid gray;
color:#336699;
margin:0px;
padding:2px;
vertical-align:top;
}
table.contenttable-1 td {
border-bottom:1px solid #D7D7D7;
font-size:11px;
margin:0px;
padding:2px;
vertical-align:top;
}
table.contenttable-1 td.td-0 {
font-weight:bold;
width:67%;
margin:0px;
padding:2px;
vertical-align:top;
}

/* Flex Content Elemente */

.fce_box {
  width:100%;
  margin-bottom:20px;
  padding-top:5px;
  background:#F8F2A3;
  color:#6d6d6d;
  border-bottom:4px solid #ffdd00;
}
.fce_box img {
  margin:10px;
}
.fce_box p {
  margin:10px;
}
.fce_box h1,h2,h3,h4,h5,h6 {
  margin:10px;
  color:#6d6d6d;
  font-size:13px;
}

.fce_box ul {margin-left:10px;padding-left:15px;}
.fce_box li {margin-left:0; padding-left:0;}





.fce_1 {
 width:100%;
 margin-left:0px;
 margin-bottom:20px;
 background:#F8F2A3;
 border-bottom:4px solid #ffdd00;

}

.fce_1 .fce_header {
 width:100%;
 margin-top:10px;
 margin-left:10px;
 padding-top:5px;
 font-size:13px;
 font-weight:bold;
 color:#6d6d6d;
 border-bottom:0px solid #6D6D6D;
}
.fce_1 .fce_content {
 margin:10px;
 color:#6d6d6d;
 font-size:12px;
 padding-bottom:2px;
}

.fce_1 ul {margin-left:0;padding-left:15px; width:145px;}
.fce_1 li {margin-left:0; padding-left:0;}

.fce_2 {
 width:250px;
 margin-left:5px;
 margin-right:5px;
 margin-bottom:15px;
 background:#F8F2A3;
}
.fce_2 .fce_pic {
 float:left;
 width:80px;
}
.fce_2 .fce_2content {
 float:right;
 width:160px;
 border:0px solid #6D6D6D;margin-bottom:5px;
}

.fce_2 .fce_header {
 width:130px;
 margin-top:2px;
 margin-left:10px;
 font-size:15px;
 color:#6D6D6D;
 border-bottom:1px solid #6D6D6D;
}
.fce_2 .fce_header a {color:#6D6D6D;text-decoration:none;}
.fce_2 .fce_content {
 margin-left:5px;
 color:#6D6D6D;
 font-size:12px;
}
.fce_2 .fce_content p {margin:4px;padding:0px;}
.fce_2 .fce_content a {color:red;}
.fce_2 .fce_link {
 float:right;height:2px;
}

.fce_2 a.internal-link {
 margin-left:3px;
 padding-left:7px;
 background-image:url(gfx/link_pfeil.gif);
 background-repeat:no-repeat;
 background-position:0px 3px;
 text-decoration:none;
}


/* FCE flexi 2 u. 3 Spaltig */
div.flexi {overflow:hidden;display:block;clear:both;width:100%;height:1%; }
div.flexi div.left {display:block;overflow:hidden;margin-right:20px;padding-left:0px;float:left;}
div.flexi div.center {display:block;overflow:hidden;float:left;}
div.flexi div.right {display:block;overflow:hidden;margin-left:20px;float:left;}
div.flexi h1 {margin-top:0px;}
/* FCE Ende */

div.flexi div.center .csc-textpic-imagewrap {margin-bottom:15px;}


/* FCE greenbox */
.greenbox {background:#effbd3; padding:5px; padding-top:30px;padding-bottom:30px; width:180px; margin-left:0px;}


/* Flex Content Elemente Ende */

h1,h2,h3,h4,h5,h6 {margin:0;padding:0;color:#E00A14;}
h1 {font-size:18px;font-weight:bold; margin-bottom:10px;}
h2 {font-size:16px;font-weight:bold; margin-bottom:10px;}
h3 {font-size:15px;font-weight:bold; margin-bottom:10px;}
h4 {font-size:14px;font-weight:bold; margin-bottom:10px;}
h5 {font-size:13px;font-weight:bold; margin-bottom:10px;}

a {color:#6D6D6D;}
a:hover {color:#6D6DEE;}

.csc-frame-rulerBefore {border-top:1px solid gray;}
.csc-frame-rulerAfter {border-bottom:1px solid gray;margin-bottom:20px;}

.csc-frame-frame1 {border:1px solid gray;margin:5px;padding:5px;clear:both;}

.csc-frame-frame2 {
 padding:5px;
 border-top:4px solid #FEDF49;
 border-bottom:4px solid #FEDF49;
 background-color:#FFF; 
}
.csc-frame-frame2 p {color:#6D6D6D;}

.csc-frame-indent {margin-left:40px;}
.csc-frame-indent3366 {margin-left:30%;}
.csc-frame-indent6633 {margin-left:60%;}



/* ##########################
** ### tx_dropdownsitemap ###
** ##########################
*/
.tx-dropdownsitemap-pi1 A {font-weight:bold;}
.tx-dropdownsitemap-pi1 li.open ol {display:block;}
.tx-dropdownsitemap-pi1 li.closed ol {display:none;}
.tx-dropdownsitemap-pi1 li.open ul {display:block;}
.tx-dropdownsitemap-pi1 li.closed ul {display:none;}
.tx-dropdownsitemap-pi1 div {border:solid 1px #ccd; background:#F0F0F4; padding:2px; margin-bottom:5px;}
.tx-dropdownsitemap-pi1 div.level_2 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_2 a {font-weight:normal;}
.tx-dropdownsitemap-pi1 div.level_3 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.level_4 {background:#FFFFFF;}
.tx-dropdownsitemap-pi1 div.level_5 {background:#F0F0F4;}
.tx-dropdownsitemap-pi1 div.expAll {text-align:center; border:solid 1px #ccd; background:#F0F0F4;}
.tx-dropdownsitemap-pi1 img {margin-right:0.5em;}
.tx-dropdownsitemap-pi1 a:hover {background:transparent;}


/* ##########################
** ### TYPO3 Mailformular ###
** ##########################
*/
fieldset {border:none;}
.csc-mailform-field label { display:block; font-size:1.0em; margin-top:1em;margin-left:1.0em;}
.csc-mailform-field select {margin-left:1em; border:1px solid gray;}
.csc-mailform-field input {margin-left:1em;background:none;border:none; border:1px solid gray;}
.csc-mailform-field input:focus {background:#eee;}
.csc-mailform-field input[type=submit] {border:1px solid gray;}
.csc-mailform-field textarea {margin-left:1em;border:1px solid gray;}
.csc-mailform-field textarea:focus {background:#eee;}
.csc-mailform-radio label {display:inline; margin-left:1.8em;}
.csc-mailform-radio legend {display:none;}
.csc-mailform-submit {margin-top:1em;}




/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* 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:2px 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: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:10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
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;}
/* 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 */