body {
background:       	#fffbcc url(../images/bg.gif) repeat-x top left;
font:            	0.71em Verdana, Arial, Helvetica, sans-serif;
color:           	#444;
margin:          	0px;
padding:         	0px;
text-align:      	center;
}

p, hr, h1, h2, h3, h4 {
  text-align: left;
  margin: 0px;
}

p, ul, ol {
  line-height:    1.4em;
  margin:         5px 0px 10px 0px;
}

p a {
  text-decoration: underline;
}

li {
  margin:         0px 0px 7px 0px;
  background:     #fff;
}

h1, h2, h3, h4 {
 font:           bold 1.6em Arial, Helvetica, sans-serif;
 padding:        10px 0px 3px 0px;
 color:          #4c536f;
}

h2, h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 2.0em;
}

h2 a {
  text-decoration: none;
}

h3 {
  background:     	#dfeff8;
  border-top:           1px solid #60afdd;
  border-bottom:        1px solid #60afdd;
  padding:              3px 0px 3px 3px;
  margin:               0px;
}

label {
  position:       relative;
  float:          left;
  width:          55px;
}

a {
  color:           #003399;
  text-decoration: none;
}

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

hr {
  background:      #d1d1d1;
  color:           #d1d1d1;
  border:          none;
  height:          1px;
  margin:          4px 0px 4px 0px;
  padding:         0px;
}

/* ------------------------------------------------------------------------------------ */


.site {
  width:            670px;
  margin-top:       0px;
  margin-left:      auto;
  margin-right:     auto;
  border-left:      1px solid #990000;
  border-right:      1px solid #990000;
  text-align:       left;
  position:         relative;
background:       	#fff;
}

div.head {
  background:      #fff url(../images/bg_head.jpg) no-repeat top left;
  position:        relative;
  width:           670px;
  height:          110px;
}

.head_homelink {
  position:        absolute;
  left:            0px;
  top:             0px;
  width:           68px;
  height:          73px;
}

.head_contact {
	position:        absolute;
	width:           360px;
	left:            110px;
	top:             13px;
  
}



.main {
  position:        relative;
  margin:          0px 0px 0px 0px;
  width: 	   670px;
  padding:    	   0px;
}

div.mleft {
  position:        relative;
  float:           left;
  width:           170px;
}

div.mcenter {
  position:        relative;
  float:           left;
  width:           460px;
  margin:          0px 0px 0px 20px;
  background:      #fff url(../images/bg_content.jpg) no-repeat top left;
}

.footer {
  background:      #990000;
  padding:         5px 0px 0px 0px;
  margin:          5px 0px 0px 0px;
  color:	   #fff;
}

.footer a, .footer a:link, .footer a:visited {
  color:	   #fff;
}

/* ------------------------------------------------------------------------------------ */

.bg_box_d1 {
  background:     #FFEB02;
  padding:        0px 10px 10px 10px;
  margin-bottom:  10px;
}

.bg_box_d1 h1, .bg_box_d1 h2, .bg_box_d1 h3, .bg_box_d1 p, .bg_box_d1 a {
  color:	  #666;
}

.bg_box_d1 a:hover {
  color:          #000;
}

/* ------------------------------------------------------------------------------------ */

.light {
  color:	   #9292A2;
}

/* ------------------------------------------------------------------------------------ */


div.nav {
  padding-top: 42px;
  width:  170px;
}

div.nav ul {
		margin: 0px;
		padding: 0px;
	}

	div.nav a {
		text-decoration: none;
	}
  
  
	div.nav li { /*float the main list items*/
		margin: 0;
		display: block;
	}

	div.nav li.Level1 a, div.nav li.Level1Act a {
		font-weight: bold;
		display: block;
		padding: 5px 0px 5px 10px;
		background: #efefef;
	}
  
  	div.nav li.Level2 a, div.nav li.Level2Act a {
		font-weight: bold;
		display: block;
		padding: 5px 0px 5px 20px;
		background: #ebebeb;
	}

.Level1, .Level2, .Level2Act, .Level1Act {
  border-bottom: 1px solid #fff;
}

.Level1Act, div.nav li a:hover, div.nav li.on a:hover {
    background: #f2d400;
    color: #000;
}

.Level2Act {
    background: #ffcc33;
    color: #000;
}

/* ----------------------------------------------------------------------------------- */
div.login {
        padding: 0px 0px 0px 10px;
}


/* ----------------------------------------------------------------------------------- */
.content2spaltig label {
	width: 120px;
	margin: 0px;
	float: left;
}

.content2spaltig p {
	width: 280px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.content2spaltig br {
	clear: both;
	margin: 0px 0px 10px 0px;
}

/* ----------------------------------------------------------------------------------- */



label {
  position:       relative;
  float:          left;
  width:          55px;
}

form {
  margin: 0px;

}

form.login {
  background:          #efefef;
  margin:               0px;
  padding:              5px;
}

form label {
  width:      120px;
  text-align: right; 
  margin: 0px 5px 0px 0px;
}

form.login label {
  width:      50px;
  text-align: right; 
  margin: 0px 5px 0px 0px;
  
}

/* wenn select auch ein float:left; bekommt - bockt firefox */

input {
    border: 1px solid #9292A2;
    padding: 1px 2px 1px 3px;
    vertical-align: top;
    background: #FFFBCC;
    color:      #000;
    width:      60px;
    float:      left; 
    margin: 0px 0px 4px 3px;
    font-size:    10px;
}

select, textarea {
    border: 1px solid #9292A2;
    background: #FFFBCC;
  position: relative;
  margin: 0px 0px 4px 0px;
  width:  auto;
  font: normal 11px  Arial, Helvetica, sans-serif;
}

select {
  width: auto;
}

input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus { background: #FFEB02; color: #000;}


input[type=checkbox], .checkbox {
  width: auto;
  background: #F9D98D;
  border: 1px solid #F9D98D;
}

form br, .formular br { 
  clear: left;
  line-height: 2px;
} 

form br.absatz, br.absatz { 
  clear: left;
  /*line-height: 10px;*/
  margin-bottom: 10px;
} 

.textfeld_muss  { /* text felder */
  /*margin-top: 2px;*/
  width:            220px;
}

.textfeld  { /* text felder */
  /*background:     #dce2de;*/
  background:       #d5edfa;
  width:            220px;
}


.button {
    background:     #b9c6be;
    margin:         0px 0px 0px 5px;
    padding:        0px 5px 0px 5px;
    width:          auto;
}


.left80 { 
    width: 80px; 
} 

.left50 { 
    width: 50px; 
} 

/* ------------------------------------------------------------------------------------ */

.clear {
  clear:          both;
}

.no {
  display:        none;
}

.nurdrucken {
  display:        none;
}

.formbutton {
}

.orderinput {
    width: 250px;
}

.orderradio {
    width: 20px;
}