/******************************************************************
* FILE        : style.css
* DESCRIPTION : www.LinguaRu.de Stylesheet
******************************************************************/

/******************************************************************
* Allgemeine Formatierungsangaben
******************************************************************/
html, body, ul, li {
   margin: 0;
   padding: 0;
}
img {
   border: 0;
}
a {
   font-weight: bold;
   color: #859D31;
}
a:hover {
   color: #5C5C5C;
}
.clear {
   clear: both;
}
.nowrap {
   white-space: nowrap;
}
body, h1,h3, form {
   font: 12px tahoma, arial, sans-serif;
   margin: 0;
   padding: 0;
   color: #5C5C5C;
}
h2 {
   font: 16px tahoma, arial, sans-serif;
   text-transform: uppercase;
   font-weight: bold;
   margin: 0;
   padding: 0;
   color: #839837;
}
body {
   background: url(images/header_bg.gif) repeat-x;
   text-align: center;
}
#wrapper {
   text-align: left;
   margin: auto;
   width: 633px;
}

/******************************************************************
* Header und Navigation formatieren
******************************************************************/
#header {
   height: 203px;
   position: absolute;
}
#header h1 {
   margin-top: 44px;
}
#header h1 img {
   display: block;
}
#nav {
   margin-top: 7px;
}
.navimg {
   float: left;
}

/******************************************************************
* Body formatieren
******************************************************************/
#body {
   padding-top: 225px;
   text-align: justify;
}
#body-left {
   float: left;
   width: 432px;
   padding: 0 10px 0 3px; /* top right bottom left */
}
#body-right {
   float: right;
   width: 178px;
   padding: 0 5px 0 5px; /* top right bottom left */
}
#body-full {
   float: left;
   width: 625px;
   padding: 0 5px 0 3px; /* top right bottom left */
}
#body h2, #body p {
   margin: 0.8em 0;
}

/******************************************************************
* Footer formatieren
******************************************************************/
#footer {
   color: #FFFFFF;
   background: #42453D url(images/footer_bg.gif) repeat-x;
   padding: 6px 0 5px 0; /* top right bottom left */
   margin-top: 4em;
   font-weight: bold;
   font-size: 10px;
}
#footer p {
   margin: 0;
   padding: 0;
}
#footer img {
   display: inline;
   padding-top: 5px;
}
/******************************************************************
* Aufzählungzeichen formatieren
******************************************************************/
ul.bullets {
   margin-left: 15px;
   padding: 0;
}
ul.bullets li {
   margin: 0 0 10px 0; /* top right bottom left */
   padding: 0 0 0 10px; /* top right bottom left */
   list-style-type:disc;
   color: #859D31;
}
li span {
   color: #5C5C5C;
}

/******************************************************************
* Foto formatieren und Bilderklau verhindern
******************************************************************/
.img {
   width:172px;
   height:236px;
   float: right;
   background-image:url(images/otof.jpg); 
   background-repeat:no-repeat; 
   overflow: hidden;
}
.img-border {
   margin-top:16px;
   border: 1px solid #D8D8D8;
   padding: 2px;
}

/******************************************************************
* Kontaktformular formatieren
******************************************************************/
form {
   display: inline;
   font: 12px tahoma, arial, sans-serif;
}
input, select , textarea {
   border: 1px solid #859D31;
   font: 12px tahoma, arial, sans-serif;
}
.radio {
   border: none;
}
.star {
   color: #839837;
}
.formbox {
   /* width: 430px; für #body-left */
   width: 625px;
}
.row {
   clear: both;
   padding: 2px 0px;
}
.label {
   float: left;
   width: 135px;
   text-align: left;
   padding-top: 3px;
}
.field {
   float: right;
   /* width: 290px; für #body-left */
   width: 485px;
   text-align: left;
}