/* top right bottom left */
body {font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 12px; line-height: 120%; margin: 0px; background-color: #CBCED3 }
body { background-image: url(/data/images/layout/whiteback.gif); background-repeat: repeat-y; background-position: center;  }
img { border: 0px none; padding: 0px; margin: 0px; }
form { padding: 0px; margin: 0px; }
.clear { clear: both; }
a { color: #A7810C; text-decoration: none; }
a:hover { color: #333333;}
h1 { color: #A7810C; font-size: 12px;font-weight: normal; padding: 2px 0px 2px 5px; margin: 0px 0px 30px 0px; background-color: #EDEEF0; border-bottom: 1px solid #A7810C; }
h2 { color: #A7810C; font-size: 12px;font-weight: normal; padding: 2px 0px 1px 0px; margin: 0px 0px 30px 0px; background-color: transparent; border-bottom: 1px solid #A7810C; }
h3 { color: #A7810C; font-size: 12px;font-weight: normal; padding: 2px 0px 2px 5px; margin: 0px 0px 30px 0px; background-color: transparent; border-bottom: 1px solid #A7810C; }
h4 { color: #525252; font-size: 100%; font-weight: normal; padding: 15px 0px 0px 0px; margin: 0px; }
h5 { margin: 5px 0px 5px 0px; font-size: 100%; }
h6 { margin: 5px 0px 5px 0px; font-size: 100%; }
.head { position: relative; width: 850px; margin: 10px auto 0px auto; height: 136px; background-color: #ffffff; }
.flash-banner { width: 850px; height: 136px; background-color: transparent; }
.hauptclaim { width: 660px; height: 47px; background-color: transparent; }

.content { background-color: #ffffff; width: 850px; margin: 0px auto; min-height: 500px }
a.logo img { margin: 0px 0px 25px 0px; }
a.logo:hover { text-decoration: none; }

.mainnav { position: relative; width: 850px; margin: 0px auto; background-color: #EDEEF0; height: 20px; border-bottom: 1px solid #A7810C; border-top: 1px solid #ffffff; }
.mainnav  .right-nav { position: absolute; right: 0px; top: 3px; list-style-type: none; padding: 0px; margin: 0px; }
.mainnav  .left-nav { position: absolute; left: 0px; top: 3px; list-style-type: none; padding: 0px; margin: 0px; }
.mainnav  ul li { float: left; }
.mainnav  a { font-size: 11px; text-decoration: none; color: #4E5666; padding: 0px 10px 0px 10px; border-left: 1px solid #4E5666; display: block; text-transform: uppercase; }
.mainnav  a.first { padding: 0px 10px 0px 0px; border: 0px none; }
.mainnav  a.firstlang { padding: 0px 10px 0px 10px; border: 0px none; }
.mainnav  a:hover    { text-decoration: underline; }
.mainnav  a.nav-active    { text-decoration: underline; }

/* Sub Navigation */
.subnav { margin: 0px 0px 0px 5px; padding: 0px;  }
.subnav li { list-style-type: none; padding: 0px; border-bottom: 1px solid #ffffff; }
.subnav a { color: #A7810C; display: block; padding: 4px 0px 3px 5px; margin:0px 0px 7px 0px; text-transform: uppercase; border-bottom: 1px solid #ffffff; }
.subnav a:hover { background-color: #EDEEF0; border-bottom: 1px solid #A7810C; }
.subnav a.nav-active { background-color: #EDEEF0; border-bottom: 1px solid #A7810C; }
.secondlev { margin: 0px 0px 8px 0px; padding: 0px; }
.secondlev li { list-style-type: none; padding: 0px; }
.secondlev a { color: #9E9FA3; display: block; padding: 0px 0px 0px 5px; text-transform: none; margin: 2px 0px 2px 0px; border-bottom: 0px none;}
.secondlev a:hover { background-color: transparent; border-bottom: 0px none; text-decoration: underline;  }
.secondlev a.nav-active { background-color: transparent; border-bottom: 0px none; text-decoration: underline; }

.content-wrapper { position: relative; float: right; width: 660px; margin-top: 58px; }

.left-col { position: relative; float: left; width: 160px; padding: 0px; margin: 20px 0px 20px 0px; }

.content-col { float: left; width: 480px; line-height: 140%; margin: 15px 0px 20px 0px; }
.content-col-wide { float: left; width: 660px; line-height: 140%; margin: 15px 0px 20px 0px; }
.content-col ul { padding: 0px 0px 0px 20px; margin: 0px; }
.content-col ul li { line-height: 20px; }

.right-col { width: 150px; float:right; margin: 20px 0px 0px 0px; }
.right-col .rc-img { margin-bottom: 10px}
.right-col ul { margin: 0px; padding: 10px 10px 5px 10px; background-color: #EDEEF0; margin-bottom: 10px; font-size: 10px; }
.right-col li { list-style-type: none; padding: 0px 0px 5px 0px; }

.grey-cont { background-color: #EDEEF0; padding: 10px; margin-bottom: 10px; font-size: 10px; }
.content { padding: 0; clear: both; }
.content-text { padding: 0px 0px 10px 0px; }
.content-headline { margin: 0px; }
.text-bild-rechts { float: right; padding: 0px 0px 10px 20px; }
.text-bild-links { float: left; padding: 0px 20px 10px 0px; }
.bild-l { display: block; float: left; margin-right: 30px; }
.text-bild-l {  }

.footer { width: 850px; margin: 0px auto; position: relative; height: 20px; background-color: #EDEEF0; border-bottom: 1px solid #A7810C; }
.footer ul {  position: absolute; left: 5px; top: 3px; list-style-type: none; padding: 0px; margin: 0px; }
.footer ul li { float: left; vertical-align: middle; }
.footer a { font-size: 12px; text-decoration: none; color: #4E5666; padding: 0px 10px 0px 10px; border-right: 1px solid #4E5666; display: block; }
.footer a.last { padding: 0px 0px 0px 10px; border: 0px none; }
.footer a:hover    { text-decoration: underline; }
.footer a.nav_active    { text-decoration: underline; }
.footer .copyr { position: absolute; right: 15px; top: 3px;  }

.kontaktformular { background-color: #EDEEF0; padding: 20px; }
.kontaktformular .text-input { width: 400px; font-size: 12px; display: block; margin: 5px 0px 5px 5px; color: #666666; border: 1px solid #D8DADE }
.kontaktformular textarea { width: 400px; color: #666666; font-size: 12px; display: block; margin: 5px 0px 10px 5px; font-family: Helvetica, Arial, sans-serif; border: 1px solid #D8DADE }
.kontaktformular .button { font-size: 12px; color: #666666; }
.internformular { background-color: #EDEEF0; padding: 20px; }
.internformular .text-input { width: 300px; font-size: 12px; color: #666666; border: 1px solid #D8DADE }
.internformular .button { font-size: 12px; color: #666666; }

/* flashmap */
.map { width: 660px; height: 407px; background-color: #F8F9FA; color: #646E5F; border: 0px none; margin-top: 20px; border-bottom: 1px solid #A7810C; }



.media-wrapper { width: 480px; margin-bottom: 20px; }
.media-wrapper object { width: 480px; }
.media-head { color: #A7810C; font-size: 12px;font-weight: normal; padding: 2px 0px 2px 5px; margin: 0px; background-color: #EDEEF0; border-bottom: 1px solid #A7810C; }
.audio-object { height: 77px; }


/* reddot */

.content-edit { position: relative; z-index: 499; }
.dot-set, .dot-1, .dot-set-right-col, .dot-set-content-col, .dot-set-left-col, .dot-1-rcol, .dot-set-rcol { font-family: verdana,sans-serif; font-size: 10px; color: #000000; }
.dot-1 span { vertical-align: middle; color: red; background-image: url(/data/images/reddot_add/reddot_trans_white.png); }
.dot-1 span, .dot-1 a { vertical-align: middle; }
.dot-1 { position: absolute; left: -5px; top: -5px; z-index: 500; }

.dot-1-rcol { position: absolute; left: 5px; top: 5px; }
.dot-set-rcol { position: absolute; left: 0px; top: 0px; padding: 5px; border: 1px solid red; z-index: 500; background-image: url(/data/images/reddot_add/reddot_trans.png); }

.dot-set { position: absolute; left: -5px; top: -5px; padding: 5px; border: 1px solid red; z-index: 500; background-image: url(/data/images/reddot_add/reddot_trans.png); }

.dot-set-right-col { position: absolute; left: 510px; top: -43px; padding: 5px; border: 1px solid red; z-index: 500; background-image: url(/data/images/reddot_add/reddot_trans.png); }
.dot-set-content-col { position: absolute; left: 0px; top: -43px; padding: 5px; border: 1px solid red; z-index: 500; background-image: url(/data/images/reddot_add/reddot_trans.png); }
.dot-set-left-col { position: absolute; left: 0px; top: 100px; padding: 5px; border: 1px solid red; z-index: 500; background-image: url(/data/images/reddot_add/reddot_trans.png); }


.dot-set a { padding: 0px; margin: 0px; }
.dot-set p { line-height: 100%; margin: 0px 0px 5px 0px; padding: 0px; }