/*************************************************
Stylesheet Logowerke
 * 1. HTML-Tags
 * 2. Layout
 * 3. Navigation
 * 4. Inhalt
 * 5. Rechte Spalte
**************************************************/

/*************************************************
 ****************** 1. HTML-Tags ******************
 *************************************************/
body { margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif;  }
h1, h2, h3, p, dl, dd, dt, input, fieldset, form, ul, ol, div, table { padding:0;margin:0; }


h1 { font-size:21px; font-weight:bold;line-height:25px; color:#242321; padding-bottom:10px; padding-top:10px; }
h2 { font-size:13px; font-weight:bold;line-height:18px; color:#353436;  padding-bottom:10px; padding-top:10px;}
h3 { font-size:13px; font-weight:bold;line-height:20px; color:#F07D00; }
td,p,div { font-size:12px; line-height:15px; color:#353436; vertical-align:top;}
fieldset { border: none;margin:0px;padding:0px; }
input { font-family:Arial, Helvetica, sans-serif; padding:2px; }
input[type=submit] { border:1px solid #F4AB00; font-size:11px; font-weight:bold; }
label { font-weight:bold; float:left; width:120px; text-align:right; padding-right:10px;line-height:25px; }
form br { clear:both;margin-bottom:15px; }
ul { padding-left:8px; margin-left:7px; list-style-type:circle; }
ol { padding-left:8px; margin-left:7px; }
a { color:#F4AB00; text-decoration:none; }
a img { border: none; }
/*************************************************
 ****************** 2. Layout **********************
 *************************************************/
/* Logo */
#logo {
	position:absolute;
	left:0px;
	top:0px;
	height:120px;
	background-color:#ffffff
}

/* Bild oben rechts */
#head {
	position:absolute;
	right:0px;
	top:0px;
	height:120px;
	width:436px;
	background-image:url(../img/headDef.jpg);
        background-position:right bottom;
        background-repeat:no-repeat;
}

/* Oranger Streifen */
#orange {
	position:absolute;
	top:120px;
	width:100%;
	height:65px;
        background-color:#F4AB00;
        background-image:url(../img/orangeDef.jpg);
        background-position:right bottom;
        background-repeat:no-repeat;
}

/* Abstand unter orangem Streifen */
#space {
	position:absolute;
	width:100%;
	background-color:#ffffff;
	height:10px;
	top:175px;
}

/* Inhalt (links, mitte, rechts) */
table.content {
	width:100%;
	height:100%;
	font-size:12px;
	line-height:15px;
}

/* Inhalt mitte */
td.content {
	border-left:1px dotted #242321;
	height:100%;
}

/* Fusszeile mit Adresse */
td.footer {
	height:40px;
	vertical-align:bottom;
	background:url('../img/logoFoot.gif') left bottom no-repeat;
	padding-left:40px;
}

td.dotted { 
	border-left:1px dotted #242321;
}
/* Oranger Bereich der Fusszeile */
span.orange { color:#FFCC66; }

/* Navigationsspalte */
div.menu { margin-top:185px; width:210px; }

/* Textinhalt */
div.content { margin:10px; margin-top:185px; max-width:700px; }

/* Rechte Spalte */
div.news { margin-top:185px; width:200px; text-align:left; }


/*************************************************
 ****************** 3. Navigation ******************
 *************************************************/
 /* Oranger Balken 1. Navi-Ebene */
div.main {
	height:35px;
	width:210px;
	margin-top:10px;
        background-color:#f6ab00;
}
div.main a, div.main a:hover { color:#fff; text-transform:uppercase; font-size:15px; line-height:35px;padding-left:20px; }

/* Gepunkteter Rahmen 2. Naviebene */
div.sub {
	height:24px;
	width:210px;
	background-color:#ffffff;
	border-bottom:1px dotted #242321;
}


/* Alle Browser ausser IE Mac */
@media all {
  div.sub {
    height:22px;
    padding-bottom:2px;
    padding-top:2px;
  }
}

/* Links 2. Navi-Ebene */
div.sub a {
        width:210px;
        padding-left:20px;
        display:block;
	font-size:12px;
	color:#333;
	text-decoration:none;
	line-height:22px;
}
@media all { div.sub a { width:190px;} }
div.sub a:hover, div.sub a.active { background-color:#fbdc99; }

/*************************************************
 ****************** 4. Inhalt ***********************
 *************************************************/

/* Pfad-Angabe: Wo bin ich? */
a:link.whereIAm,a:visited.whereIAm,a:active.whereIAm {
	font-size:12px;
	color:#353436;
	text-decoration:none;
	line-height:25px;
}
a:hover.whereIAm { color:#242321; }

p.bodytext img { padding-bottom:10px; padding-top:10px;}

/* Tabellen: tdLAYOUTNR-ZEILENNR-SPALTENNR */
/* Tabellen-Layout 1 */
th.th1, table.contenttable-1 th { background-color:#EF9E00; color:#ffffff; text-align:left; font-size:13px; font-weight:normal;}
td.td1-1-1,td.td1-1-2,td.td1-1-1-last,td.td1-1-2-last, table.contenttable-1 .tr-even td { background-color:#ffffff;}
td.td1-2-1,td.td1-2-2,td.td1-2-1-last,td.td1-2-2-last, table.contenttable-1 .tr-odd td { background-color:#F8D888;}

/* Tabellen-Layout 2 */
table.table2, table.contenttable-2 { border-top:1px solid #EF9E00;border-right:1px solid #EF9E00; }
th.th2, table.contenttable-2 th { background-color:#EF9E00; color:#ffffff; text-align:left; font-size:13px; font-weight:normal; }
td.td2-1-1,td.td2-1-2,td.td2-1-1-last,td.td2-1-2-last,table.contenttable-2 .tr-even td { 
    background-color:#ffffff;
    border-bottom:1px solid #EF9E00; 
    border-left:1px solid #EF9E00;
}
td.td2-2-1,td.td2-2-2,td.td2-2-1-last,td.td2-2-2-last,table.contenttable-2 .tr-odd td { 
    background-color:#ffffff; 
    border-bottom:1px solid #EF9E00; 
    border-left: 1px solid #EF9E00;
}

/* Tabellen-Layout 3 */
table.table3, table.contenttable-3 { border-top:1px solid #EF9E00;border-right:1px solid #EF9E00;width:90%; }
th.th3, table.contenttable-3 th { background-color:#EF9E00; color:#ffffff; text-align:left; font-size:13px; font-weight:bold; }
td.td3-1-1,td.td3-1-2,td.td3-2-1,td.td3-2-2, table.contenttable-3 td { 
    background-color:#ffffff;
    border-bottom:1px solid #EF9E00; 
    border-left:1px solid #EF9E00;
}
td.td3-1-1-last,td.td3-1-2-last,td.td3-2-1-last,td.td3-2-2-last, table.contenttable-3 td.td-last {
    background-color:#F8D888;
    border-bottom:1px solid #EF9E00; 
    border-left:1px solid #EF9E00;
}

/* Listen */
/* Layout 1 */
ul.csc-bulletlist-1 { list-style-type:disc; }
ul.csc-bulletlist-2 { color:#f4ab00; }

/* Formulare */
input.contact { width:300px;border:1px solid #999999; }
textarea.contact {width:300px; height:200px;border:1px solid #999999; }
span.required { color:#EF9E00 }

/* Newsliste */
td.newslist { border-bottom:1px dotted #333333;padding-top:10px; }

dl.newsImg { float:left; margin-right:10px; }
dl.newsImg dd { font-size:11px; }

div.download { height:20px; margin-top:10px; vertical-align:bottom;}
div.download a { display:block; background-image:url(../img/download.gif);background-position:left; background-repeat:no-repeat; padding-left:100px;line-height:18px; }
div.download a:hover { display:block; background-image:url(../img/download_over.gif);background-position:left; background-repeat:no-repeat; padding-left:100px;line-height:18px; }

table.imgtext-table { margin-bottom:10px; }
p.csc-caption { padding-top:5px; font-size:11px; }

/*************************************************
 ****************** 5. Rechte Spalte ****************
 *************************************************/


/* News: gepunkteter Rahmen */
div.newsBorder {
        width:200px;
	border-bottom:1px dotted #242321;
        padding-bottom:2px;
        padding-top:2px;
}

/* News: Hintergrund-Farbe */
div.newsItem, div.newsFirst {
        padding:10px;
        padding-right:0px;
        background-color:#D5D4D2;
}
div.newsFirst { background-color:#f9d57f; }

/* Suchformular */
input.search { width:150px; padding:3px; border:1px solid #999999; height:20px; }
input.subsearch { margin-left:-2px; height:19px;margin-top:-2px; }

/* News: Datum */
b.newsDate,div.newsDate p {  font-size:12px; color:#F4AB00;font-weight:normal; }
div.tx-ttnews-browsebox { padding-top:10px; }
td.newsList h2 { font-size:15px; margin:0; margin-bottom:10px; padding:0; }


/* Dateivorgaben */
div.menuRight {
    width:200px;
    background-color:#F6AB00;
    text-align:left;
    border-top:4px solid #F6AB00;
    border-bottom:4px solid #F6AB00;
}

/* Links Dateivorgaben */
a:link.main,a:visited.main,a:active.main,a:hover.main {
	font-size:13px;
	color:white;
	margin-left:7px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:35px;
}
    

/* Beispiele: Bereich um die Bilder */
div.sample { padding-bottom:5px; margin-left:5px;}


/* RTE */
.orangecol,span.orangecol,p.orangecol {
	color:#f4ab00;
}
.lightorangecol,span.lightorangecol,p.lightorangecol {
	color:#f9d57f;
}
.greycol,span.greycol,p.greycol {
	color:#d5d4d2;
}