body{
text-align: center;
background-color:#E0E0E0;
font-family:Lucida Sans Unicode, Arial;
font-size:14px;
margin:10px 0px 10px 0px;
color:#000;
}

.content{
text-align: left;
background-color:#fff;
border-left:1px solid #bbb;
padding:20px;
font-size:14px;
margin:20px 5px 20px 150px;
min-height:480px;
}



p {

padding:0px 2px 2px 2px;
}
a{
color:#999;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.content a{
color:#777;
text-decoration:none;
}

.content a:hover{
color:#aaa;
text-decoration:none;
}

.thebox{
text-align: left;
width:800px;
margin: 0px auto 0px auto;
position:relative;
background-color:#fff;
}
.logo{
text-align: left;
color:#111;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:230px;
font-size:32px;
text-align:right;
/* 
background:url(back.jpg) no-repeat #87ADD2;
wegen wechselnden titelbildern einstellung in tmpl_header.php
*/
}

.logo a{
color:#000;
}

.header{
position:relative;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
text-align:right;
list-style-type:none;
font-size:16px;
background-color:#444;
}

.header li{
display:inline;
padding:0px 10px 0px 10px;
}
.header li a{
color:#aaa;
text-decoration:none;
}
.header li a:hover{
color:#ccc;
text-decoration:none;
}

.footer{
padding:2px 10px 2px 10px;
position:relative;
text-align:right;
font-size:12px;
color:#ccc;
background-color:#444;

}
.footer a{
color:#eee;
}
.side{
margin: 20px 0 0 5px;
width:132px;
float:left;
font-size:12px;
color:white;
}
.side a{
color:#E0E0E0;
}

.side ul{

display:block;
width:auto; 
list-style-type:none;
font-size:14px;
color:#E0E0E0;
}

ul.navbar li {
}

.side ul a{
display:block;
color:#555;
background-color:#dddddd;
text-decoration:none;
border:1px solid #ffffff;
margin:0 0 0 -30px;
padding:4px 10px 4px 10px;
}
.side ul a:hover{
color:#fff;
text-decoration:none;
background-color:#999999;
padding:4px 10px 4px 10px;
}

* html ul li {margin:0px 0 -20px 0; }
.news{
color:white;
width:auto;
float:left;
margin: 20px 0 20px 10px;
padding:2px 2px 2px 2px;
font-size:12px;
border:1px solid #dddddd;
background-color:#dddddd;
/* 
Wird wegen den unterschiedlichen Farberscheinungen z.T. im news.php der jeweiligen Unterseiten ueberschrieben!
*/
}


h2{
margin-bottom:-5px;
font-size:16px;
color:#888;
}

h4{
font-size:14px;
color:#444;
}

img {
border:1px solid silver;
padding: 4px 4px 4px 4px;
margin: 4px 4px 4px 4px;
}

fieldset.kontaktdaten  {
width: 50em;
margin: 0 auto 10px auto;
display: block;
font-size: 12px; 
border: 1px solid #7A7A7A;
background: #DFDFDF;

}

fieldset.tontraeger  {
width: 50em;
margin: 0 auto 10px auto;
display: block;
font-size: 12px; 
border: 1px solid #7A7A7A;
background: #DFDFDF;

}

fieldset.preise_lieferung  {
width: 50em;
margin: 0 auto 10px auto;
display: block;
font-size: 12px; 
border: 1px solid #7A7A7A;
background: #DFDFDF;

}
			
* html fieldset {padding: 5px;}
			
legend {
background: #DFDFDF;
padding: 4px;
border: 1px solid #7A7A7A;
border-right-width: 2px;
border-bottom-width: 2px;
margin-bottom: 4px;
font-weight: bold;
}

label {margin: 5px 0;} 

.kontaktdaten label {display: block;
width: 8em;
float: left;
}
.tontraeger label {display: block;
margin-left: 5px;
width: 2em;
float: left;
}
					   
input,textarea {
margin: 3px 0;
border: 1px solid #7A7A7A;
background: white;
padding: 3px 3px;
}  
						
input:active, input:focus, input:hover { background: #E0E0E0;}
   
.buttons {text-align: center;}


div.center { text-align:center; }
table.norm {
border: 1px solid #e0e0e0;
margin: 4px;
margin-left:auto;
margin-right:auto; 

font-size:12px;
border-collapse:collapse;
background : #ffffff;
padding : 0px;
}
tr.norm {

font-size:12px;
padding : 0px;}
tr.norm {
padding : 0px;}
th.norm{
width:auto;
overflow:visible;
text-align:left;
margin: 0px;
padding: 4px;}
td.norm {
border-top: solid 1px #cccccc;
font-size:12px;
margin: 0px;
padding: 4px;}
tr.norm:hover {
font-size:12px;
background:#eeeeee;
margin: 0px;
padding: 4px;}