/* CSS Document */
/*-------------------------------- ALLGEMEINES --------------------------------*/
html {
height: 100.1%;
}
* {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
ul {
list-style: none;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.1%;
text-align: left;
background-color:#CCCCCC;
color: #000000;
}
a, a:visited {
text-decoration: none;
color: #0099CC;
}
a:hover {
color: #FFFFFF;
}
/*-------------------------------- DIVS -------------------------------------------*/
div#rahmen {
width: 670px;
padding-left:230px;
height: 500px;
margin: 100px auto 0 auto;
background-image: url(../bilder/background.jpg);
background-repeat: no-repeat;
font-size: 0.75em;
}
div#links {
width:400px;
float: left;
height: 456px;
}
div#rechts {
width: 240px;
float: right;
}
/*-------------------------------- H -------------------------------------------*/
h2 {
padding: 10px 0 10px 0;
font-size: 1.2em;
font-weight: bold;
}
/*-------------------------------- DL -------------------------------------------*/
dl#formular, dl#form5 {
clear: both;
width: 400px;
}
dl#form3 {
clear: both;
width: 400px;
padding: 5px 0 0 0;
}
dl#formular dt, dl#form3 dt, dl#form5 dt{
margin: 0 1px 5px 0;
width:195px;
float: left;
font-weight: bold;
}
dl#formular dd {
margin: 0 1px 5px 0;
width:195px;
font-weight: bold;
}
dl#form2 {
clear: both;
width: 185px;
padding: 5px 0 0 0;
float: left;
}
dl#form2 dt {
margin: 0 0 5px 0;
width:85px;
float: left;
font-weight: bold;
}
dl#form4 {
width: 203px;
padding: 5px 0 0 0;
float: right;
}
dl#form4 dt {
margin: 0 0 5px 0;
float: left;
font-weight: bold;
width: 190px;
}
dl#form3 dd {
clear:both;
font-weight: bold;
}
dl#sendenform {
clear: both;
width: 370px;
padding: 10px 0 0 0;
}
dl#sendenform dt{
width: 240px;
float: left;
}
dl#sendenform dd{
width: 100px;
float: right;
}
dl#preise, dl#kontaktdaten {
margin: 200px 20px 0 20px;
}
/*-------------------------------- UL -------------------------------------------*/
ul#navi {
clear: both;
width: 600px;
margin: 0 0 0 97px;
}
ul#navi li {
width: auto;
float: left;
}
/*-------------------------------- IMG -------------------------------------------*/
ul#navi img  {
border: 0;
}
/*-------------------------------- FORMS -------------------------------------------*/
input{
background-color: #EEEEEE;
border: 1px solid #506770;
color: #506770;
vertical-align: middle;
width: 170px;
padding: 2px;
margin-top: 3px;
}
select {
background-color: #EEEEEE;
border: 1px solid #506770;
color: #506770;
vertical-align: middle;
width: 175px;
padding: 1px;
margin-top: 3px;
}
textarea {
background-color: #EEEEEE;
border: 1px solid #506770;
color: #506770;
vertical-align: middle;
width: 365px;
padding: 2px;
margin-top: 3px;
}
/*-------------------------------- CLASS -------------------------------------------*/
.small {
width: 60px;
}
.big1{
width: 200px;
}
.submit {
background-color:	#EEEEEE;
color: 	#506770;
width:	100px;
font-weight: bold;
}
.submit:hover {
color:#F9E9B9;
background-color:#88ba14;
}
.black {
padding: 0 0 10px 0;
font-weight: bold;
}
.pink {
padding: 3px 0 0 0;
color: #db0076;
font-weight: bold;
}
.green {
color: #4da928;
font-weight: bold;
}
.btn_home {
width: 103px;
height: 44px;
}
.header {
font-weight: bold;
padding: 5px 0 0 0;
}
.tel {
font-weight: bold;
padding: 20px 0 0 0;
}
.mail, .mail:visited {
font-weight: bold;
color:#000000;
}
.mail:hover {
font-weight: bold;
color:#88ba14;
}
.mail2, .mail2:visited {
font-weight: bold;
color:#88ba14;
}
.mail2:hover {
font-weight: bold;
color:#000000;
}


.karte {
margin: 70px 0 0 0;
}
.smallradio {
width: 60px;
border:0;
}
.red {
background-color: #f2d2cd;
}
.smallred {
background-color: #f2d2cd;
width: 60px;
}