body {
	background:#C1C5C6;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 0;
	margin: 0;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:center; /*fürn IE5 centert die Seite, nicht margin: 0 auto*/
}

p {
	margin: 1em 0 1em;
	padding: 0;
	margin: 5px 0px;
}

hr {
	border: 1px solid #D0D0D0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;	
}

h1{
    font-size: 14px;
	color: #666;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

h2{
    font-size: 12px;
	color:#636490;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;	
}

h3 {
    font-size: 12px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
h4{
    font-size: 12px;
	color:#636490;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
} 

ul {
	margin-left:25px;
	padding:0;
}

a {
	color: #333;
	text-decoration: underline;
}
a:link {
	color: #333;
	text-decoration: underline;
}

a.active {
	color: #2E3092;
	text-decoration: underline;
}

a.active:link {
	color: #2E3092;
	text-decoration: underline;
}

a:hover {
	color: #2E3092;
	text-decoration: underline;
}

a.active:active {
	color: #2E3092;
	text-decoration: underline;
}

a img{
	border: none;
}	

form { 
	display:inline
}


.rahmen {
	border: 1px solid black;
}

.datum {
	font-size: 10px;
	color: #808080;
}

.floatleft {
	float: left;
	margin-right: 10px;
	display: inline;
}

.floatright {
	float: right;
	margin-left: 10px;
	display: inline;
}

input, textarea, select {
	background: #ffffff;
	color: #000000;
	padding: 2px;
}
input:focus, select:focus {
	background: #cecece;
	padding: 2px;
}
.tabellenrahmen {
	border: 1px solid black;
	border-collapse: collapse;
}
.tabellenrahmen thead td {
	background-color: #066DB0;
	border-bottom: 1px solid black;
	font-weight: bold;
	color: #000000;
}
.tabellenrahmen td {
	border: 1px solid black;
	padding: 4px;
	margin: 0;
}

/* Kontaktformular */
.ausfuellen{
	border: 1px solid red ;
}

form label{
	cursor: pointer;
	cursor: hand;
}

form label.required {
  color: red;
}

form label.completed {
  color: #333;
}

.formmailerror{
	border: 1px solid #E7DBC6;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

label{
  position: relative;
	width: 170px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.kontakt {
    position: relative;
	width: 300px;
	display: block;
	float: left;
	margin-bottom: 5px;
}
.antifloat {
	float:none;
	clear:both;
}
.clearleft{
	clear: left;
}

/* 
########################################################################
Grunggerüst Styles
########################################################################
*/

#container{
	background-image:url(../bilder/kachel.jpg);
	background-repeat:repeat-y;
    margin: 0 auto;
    position: relative;
    width: 880px;
	padding: 0;
	text-align:left;
	border-bottom: 8px solid white;
}

#leftrow {
	background-image:url(../bilder/leftrow/bg.jpg);
	background-repeat:no-repeat;
	background-color:#CAD4DB;
	width:191px;
	min-height:578px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 10px solid white;
	border-right: 9px solid white;
	float:left;
}
*html #leftrow {
	background-image:url(../bilder/leftrow/bg.jpg);
	background-repeat:no-repeat;
	background-color:#CAD4DB;
	width:191px;
	height:578px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 10px solid white;
	border-right: 9px solid white;
	float:left;
}

#csr_logo {
	padding: 0;
	margin: 0;	
}

#rightrow{
	width: 623px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#header {
	background-image:url(../bilder/rightrow/header.jpg);
	background-repeat:no-repeat;
	width:643px;
	height:185px;
	padding: 25px 25px 0px 0px;
	margin: 0;
	text-align:right;
}	
	

#content {
	background-image:url(../bilder/rightrow/bg.jpg);
	background-repeat:no-repeat;
	width:658px;
	min-height:532px;
	padding: 10px 20px 0px 25px;
	margin: 0px 0px 0px 0px;
}

*html #content {
	background-image:url(../bilder/rightrow/bg.jpg);
	background-repeat:no-repeat;
	width:643px;
	height:532px;
	padding: 10px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
}

#suche {	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color:#0D4061;
	font-weight:bold;
}
#rotomat_logo {
	width:375px;
	float:left;
    margin:20px 0px 20px 10px;
}
*html #rotomat_logo {
	width:370px;
	float:left;
    margin:20px 0px 20px 4px;
}
#such_button {
	vertical-align:middle;
}

#inhalt{	
    line-height: 1.5em;
    position: relative;
	padding: 0px 0px 0px 0px;
	margin: 20px 55px 20px 10px;	
}
*html #inhalt{	
    line-height: 1.5em;
    position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 40px 20px 10px;
}

#inhalt a {
	text-decoration: underline;
	font-weight:bold;
	color:#333;
}

#inhalt a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#636490;
}

#footer {
	width: 880px;
	font-size: 11px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	color:#333;	
	letter-spacing:1px;
}
#footer_txt {
 display:inline;
 margin:10px 0px 20px 70px;
 float:left;
}
#interface {
margin: 10px 0px 20px 10px;
float:left;
}

/*#historie {
	background-image:url(../bilder/historie/background.jpg);
	background-repeat:no-repeat;
	color:#fff;
}*/

/* 
########################################################################
Navigation
########################################################################
*/
#navigation {
width:668px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#navigation ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:inherit;
list-style-type:none;
display:block;
}

#navigation ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
float:left;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}

#navigation ul li a:hover{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}
/*Aktivierter Punkt*/
#navigation ul li a.aktiv, #navigation ul li a.aktiv:link, #navigation ul li a.aktiv:active, #navigation ul li a.aktiv:visited{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}
/* 
########################################################################
Unter Navigation
########################################################################
*/

#unternavigation {
width:191px;
padding: 0px 0px 0px 0px;
margin: 64px 0px 0px 0px;
position: relative;
display:block;
}

#unternavigation ul {
width:191px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:inherit;
list-style-type:none;
display:block;
}

#unternavigation ul li {
background-image:url(../bilder/navi/subnavi.gif);
background-repeat:no-repeat;
width:191px;
height:25px;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid white;
display:inline; /* nachher für nescape und mozilla rausnehmen*/
}

#unternavigation ul li a, #unternavigation ul li a:link, #unternavigation ul li a:active, #unternavigation ul li a:visited{
background-image:url(../bilder/navi/subnavi.gif);
background-repeat:no-repeat;
width:175px;
height:25px;
font-size:11px;
color:#fff;
text-decoration:none;
padding: 5px 0px 0px 16px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid white;
display:block;
}

#unternavigation ul li a:hover{
background-image:url(../bilder/navi/subnavi_h.gif);
background-repeat:no-repeat;
width:151px;
height:25px;
font-size:11px;
color:#fff;
text-decoration:none;
padding: 5px 0px 0px 40px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid white;
display:block;
}
/*Aktivierter Punkt*/
#unternavigation ul li a.active, #unternavigation ul li a.active:link, #unternavigation ul li a.active:active, #unternavigation ul li a.active:visited{
background-image:url(../bilder/navi/subnavi_h.gif);
background-repeat:no-repeat;
width:151px;
height:25px;
font-size:11px;
color:#fff;
text-decoration:none;
padding: 5px 0px 0px 40px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid white;
display:block;
}