/* ----------------------------- general information ----------------------------- *
Author: Stefan Kandler, Designfrisch
Author URI: http://www.designfrisch.de

/* ----------------------------- resets ----------------------------- */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

:focus { outline:0; } /* remember to define focus styles! */
ins { text-decoration:none; } /* remember to highlight inserts somehow! */
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */


/* ----------------------------- basic styling ----------------------------- */
body { font-family: Arial, Tahoma, Verdana; color:#444; font-size:62.5%; background:#f6f6f6 url("../images/bg_body.png") bottom right no-repeat; }

/* objekte im content */
p, h1, h2, h3, h4, h5, h6, hr, table { line-height:1.6em; margin:0 30px;  }
p { margin-bottom:.8em;text-align:justify }
h1, h2 { font-size:1.6em; text-transform:uppercase; font-weight:normal; color:#555; margin:30px 30px 10px; }
h1 { margin-top:0 }
h3 { margin-top:20px; font-size:1.4em; font-weight:normal; color:#e6000d; }
h4 { margin-top:10px; font-size:1.2em; text-transform:uppercase; font-weight:normal; color:#84a04d; }
h5, h6 { margin-top:30px; text-transform:uppercase; font-weight:normal; color:#555 }

hr { clear:both; margin:20px 30px; background:#ccc; border-width:0; height:1px; width:auto; }

/* links */
a:link, a:active, a:visited { color:#84a04d; text-decoration:none; }
a:hover { color:#e6000d; text-decoration:none }


/* ----------------------------- Layers ----------------------------------------- */

#allBot { background:url("../images/bg_bottom.png") bottom left repeat-x; height:100%; overflow:hidden }
#allTop { background:url("../images/bg_top.png") top left repeat-x; height:186px; }

#fixed  { width:1020px; margin:0 auto; font-size:1.2em; background:none; }
.logo { padding:23px 10px 6px 18px }
.header { background:url("../images/bg_header.png") top left no-repeat; padding:10px 9px 40px 10px; margin:0 10px; overflow:hidden }
.header .nav { width:240px; margin:16px 20px 10px; text-transform:uppercase; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:.05em; font-weight:bold; overflow:visible }
.header .ru { text-transform:none; font-family:Arial, Tahoma, Verdana }
.header .picture { float:right; }
.header .customer { position:absolute; margin-left:832px; width:150px }
.conHeader { clear:both; background:url("../images/bg_content_01.png") top left no-repeat; height:35px; margin:0 10px }
.conContent { background:url("../images/bg_content_02.png") top left repeat-y; margin:0 10px; }
.conFooter { background:url("../images/bg_content_03.png") top left no-repeat; height:35px; margin:0 10px }

.conContent ol { list-style:decimal; }
.conContent ul { list-style:circle; }
.conContent ul, .conContent ol { line-height:1.6em; margin:0 30px; padding-bottom: 10px;  } 
.conContent ul li, .conContent ol li { margin:0 16px; }
.conContent .news h4 { margin-left: 0; font-size: 12px }

#bodyFooter { float:right; color:#ccc;  text-align:right; margin:5px 10px 23px; font-size:.8em; }
#bodyFooter a { color:#bbb; margin:0 10px }
#bodyFooter a:hover { background:none; color:#333 }

/* ----------------------------- Navi ----------------------------------------- */
.nav li { display:block; margin:0 0 8px;  }
.nav li a:link, 
.nav li a:active, 
.nav li a:visited { display:block; border:0; padding:8px 10px; border-left:4px solid #eee; text-decoration:none; letter-spacing:.1em; white-space:nowrap; color:#777; }
.nav li a:hover, 
.nav li a.aktuell { border-left:4px solid #e6000d; color:#e6000d; }

/* ----------------------------- SubNavi ----------------------------------------- */
.subnav { position: absolute; margin: 20px 30px 0; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:.05em; font-weight:bold; overflow:visible }
.subnav li { display:block; float: left; margin:0; position:relative; z-index:100;  }
.subnav li a:link, 
.subnav li a:active, 
.subnav li a:visited { display:block; float: left; border:0; padding:13px 20px; margin-right: 5px; text-decoration:none; letter-spacing:.05em; color:#546529; border-width:1px 1px 0 1px; border-style:solid; border-color:#ddd; }
.subnav li a:hover, 
.subnav li a.aktuell { background:#fff; color:#e6000d; font-weight:bold }

/* ----------------------------- Language ----------------------------------------- */
#languagebox { float:right; margin:56px 20px 0 0; width:66px }
#languagebox li { display:block; float:left; }
#languagebox a { width:22px; height:27px }
#languagebox li a { display:block; float:left; } /* iehack */
#languagebox li a.de { background:url("../images/lang_de_grau.png") no-repeat; }
#languagebox li a.en { background:url("../images/lang_en_grau.png") no-repeat; }
#languagebox li a.ru { background:url("../images/lang_ru_grau.png") no-repeat; }
#languagebox li a.de:hover, #languagebox a.deaktuell { background:url("../images/lang_de.png") no-repeat; }
#languagebox li a.en:hover, #languagebox a.enaktuell { background:url("../images/lang_en.png") no-repeat; }
#languagebox li a.ru:hover, #languagebox a.ruaktuell { background:url("../images/lang_ru.png") no-repeat; }

/* ----------------------------- Sonstiges ----------------------------------------- */
.center { text-align:center; margin:0 auto }
.right { float:right; }
.left { float:left; }
img.right { float:right; margin:2px 30px 5px 20px }
img.left { float:left; margin:2px 20px 5px 30px }
img.border { padding:1px; border:1px solid #ddd; }
.clear { clear:both;  }

.line { background:url("../images/bg_line1.png") repeat-x; overflow:hidden; margin-top:30px}

.box { float:left; width:270px; margin:5px 15px 20px 10px; padding:10px 20px;  }
.box:hover { background:#f6f6f6 }
.box.last { margin-right:0; }
.box h2, .box h3, .box h4, .box p, .box ul { margin:0; }
.box p, .box h3 { margin-bottom:.8em; }
.box h2 { font-size:1.4em; color:#e6000d  }
.box .right { margin-right:0 }
.box .left { margin-left:0 }

.boxkontaktform { width:600px; float:right; }
.boxphobie { width:240px; float:right; border:1px solid #ccc; padding:0 10px 10px; margin-left:20px; margin-right:30px  }
.boxphobie ol { margin: 0 0 0 10px }
.boxphobie h3 { margin: 10px 0; }
.boxphobie p { margin: 0; }

.boxnews { float:left; min-height:300px; width:254px; border-color:#e6000d; margin-left:30px; background:#84a04d; color:#333; }
.boxnews p { text-align: left }
.boxnews h4 { color:#fff; }
.boxnews a { color: #fff; }
.boxnews a:hover { text-decoration: underline }

.team { margin-bottom:10px; padding-bottom:10px }
.box .border { margin-bottom:20px }
.team .border { margin-bottom:10px }
.map { float:right; margin:0 30px; width:540px; text-align:right; }
.map iframe { border:1px solid #ccc; padding:1px; margin-bottom:4px  }
.map small { font-size:.8em; }

/* ----------------------------- Formular ------------------------------------------*/
td { padding:2px 0; vertical-align:top }
input, textarea { width:190px; border:1px solid #a0c04d }
.fehler { border-color:#e6000d; color:#e6000d; }

/* ----------------------------- Eingabefelder ------------------------------------------*/
input,
select,
textarea { background-color:#fff; color:#666; padding:5px 2px }
textarea { width:98.8%; margin-right:20px }

input[type=submit]:hover { background-color:#74903d; color:#fff }

input:focus, 
select:focus, 
textarea:focus { background-color:#74903d; color:#fff; }