/*Farbdefinition UntermenueFuer das Untermenu habe ich red,blue und pink ausgewaehlt,damit du sie schnell findest!*/
/**************** Page and tag styles ****************/
body{margin:0; padding:0; color:#303030; background:#ffffff url('../images/bodybg.gif') repeat-y top left; font-style:normal; font-variant:normal; font-weight:normal; font-size:80%; font-family:Tahoma, Verdana, Arial, sans-serif;}
ul{list-style:square; margin:15px 0 20px 0; font-size:1em;}
li{margin:0 0 8px 8px;}
ul li ul li{list-style-type:circle;}
a{color:#c00000; font-weight:bold; text-decoration:none;}
a:hover{color:#ffc040; text-decoration:underline;}
img{float:left; margin:0px 0px 0px 0px; padding:1px; background:#ffffff; border:1px solid #c0c0c0;}
a img{border-color:#d85d5d;}
a img:hover{background:#d85d5d; border-color:#d85d5d;}
.td_left{vertical-align:bottom; text-align:left; margin-top:0px; margin-left:15px; margin-right:0px; margin-bottom:8px; line-height:1.5em;}
.td_right{vertical-align:bottom; text-align:right; margin-top:0px; margin-left:0px; margin-right:15px; margin-bottom:8px; line-height:1.5em;}
/**************** Sidebar area styles ****************/
#sidebar{position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; background:#f6f3ea url('../images/sidebarbg02.jpg') repeat-y top right; text-align:right}
body > #sidebar{position:fixed;}
#sidebar #logo{height:90px; padding:5px 0px 0px 50px;}
#sidebar #logo img{border:none; background-color:transparent;}
/*#sidebar h1{margin:20px 18px 0 5px; color:#ffffff; font-size:1.6em; letter-spacing:0px; text-align:right;}
#sidebar h2, #sidebar h3{margin:0 20px 18px 5px; color:#ffffff; font-size:1.1em; font-weight:bold; letter-spacing:0px; text-align:right;}
*/
#sidebar h3{margin:20px 18px 4px 5px; color:#ffffff;}
#sidebar p{margin:0 20px 18px 5px; color:#ffffff; font-size:0.8em;}
#sidebar a{color:#808080}
/**************** Navigation erste Ebene ****************/
#menu UL{margin:0px; padding:0px;}
#menu UL LI{margin:0px; padding:0px; list-style-type:none;}
#menu ul li a{display:block;width:202px;color:#008000;
/*Dunkelgrün*/
background:#f6f3ea url('../images/sidebarbg.gif') repeat-y top right;
/*Blass-Beige*/
font-size:1.2em;font-weight:normal;text-decoration:none;letter-spacing:0pt;padding-left:0;padding-right:18px;padding-top:5px;padding-bottom:5px;}
/*Erste Ebene bei Mouseover*/
#menu ul li a:hover{color:#c00000;
/*Dunkelrot*/
background:#ffd369 url('../images/sidebarbg.gif') repeat-y top right;
/*Blass-Orange*/
}
/*Erste Ebene aktiver Zustand*/
#menu ul li.act a, #menu ul li.last-item-act a{background:#fafafa;
/*Dunkel-Weiss*/
border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;font-size:1.2em;font-weight:bold;color:#f0a900;
/*Orange*/
padding-left:0;padding-right:18px;padding-top:5px;padding-bottom:5px;}
/*Erste Ebene aktiver Zustand bei Mouseover*/
#menu ul li.act a:hover, #menu ul li.last-item-act a:hover{color:#008000;
/*Dunkelgrün*/
background:#fafafa;
/*Dunkel-Weiss*/
}
/*Zweite Ebene*/
#menu ul li.act ul li a{border-top:0px;font-size:0.9em;font-weight:normal;letter-spacing:0pt;border:none;color:#c00000;
/*Dunkelrot*/
}
/*Zweite Ebene Mouseover*/
#menu ul li.act ul li a:hover, #menu ul li.act ul li.act a:hover{color:#008000;
/*Dunkelgrün*/
}
/*Zweite Ebene aktives Element*/
#menu ul li.act ul li.act a,#menu ul li.act ul li.last-item-act a{font-weight:bold; color:#f0a900;
/*Orange*/
}
/*Zweite Ebene Letztes Element*/
#menu UL LI UL LI.last-item a, #menu UL LI.act UL LI.last-item a, #menu UL LI.act UL LI.last-item-act a{border-bottom:1px solid #c0c0c0;}
/**************** Content area styles ****************/
#innerTitle{width:520px; margin:0 0 0 240px; padding:5px 0px 0px 0px; background:#fafafa;}
#innerTitle h1{margin:0 0 0 0; color:#98907f; font-size:0.9em; font-weight:normal; letter-spacing:0px; text-align:right}
#submenu{width:520px; margin:0 0 0 240px; padding:0px; background:#fafafa;}
#submenu .active{color:#FFC040;}
#content{width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}
#content p{margin:0 0 15px 0; line-height:1.5em;}
#content dd{margin:0 0 15px 0; line-height:1.5em; font-style:italic; text-align:center;}
#content address{margin:0 0 15px 0; line-height:1.5em; font-style:italic; text-align:center;}
#content h1{margin:0 0 5px 0; color:#f0a900; font-weight:normal; font-size:2.0em; letter-spacing:0px; text-align:center;}
#content h2{margin:15px 0 5px 0; color:#c00000; font-weight:normal; font-size:1.6em; letter-spacing:0px;}
#content h3{margin:15px 0 5px 0; color:#008000; font-weight:normal; font-size:1.4em; letter-spacing:0px;}
#content h4{margin:10px 0 0px 0; color:#98907f; font-weight:bold; font-size:1.2em; letter-spacing:0px;}
#content P.align-center{text-align:center;}
#footer{padding:25px 15px 0px 0px; font-weight:bold;}
#footer, #footer a{color:white; text-decoration:none;}
#footer a:hover{color:#C00000; text-decoration:none;}
#content{float:left;}
#rightcol{border:1px solid red; width:200px; height:100%;margin:0px 0px 0px 800px; padding:0px;}
/* 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.{$styles.content.imgtext.borderClass}
 DIV.csc-textpic-imagewrap .csc-textpic-image IMG,DIV.{$styles.content.imgtext.borderClass}
DIV.csc-textpic-single-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; vertical-align:bottom; }
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:10px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow{margin-bottom:10px; display:block; }
DIV.csc-textpic DIV.csc-textpic-imagerow{clear:both; }
DIV.csc-textpic DIV.csc-textpic-single-image IMG{margin-bottom:10px; }
/* ie7 hack for margin between image rows *
/*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image{margin-bottom:0; }
*+html DIV.csc-textpic DIV.csc-textpic-imagerow{margin-bottom:10px; }
/* 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, * html .csc-textpic-intext-left ol, * html .csc-textpic-intext-left ul{height:1%; }
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last{margin-bottom:0; }
/* Browser fixes:*/
/* Fix for unordered and ordered list with image "In text,left" */
.csc-textpic-intext-left ol,.csc-textpic-intext-left ul{padding-left:40px; overflow:auto; }