/*
CSS Dokument für 
Autor: Stefan Schmitt (info@createch-media.de) 
Erstellt: 13.05.09
Letzte Änderung:  16.09.09
*/

* {
margin: 0;
padding: 0;
}

body {
background: url(../img/bg.gif) top left repeat-x #B70304;
font-family: arial, verdana, helvetica;
}

#overall {
float: left;
width: 700px;
}

#overall ul.topnav {
display: inline;
list-style: none;
width: 550px;
float: left;
margin: 10px 0 0 145px;
background: url(../img/top_bg.gif) bottom left no-repeat #B70304;
}

#overall ul.topnav li {
display: inline;
float: left;
margin-left: 10px;
font-size: .9em;
padding-bottom: 8px;
}

#overall ul.topnav li a:link, #overall ul.topnav li a:visited {
color: #E09495;
text-decoration: none;
}

#overall ul.topnav li a:hover, #overall ul.topnav li a:active {
text-decoration: underline;
}

#container {
float: left;
width: 700px;
margin: 0px 0 0 10px;
background: url(../img/content_bg.gif) repeat-y 135px 0;
}

#left {
float: left;
width: 145px;
}

#left ul {
list-style: none;
margin-top: 20px;
margin-right: 2px;
}

#left ul li {
background: #FFF;
padding: 5px 0 5px 5px;
margin-bottom: 5px;
background: url(../img/nav_bg.gif) top left repeat-x;
}

#left ul li a:link, #left ul li a:visited {
display: block;
color: #003566;
text-decoration: none;
margin-left: 5px;

/*text-transform: uppercase;*/
/*font-weight: bold;*/
}

#left ul li a:hover, #left ul li a:active {
color: #B20002;
}

#left ul li a:link.current, #left ul li a:visited.current, #left ul li a:hover.current, #left ul li a:active.current {
color: #B20002;
}

#main {
float: left;
width: 555px;

}

#header {
float: left;
width: 555px;
height: 195px;
background: url(../img/header.jpg) top left no-repeat
}

#content {
float: left;
width: 530px;
background: #FFF;
}

#content h1 {
font-size: 1.2em;
/*color: #B20002;*/
color: #990003;
margin: 10px 20px 10px 20px;
font-weight: normal;
/*background: #F5F5F5;*/
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
padding: 3px;
}

#content h2 {
font-size: 1.0em;
/*color: #003566;*/
color: #990003;
margin: 10px 20px 8px 20px;
font-weight: bold;
border-bottom: 1px solid #c0c0c0;
padding-bottom: 2px;
}

#content h3 {
font-size: 1.0em;
color: #003566;
margin: 10px 20px 5px 20px;
font-weight: normal;
}

#content p {
font-size: 0.9em;
/*color: #003566;*/
color: #222;
margin: 3px 20px 5px 20px;
line-height: 1.4em;
}

#content p.klein {
font-size: .7em;
line-height: 1.2em;
}


#content a:link, #content a:visited {
color: #003566;
text-decoration: underline;


/*text-transform: uppercase;*/
/*font-weight: bold;*/
}

#content a:hover, #content a:active {
color: #B20002;
text-decoration: none;
}

#content ul {
font-size: .9em;
color: #222;
margin: 5px 20px 5px 40px;
}

#content ul li {
margin-bottom: 3px;
}

#content img.cimage {
float: right; 
margin-right: 20px; 
margin-left: 10px; 
margin-top: 5px; 
padding: 2px; 
background: #C0C0C0;
}

#content table {
width: 490px;
border-collapse:collapse;
margin: 0 0 0 20px;
background: #F2F2F2;
/*color: #003566;*/
color: #222;
}

#content table tr {
border: 1px solid #000;
}

#content table tr th {
/*background: #B70304;*/
background: #9C0202;
/*color: #E6E6E6;*/
color: #FFEBEB;
border: 1px solid #CCCCCC;
padding: 2px 2px 2px 5px;
text-align: left;
font-weight: bold;
font-size: 0.9em;
}

#content table tr td {
font-size: .9em;
border: 1px solid #CCCCCC;
padding: 4px;
}

#content table tr td.c2 {
width: 20%;
text-align: center;
}

#content #kontakt-box {
background: #E8E8E8;
border: 1px solid #DBDBDB;
margin: 10px 20px 15px 20px;
padding: 3px;
}

#content #kontakt-box h2 {
margin: 5px 10px 5px 10px;
color: #990003;
border: none;
}

#content #kontakt-box p {
margin: 5px 10px 5px 10px;
padding: 0 10px 0 0;
}

#content #kontakt-box img {
float: right;
margin: 5px 5px 5px 15px;
border: 1px solid #DBDBDB;
padding: 3px;
}

#content form {
width: 450px;
margin: 0 0 15px 20px;
font-size: .9em;
color: #222;
}

#content fieldset {
border: 1px solid #DBDBDB;
}

#content legend {
margin-bottom: 10px;
}

#content textarea {
width:360px;
height:160px;
margin-left: 10px;
border: 1px solid #888;
}

#content input.button {

float: left;
border:1px solid #333;
background: #990003;
margin-top:12px;
color: #FFF;
padding: 2px;
}

#content label {
display: block;
margin-bottom: 5px;
margin-left: 10px;
}

#content input {
margin-bottom: 5px;
margin-left: 10px;
border: 1px solid #888;
}

#content .fehler {border:1px solid B70304;}
#content p.error {color: #B70304;}

/*input, textarea {font-size:11px;}*/

#content ul.footer-links {
display: block;
list-style-type: none;
margin: 10px 0 15px 20px;
padding-bottom: 15px;
font-size: .8em;
}

#content ul.footer-links li {
float: left;
margin: 0 10px 0 0;
}

#content ul.footer-links li a:link, #content ul.footer-links li a:visited {
color: #666;
}

#content ul.footer-links li a:hover, #content ul.footer-links li a:active {
text-decoration: none;
}

#footer-ext {
border: 1px solid #C0C0C0;
margin: 10px 15px 10px 20px;
background: #E0E0E0;
}

#footer-ext h3 {
font-size: .8em;
margin: 3px 0 0 3px;
color: #545454;
font-weight: bold;
}

#footer-ext ul {
display: block;
list-style-type: none;
margin: 3px 0 0 3px;
}

#footer-ext ul li {
float: left;
padding: 0 3px 0 3px;
}

#footer-ext ul li a:link, #footer-ext ul li a:visited {
font-size: .8em;
color: #545454;
}

#footer-ext ul li a:hover, #footer-ext ul li a:active {
}