/* Stylesheet made by Karsten Nowak
HARZ kreativ
www.harzkreativ.de
*/

*{
margin:0;
padding:0;
}
a img {
border:0;
}
body {
font-family:arial;
color:#000000;
background-color:#FFFFFF;
text-align:center;
background-image:url('bilder/bg_body.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center 200px;
}

/* --- Container für Inhaltselemente --- Headline ---------------------------------- */

#container {
position:relative;
width:61.9em;
margin:0 auto; 
text-align:left;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
background-color:#FFFFFF;
overflow:hidden;
}


#headline {
background-color:#FFFFFF;
height:17.8em;
margin:0 0 0 2px;
}
#head_left {
width:14.2em;
height:16em;
background-image:url('bilder/bg_head_left.jpg');
background-repeat:no-repeat;
float:left;
}
#head_left p {
text-align:right;
padding:10px 10px 0 0;
font-weight:bold;
}
#head_middle {
float:left;
}
#head_right {
float:left;
width:20.7em;
height:16em;
background-color:#FF0000;
margin:0 0.2em 0 0.2em;
}


.startbilder {
margin:5% 0 0 5%;
width:90%;
overflow:hidden;
}
#head_middle_1 {
clear:left;
}
#head_middle_2 {
width:25em;
height:6.1em;
background-image:url('bilder/logo_fw.jpg');
background-repeat:no-repeat;
background-position:358px 54px;
background-color:#FF0000;
margin:0.2em 0;
color:#FFFFFF;
}
#head_middle_3 {
background-image:url('bilder/flammen.jpg');
background-repeat:no-repeat;
width:25em;
height:1.7em;
}
#head_right_border {
float:left;
background-image:url('bilder/bg_schlauch_vert.jpg');
background-repeat:repeat-y;
width:1.4em;
height:16.2em;
}
#head_middle h1 {
font-family:times new roman;
float:left;
font-size:2.6em;
margin:0 20px 0 5px;
}
#head_middle_3 p {
margin:0 1.6em 0 1.6em;
padding-top:0.2em;
}
#schlauch {
clear:left;
width:61.7em;  
background-image:url('bilder/bg_schlauch_hor.jpg');
background-repeat:repeat-x;
}
/* --- Container für Inhaltselemente --- Menü ---------------------------------- */
#container_body {
margin-left:2px;
}
#content_left {
float:left;
width:11.87em;
}
#site_content {
float:left;
width:38em;
background-color:#FFFFFF;
margin-left:20px;
}

div.spritze {
float:left;
margin-left:-20px;
}
#content_right {
float:right;
}
#werbung {
margin:5px;
}

/* --- Menü links ---------------------------------------- */
div.menu {
font-family:verdana;
background-image:url('bilder/bg_menu_links.gif');
background-repeat:repeat-y;
}
.menu ul li {
padding:2px 0 2px 0;
}
.menu ul, ul ul {
list-style:none;
}
.menu a {
display:block;
margin-left:18px;
padding:0 0 1px 5px;
width:148px;
font-family:arial;
font-size:0.9em;
font-weight:bold;
color:#000000;
text-decoration:none;
}
a.ml_e1:hover {
background-image:url('bilder/bg_menu_aktiv.jpg');
background-repeat:repeat-x;
color:#FFFFFF;
}
.menu a.ml_e1_aktiv {
background-image:url('bilder/bg_menu_aktiv.jpg');
background-repeat:repeat-x;
color:#FFFFFF;
}

/* - Ebene 2 ------------------------------------------------*/
.menu a.ml_e2 {
background-image:none;
padding-left:5px;
font-weight:normal;
font-size:0.9em;
color:#000000;
}
.menu a.ml_e2:hover {
background-image:url('bilder/bg_menu_aktiv_sub.gif');
background-repeat:no-repeat;
background-position:right;
}
.menu a.ml_e2_aktiv {
background-image:url('bilder/bg_menu_aktiv_sub.gif');
background-repeat:no-repeat;
background-position:right;
padding-left:5px;
font-weight:normal;
font-size:0.9em;
}


/* - Ebene3 ------------------------------------------------- */
.menu a.ml_e3 {
padding-left:15px;
font-size:0.9em;
font-weight:normal;
background-image:url('bilder/bg_menu_kreis.jpg');
background-repeat:no-repeat;
background-position:5px 3px;
}
a.ml_e3:hover {
background-image:url('bilder/bg_menu_punkt.jpg');
background-repeat:no-repeat;
}
.menu a.ml_e3_aktiv {
padding-left:15px;
font-size:0.9em;
font-weight:normal;
background-image:url('bilder/bg_menu_punkt.jpg');
background-repeat:no-repeat;
background-position:5px 3px;

}
/* ---  Loginfeld ------------------------------------------------------------- */
div.login {
margin:15px -2px 0 2px;
}
/* --- Seiteninhalte -------------------------------------------------------- */
h1.header_middle {
margin:15px 0 5px 0;
border-bottom:1px solid #FF0000;
font-size:1em;
}
#site_content h1 {
margin:15px 0 5px 0;
border-bottom:1px solid #CC0000;
font-size:1em;
}
#site_content h1.csc-firstHeader, #site_content h1.news_header {
margin:25px 0 20px 150px;
border-bottom:1px solid #CC0000;
font-size:1em;
}
h2 {
font-family:verdana;
font-size:0.8em;
color:#990000;
padding-bottom:10px;
}
h3 {
font-family:verdana;
font-size:0.7em;
color:#990000;
padding-bottom:5px;
}
.csc-header-n2 {
clear:both;
}
#site_content p.bodytext {
padding-bottom:10px;
font-family:times new roman;
}
#site_content p.align-right {text-align:right;}
#site_content p.align-left {text-align:left;}
#site_content p.align-center {text-align:center;}

#site_content .name-of-person {
font-size:0.8em;
color:#993333;
}
 a {
color:#CC0000;
}
 a:hover {
text-decoration:none;
}
p.csc-header-date {
font-size:0.7em;
text-align:right;
margin:-20px 0 10px 0;
}

.csc-textpic {
clear:both;
}
/* --- Bildunterschrift --- */
.csc-textpic-caption {
font-size:0.8em;
}
/* --- Listendarstellung --- */
#site_content ul {
margin:0 0 10px 50px;
}
/* --- Kontaktformular --- */
fieldset.csc-mailform {
padding:10px;
border:0;
}
.csc-mailform-field label {
clear:left;
width:7em;
display:block;
float:left;
}
.csc-mailform-field input {
border:thin solid #FF0000;
}
.csc-mailform-field select {
border:1px solid #FF0000;
}
div.csc-mailform-field {
margin-top:10px;
}
.csc-mailform-field textarea {
border:1px solid #FF0000;
}
input.csc-mailform-submit {
border:2px ridge #000000;
background-color:#FF0000;
color:#000000;
font-style:verdana;
font-weight:bold;
cursor:pointer;
margin-left:30em;
}

/* --- Loginformular --- */
fieldset.login {
display:block;
overflow:hidden;
margin:0 0 0 25px;
width:9em;
border:0;
font-family:arial;
font-size:0.8em;
}
fieldset.login input {
width:80%;
}
fieldset.login input.button {
width:60px;
}
fieldset.login legend {
font-family:verdana;
font-weight:bold;
}
.tx-felogin-pi1 h3 {
font-family:verdana;
font-size:0.8em;
margin-left:20px;
}
.tx-felogin-pi1 a {
font-weight:normal;
font-size:0.8em;
text-decoration:underline;
}
.tx-felogin-pi1 a:hover {
text-decoration:none;
}
.tx-felogin-pi1 {

}

/* --- Ticker Datamints --- 
#tickerspace table {
width:345px;
}
#tickerspace {
margin-left:1.8em;
font-family:verdana;
font-size:0.8em;
}
a.ticker {
color:#000000;
font-weight:bold;
text-decoration:none;
}
a.ticker:hover {
color:#FF0000;
}
*/

/* Ticker ITS */
.tx-itsnewsticker-pi1 table {
padding:0 15px 0 15px;
}

/* --- fl_seo_sitemap ----------- */
#site_content .tx-flseositemap-pi1 ul {
list-style:none;
}
#site_content ul.deep0 a {
background-image:url('bilder/pfeil_haupt_sitemap.jpg');
background-repeat:no-repeat;
background-position:0 7px;
padding-left:16px;
}
#site_content ul.deep0 a:hover {
background-image:url('bilder/pfeil_over_haupt_sitemap.gif');
}
#site_content ul.deep1 a {
background-image:url('bilder/pfeil_unter_sitemap.jpg');
}
#site_content ul.deep1 a:hover {
background-image:url('bilder/pfeil_over_unter_sitemap.gif');
}

/* --- Browser Einsätze -- */
.tx-browser-pi1 {
clear:both;
}