/* CSS Document */

/* Generelles Aussehen für Farben und Farbverläufe */

center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	vertical-align: baseline;
	color: #000000;
}

/* Abschnitte fuer alle Seiten */

body {
background-image:url(../images/background_oben.gif);
background-repeat:repeat-x;
background-color:#7F868C;
}

#container{
margin: 0 auto;
margin-top:40px;
padding: 0px;
width: 807px;
height:687px;
background-image:url(../images/background_container_1.jpg);
}

#main{
padding: 0px;
width: 800px;
height:679px; /* 556 */
background-color:#FFFFFF;
}

#oben_logo{
float:left;
margin:0px;
padding: 0px;
width: 163px;
height:187px;
}
#oben_titelbild{
float:right;
margin:0px;
padding: 0px;
width: 637px;
height: 187px;
background-color:#543124;
}
#unten_links{
	float:left;
	margin:0px;
	padding: 0px;
	width: 160px;
	height:492px; /* 369 */
	background-image:url(../images/background_links_unten.jpg);
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #C90711;
}
#unten_rechts{
float:right;
margin:0px;
padding: 0px;
width: 637px;
height:492px; /* 369 */
background-color:#ffffff;
}

#unten_rechts_scroll{
float:right;
margin:7px;
padding: 0px;
width: 620px;
height:460px; /* 369 */
background-color:#ffffff;
overflow:auto;
}
#content_rechts_scroll {
position:relative;	
left:0px;
margin:0px;
padding:0px;
width: 620px;
height:460px; /* 369 */
background-color:#ffffff;
overflow:auto;
}

#content_rechts_scroll {
position:relative;	
float:right;
left:0px;
margin:0px;
padding:0px;
width: 620px;
height:480px; /* 369 */
background-color:#ffffff;
overflow:auto;
}


#content_rechts2{ /* firmenkunden */
float:left;
padding-top:20px;
padding-left:20px;
width:350px;
height:465px;
line-height:14px;
text-align:left;

}

#bild_rechts2{
float:right;
left:380px;
margin:10px;
padding-top:20px;
padding-left:30px;
width:210px;
height:400px;
line-height:14px;
text-align:left;
}
#adresse{
font-size:9px;
margin-top:10px;
margin-left:15px;
width:auto;
line-height:14px;
text-align:left;
color:#504E53;
}

/* Ende Abschnitte fuer alle Seiten */

/*Abschnitte fuer Hauptseite*/

#beschreibung_home{
float:left;
padding-top:20px;
padding-left:20px;
width:420px;
line-height:14px;
text-align:left;

}

/*Javascript Animation*/
#animation_home{
position:relative;
left:430px;
margin:10px;
padding-top:20px;
padding-left:30px;
width:170px;
height:200px;
line-height:14px;
text-align:left;
}


#bild_kalender {
	position:absolute;
	left:30px;
	top:25px;
	background-color:#CCC;
	z-index:1;
}

#laufbild
{
    position:absolute;
	left:600px;
	top:25px;
	z-index:-1;
	overflow:hidden;
	}

#kalendarium
{
    position:absolute;
	left:23px;
	top:300px;
	z-index:-1;
	overflow:hidden;
	}

#text_animation{
	float:left;
	position:relative;
	left:25px;
	top:10px;
	width:145px;
	height:200px;
	text-align:left;
	background-color:#FFF;
	
	
}
	


/*Ende Abschnitte fuer Hauptseite*/


/* Navigation Start ------------------------------------------------------------------------------*/
#navi{
	padding-top:20px;
	margin-left:15px;
	width:auto;
	text-align:left;
}

/* 1st Level */
#navi ul{
list-style: none;
}

#navi ul li{
	display: inline;
}
#navi ul a{
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#ffffff;
	font-weight:normal;
	line-height:18px;
	
}
#navi ul a:hover{
	color: #C90711;
}
#navi ul a.current{

	color: #C90711;
}
/* Navigation Ende ------------------------------------------------------------------------------*/



p{
margin-top:10px;
color:#504E53;
line-height:16px;
}

h1{
font-size:12px;
font-weight:bold;
color:#504E53;
line-height:18px;
}

h2{
font-size:12px;
font-weight:bold;
color:#504E53;
line-height:16px;
text-align:center;
}

h3{
margin-top:10px;
font-weight:bold;
text-align:center;
}
td {
vertical-align:top;}
/* Container Layout */



#content3{
float:left;
padding-top:20px;
padding-left:20px;
width:617px;
height:349px;
line-height:14px;
text-align:left;
overflow : auto; 
}


/* Fomular */
input, text, textarea, select {
  width:400px; /*300*/
  border: 1px solid #C90711;
  font-size: 11px;
  margin-bottom:10px;
  padding: 2px;
}
label {
  width:75px;
  clear:none;
  float:left;
  display:block;
  padding-right:10px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}

/* Bestellformular */
#bestellung
{
}
h4{
font-weight:bold;}

#bestellung input, text, select, checkbox {
 width:30px;
  border: 1px solid #C90711;
  font-size: 11px;
  margin-bottom:10px;
  padding: 2px;
}

.sum{
list-style:none;}
.data{
list-style:none;}

/* download
*******************************************************************************/
.download-hdl p, 
.download-file p, 
.download-desc p { 
  width:90%; /* IE6 Hack */
	margin: 0;
}

.download-hdl p { 
	padding: 5px 7px;
	background-color: #C90711;
	font-weight: bold;
	color: #fff;
}

.download-file { 
	padding: 1.2em 7px;
	height:auto;

}

.download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	width:90%; /* IE6 Hack */

}

.download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 2px solid #393;
}

/* Login */

.m_formular {
	background-color: #ECF0E6;
	width: 540px;
	border: 1px solid red;
	padding: 10px;
}

.m_headline {
	color: #FFFFFF;
	background-color: #333333;
	display: block;
	padding-left: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
}

.auswahl{

  width:150px; 

  border: 1px solid #C90711;
  font-size: 11px;
  margin-bottom:10px;
  margin-left:85px;
  padding: 2px;
 }