﻿/************************************************/
/*                    Schriften                 */
/************************************************/
@font-face {font-family:"Rotis";
    src: url('../fonts/rotis_semiserif_bold_65-webfont.eot');
    src: url('../fonts/rotis_semiserif_bold_65-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rotis_semiserif_bold_65-webfont.woff') format('woff'),
         url('../fonts/rotis_semiserif_bold_65-webfont.ttf') format('truetype'),
         url('../fonts/rotis_semiserif_bold_65-webfont.svg#MetaPlusBookRoman') format('svg');
    font-weight: bold;
    font-style: normal;
}


/************************************************/
/*                    Allgemein                 */
/************************************************/
html {height:100%; width:100%;}
body {height:100%; width:100%; min-width:1000px; margin:0px; padding:0px; color:#666666; font-family:Helvetica,Arial; font-size:75%; font-weight:normal; background-color:#FFFFFF;}
font,table,tr,td,form,textarea,input,select {font-size:100%; font-weight:normal; font-family:Helvetica,Arial;}

table p{margin:0px;}
img {border:0px;}
hr {height:1px; border:none; border-top:1px #000000 solid; margin:20px 0px 20px 0px;}
li {line-height:20px;}

h1 {font-family:Helvetica,Arial; font-size:200%; color:#000000; font-weight:normal; margin:15px 0px 15px 0px; line-height:normal;}
h2 {font-family:Helvetica,Arial; font-size:180%; color:#000000; font-weight:normal; margin:0px 0px 10px 0px; line-height:normal;}
h3 {font-family:Helvetica,Arial; font-size:160%; color:#000000; font-weight:normal; margin:0px 0px 10px 0px; line-height:normal;}
h4 {font-family:Helvetica,Arial; font-size:160%; font-weight:normal; margin:0px 0px 10px 0px; line-height:normal;}
h5 {font-family:Helvetica,Arial; font-size:140%; font-weight:normal; font-style:italic; margin:0px 0px 5px 0px; line-height:normal;}
h6 {font-family:Helvetica,Arial; font-size:140%; color:#000000; font-weight:normal; font-style:italic; margin:0px 0px 5px 0px; line-height:normal;}

a:link      {color:#000000; font-weight:normal; text-decoration:none;}
a:visited   {color:#000000; font-weight:normal; text-decoration:none;}
a:hover     {color:#000000; font-weight:normal; text-decoration:underline;}
a:active    {color:#000000; font-weight:normal; text-decoration:none;}

a[name] {color:#000000; font-weight:normal; text-decoration:none;}

.content {line-height:140%; margin-bottom:30px;}

.trennlinie {height:1px; border-top:1px #000000 solid; margin:20px 0px 20px 0px;}

.clear_left {clear:left; height:1px; margin-top:-1px;}
.clear_right {clear:right; height:1px; margin-top:-1px;}
.clear_both {clear:both; height:1px; margin-top:-1px;}

/************************************************/
/*                     Struktur                 */
/************************************************/
.container {background-image:url('../img/head_bg.jpg'); background-repeat:no-repeat; background-position:center top; min-height:100%; height:100%;}
.main {margin:auto; height:100%; background-image:url('../img/content_head_bg.jpg'); background-repeat:no-repeat; background-position:center top;}
.schatten {margin:auto; min-width:1000px; max-width:1070px; background-image:url('../img/schatten_lang.png'); background-repeat:no-repeat; background-position:center top; min-height:100%; height:auto !important; height:100%; overflow:hidden;}
.container_content{margin:auto; width:992px; height:100%;}
.head {height:90px; position:relative;}
.logo {position:absolute; width:307px; height:116px; top:20px; left:-39px;}
.navi {width:200px; float:left; position:relative; margin:46px 0px 20px 0px;}
.content {width:537px; float:left; padding:15px 15px 15px 70px;}
.rechte_spalte {width:170px; padding:280px 0px 0px 0px; float:left; position:relative;}


/************************************************/
/*                    Box Rechts                */
/************************************************/
.box_rechts{width:189px; margin-bottom:20px;}
.box_head {padding:0px 0px 13px 0px; background-image:url('../img/eckegau_rechts.png'); background-position:right bottom; background-repeat:no-repeat;}
.box_head div {color:#000000; font-size:120%; font-weight:bold; background-color:#C6C6C6; height:34px; line-height:34px; width:149px; padding:0px 35px 0px 5px;}
.box_text {position:relative; width:146px; margin:-13px 0px 0px 0px; padding:6px 6px 35px 6px; border:1px #A5A5A5 solid; border-top:0px; background-color:#EFEFEE; font-size:110%;}
.box_btn {width:42px; height:16px; background-image:url('../img/mehr_button.png'); font-size:90%; background-repeat:no-repeat; position:absolute; bottom:-1px; right:7px; padding:14px 0px 0px 11px;}
.box_btn a {color:#666666;}


/************************************************/
/*                    Formular                  */
/************************************************/
.button			{font-size:90%; font-weight:normal; border:1px #DBDBDB solid; height:20px; line-height:20px; padding:0px 2px 0px 2px;}
.buttonfehler	{font-size:90%; font-weight:normal; border:1px #000000 solid; height:20px; line-height:20px; padding:0px 2px 0px 2px;}

.form_abs {padding:0px 0px 0px 0px; margin-top:10px;}
.form_abs div.text {float:left; width:150px; line-height:20px;}
.form_abs div.feld {float:left; width:340px;}
.form_abs div.feld input {width:334px;}
.form_abs div.feld select {margin:0px; padding-right:0px; height:22px; line-height:22px; width:340px;}
.form_abs div.feld textarea {width:334px; max-width:334px; height:88px;}
.form_abs div.feld1 {float:left; margin-right:10px; width:90px;}
.form_abs div.feld1 input {width:84px;}
.form_abs div.feld1 select {margin:0px; padding-right:0px; height:22px; line-height:22px; width:90px;}
.form_abs div.feld2 {float:left; width:240px;}
.form_abs div.feld2 input {width:234px;}
.form_abs div.icon {float:left; margin:2px 0px 2px 12px; display:none;}
.form_abs div.icon img{height:18px; width:18px;}


/************************************************/
/*                    Pflichtfelder             */
/************************************************/
#pflicht_layer	{width:515px; font-size:100%; border:2px #ffdd00 solid; display:none; padding:8px 0px 8px 0px; margin:0px 0px 20px 0px;}
#pflicht_icon	{float:left; width:34px; margin:0px 16px 0px 16px;}
#pflichtfelder	{float:left; width:433px; margin:0px 16px 0px 0px; color:#000000;}
.pflicht_info	{margin-top:-15px; margin-right:17px; text-align:right;}
.pflicht_abs	{padding-top:3px;}
.pflicht		{color:#000000}



/************************************************/
/*                       CMS                    */
/************************************************/
.cms_img {float:left; width:150px; margin-right:15px;}
.cms_container {float:left;}
.cms_container.kl {width:365px;}
.cms_container.gr {width:530px;}

.cms_titel {font-size:18px; font-family:Arial; color:#DF111B; margin:5px 0px 0px 0px;}
.cms_titel a{font-weight:normal; color:#DF111B; text-decoration:none;}
.cms_titel a:hover {font-weight:normal; text-decoration:underline;}
.cms_datum {margin:2px 0px 0px 0px; font-style:italic;}
.cms_text {margin:10px 0px 0px 0px;}
.cms_datenpfad {margin:10px 0px 0px 0px;}
.cms_link {margin:10px 0px 0px 0px; text-align:right; font-size:110%;}

.cms_gallerie {margin-top:10px;}
.cms_gallerie div.bild{float:left; margin:5px 5px 5px 5px; width:120px; text-align:center; font-size:90%; line-height:normal;}
.cms_gallerie img{margin:0px 0px 5px 0px;}


