/**********************************************************************/
/*  Haak Sachverstaendige - Main-CSS - Programmierung: www.muc-cms.de */
/**********************************************************************/

/* Layout */

body {
background-color: #fff;
margin: 0px;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #333;
text-align: center;
}

/* Positionierung #main "margin: auto" fuer Firefox-Zentrierung */
#main {
border: 0px solid #FF0000;
margin: auto;
text-align: left;
width: 955px;
position: relative;
padding-top: 20px;
background-color: #fff;
}

#top-line {
clear: both;
height: 10px;
background: url(img/line-top.jpg) no-repeat;
width: 955px;
margin-top: 10px;
border: 0px solid blue;
font-size: 0px;
}

#border-left-right {
background-image: url(img/background.gif);
}

/* Top-Navigation (horizontal) */
#top-navigation {
float: left;
height: 22px;
width: 910px;
border: 0px solid blue;
padding-left: 21px;
}

/* Top-Navigation Text und Pipe */
#top-navigation .text {
color: #333;
padding-top: 0px;
font-size: 13px;
text-align: left;
margin-left: 0px;
letter-spacing: 0px;
}

/* Top-Navigation Link */
a:link.topnav {
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}
a:visited.topnav {
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}
a:hover.topnav {
color: #999;
text-decoration: underline;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}
a:active.topnav {
color: #333;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}

a:link.topnav-act {
color: #EEA12D;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}
a:visited.topnav-act {
color: #EEA12D;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}
a:hover.topnav-act {
color: #EEA12D;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}
a:active.topnav-act {
color: #EEA12D;
text-decoration: none;
font-size: 13px;
font-weight: bold;
font-family: verdana;
}

#spacer {
clear: both;
width: 951px;
margin-left: 2px;
height: 35px;
border-top: 1px solid #ccc;
}

#left  {
clear: both;
float: left;
margin-left: 0px;
margin-bottom: 60px;
width: 220px;
border: 0px solid red;
text-align: left;
text-indent: 20px;
}

.deco  {
float: left;
width: 3px;
height: 250px;
border: 0px solid green;
margin-left: 12px;
margin-right: 15px;
margin-bottom: 50px;
background: url(img/deco.jpg);
}

/* width wenn alle borders 0: 525 */
#content  {
float: left;
margin-bottom: 60px;
width: 450px;
border: 0px solid green;
margin-left: 2px;
}

#contentfull  {
float: left;
margin-bottom: 60px;
width: 685px;
border: 0px solid green;
margin-left: 2px;
}

#right  {
float: left;
margin-bottom: 30px;
width: 200px;
border: 0px solid red;
}

/* Footer */
#footer {
clear: both;
height: 16px;
border-top: 0px solid #ff0000;
margin-left: 0px;
width: 951px;
}

#footer-left {
float: left;
text-align: left;
width: 350px;
margin-left: 20px;
border: 0px solid blue;
}

#footer-right {
float: right;
text-align: right;
width: 350px;
margin-right: 15px;
border: 0px solid blue;
}

/* Footer Text und Pipe */
#footer .text {
color: #333;
padding-top: 0px;
text-align: center;
font-family: verdana;
font-size: 11px;
}

/* Footer Link */
a:link.footer {
color: #333;
text-decoration: none;
font-size: 11px;
font-weight: normal;
font-family: verdana;
}
a:visited.footer {
color: #333;
text-decoration: none;
font-size: 11px;
font-weight: normal;
font-family: verdana;
}
a:hover.footer {
color: #EEA12D;
text-decoration: underline;
font-size: 11px;
font-weight: normal;
font-family: verdana;
}
a:active.footer {
color: #333;
text-decoration: none;
font-size: 11px;
font-weight: normal;
font-family: verdana;
}

#bottom-line {
background: url(img/line-bottom.jpg) no-repeat;
height: 10px;
width: 955px;
border: 0px solid blue;
font-size: 0px;
}

/* End of Layout */


P, TD, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { 
margin-top: 0px;
color: #000;
font-weight: normal;
font-size: 12px;
}

P {
line-height: 18px;
text-align: left;
padding-bottom: 12px;
color: #333;
}

PRE { font-family: monospace; }
A { color: #BF6500; text-decoration: underline; }
A:hover { color: #BF6500; text-decoration: none; }

FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }

input, textarea {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
padding: 2px 4px 2px 2px;
}

textarea {
color: #000000;
border-right: #999 1px solid; 
border-top: #999 1px solid;
border-left: #999 1px solid; 
border-bottom: #999 1px solid;
background-color: #ffffff;
}

input {
color: #000000;
border-right: #999 1px solid;
border-top: #999 1px solid;
border-left: #999 1px solid;
border-bottom: #999 1px solid;
background-color: #ffffff;
}

select {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #000000; 
border-right: #999 1px solid;
border-top: #999 1px solid;
border-left: #999 1px solid;
border-bottom: #999 1px solid;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
}

/* Kontaktformular (Mailform) */
.csc-mailform { 
border: 0px solid #FF0000;
margin: 0 0px;
color: #000000;
font-size: 12px;
padding: 0px;
}
.csc-mailform-field { padding: 0px 6px 18px 0px; }
.csc-mailform-submit {}
fieldset.csc-mailform label {float: left; width: 114px; margin: 0 0 0 0px;}
.csc-mailform-check {border: 0px;}


/* Headers, plain */
H1 { font-size: 14px; font-weight: bold; padding-top: 0px ; padding-left: 0px; padding-bottom: 0px; border: 0px solid #117AA8; font-family: verdana;  }
H2 { font-size: 18px; font-weight: normal; color: #fff; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; padding-top: 10px; }
H3 { font-size: 11px; font-weight: normal; color: #000; padding-bottom: 15px; }
H1, H2, H3, H5 { margin: 0px 0px 20px 0px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #000000; text-decoration: none; }
H2 A { color: #186900; }
H3 A { color: #000000; }
H4 A { color: #8A0020; }
H5 A { color: #8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

P.bodytext { font-size: 12px; color: #ff0000; padding-right: 0px; padding-top: 0px ; padding-left: 0px ; padding-bottom: 12px; }

/* Bulletlists / UL / OL */
UL { margin: 0px; margin-left: 20px; padding: 14px; color: #000000; padding-top: 2px; padding-bottom: 5px; color: #333; }
OL { margin: 0px; margin-left: 6px; padding: 14px; color: #000000; padding-top: 2px; padding-bottom: 5px; }
UL A { color: #007BB7; }
OL A { color: #007BB7; }

/*
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }
*/

/* Table styling */
/*
TABLE.contenttable { border: 1px #333333 solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 3px 3px 3px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR { background-color: #EDEBF1; }
*/

/* Tabelle Frontend */
TABLE.contenttable TR TD P.bodytext {
 margin: 0px 0px 0px 0px ;
 padding: 3px 3px 3px 3px ;  
}


/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 11px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD { padding-left: 5px; padding-right: 20px; }
FORM TABLE TR TD.csc-form-labelcell, FORM TABLE TR TD.csc-form-commentcell { background-color: #D8D7DC; }
FORM TABLE TR TD.csc-form-fieldcell { background-color: #EDEBF1; }
FORM TABLE TR TD.csc-form-fieldcell INPUT, FORM TABLE TR TD.csc-form-fieldcell SELECT, FORM TABLE TR TD.csc-form-fieldcell TEXTAREA { border: 1px solid #333333; }
FORM TABLE TR TD.csc-form-labelcell P.csc-form-label-req { font-weight: bold; }

/* Email form, specifically */
FORM TABLE.csc-mailform TR TD.csc-form-labelcell  { }