@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0; } 
option { padding-left: 0.4em}
fieldset, img { border:0; }
html { height: 100% } 
ul { margin-left:20px; }
select, input, textarea { font-size: 99% }

body { min-height: 101%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; position: relative; color: #000; background: #d4ddef url(../images/background.jpg) repeat-x top; text-align: left; padding: 0px; }

#seitenrand { border-left: 1px #fff solid; border-right:1px solid #fff; border-bottom: 1px #fff solid; margin:auto; width:1024px; margin-bottom:50px;  }
#seite { border: 0px #000 solid; }

#header { position:relative; height: 150px; color: #000; background: url(../images/header_provisorium.jpg) no-repeat top; }
#header img { margin: 0px; }

#topnav { font-size:15px; width:100%; height:40px; position:absolute; bottom:0px; background:#2f4f88; }
#topnav ul { list-style:none; padding-top:10px; margin-left:0px; }
#topnav li { display:inline; }
#topnav a { text-decoration:none; color:#fff; padding:10px 20px 10px 20px; border-right:1px solid #fff; }
#topnav li.first a { padding-left:0px; }
#topnav a:hover { background: #091849; }
#topnav li.active a { background: #091849; }

/*Hauptcontainer um Inhaltsspalten*/
#hauptcontainer { clear:both; width: auto; repeat-y top left; margin:0px; padding:20px 0px; background:#fff; }

/*Spalten-Definitionen*/
#spalte1 { float: left; width: 270px; z-index: 3; }
#spalte1_inhalt { position:relative; z-index: 4; }
  
#spalte2 { float:right; width: 0px; z-index: 5; }
#spalte2_inhalt { position:relative; z-index: 6; }

#spalte3 { width:auto; margin-left: 270px; margin-right: 0px; z-index: 1; }
#spalte3_inhalt { position:relative; z-index: 2; padding-left:60px; padding-right:20px; }

/*Navigation*/
#navigation {font-size: 12px; font-weight:bold; }
#navigation ul { list-style: none; width:100%; margin-left:0px; }
#navigation li { border-bottom:1px solid #fff; background:#d4ddef; }
#navigation a { text-decoration:none; display:block; color:#2f4f88; padding:9px 10px; }
#navigation li.active a { text-decoration:underline; }
#navigation li a:hover { text-decoration:underline; }

/*Adresse und Sprechstunde*/
#address, #open { margin-top:20px; font-size: 12px; line-height:15px; padding-left:10px; padding-right:10px; }
#address h1, #address h2, #open h1, #open h2 { font-size: 12px; color:#2f4f88; background:#d4ddef; padding:8px; border-top: 1px #2f4f88 solid; margin:0px -10px 10px -10px;  }
#address a { color:#2f4f88; }

/*Content*/
#content { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size: 14px; }
#content h1, #content h2 { font-size: 12px; color:#2f4f88; background:#d4ddef; padding:8px; border-top: 1px #2f4f88 solid; margin-bottom:40px;  }
#content a { color:#2f4f88; }
#content strong { color:#2f4f88; }

/*Footer und Clearing*/  
#footer { clear:both; height: 30px; text-align:center; color:#000; background:#fff; margin: 0px; padding: 0px; border: 0px #000 solid; line-height: 20px; border-bottom: 1px solid #091849; }
#footer a { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; }
#footer a { text-decoration:underline; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; } 
.floatbox { overflow:hidden; }
#ie_clearing { display: none }
.hide { position:absolute; top:-9999px; left:-9999px; display:inline; overflow:hidden; width:0px; height:0px; }

/*Kontaktformular*/
.tx-powermail form { 
    border: 0;
    padding: 10px;
    margin-bottom: 20px;
    background: #eee;
    border: 1px solid #ccc;

 }

.powermail_form_1 legend { display:none; }
.powermail_form_1 input { width:100%; float:left; padding:4px 0px 4px 0px; }
.powermail_form_1 .tx_powermail_pi1_fieldwrap_html_text input { border:1px solid #2f4f88; }
.powermail_form_1 label { width:100%; display:block; float:left; font-weight: bold; color: #1E5799; }
.powermail_form_1 select { float:left; width:50%; padding:4px 0px 4px 0px; }
.powermail_form_1 textarea { width:100%; min-height:200px; border:1px solid #2f4f88; padding:4px 0px 4px 0px; }
.powermail_form_1 .tx_powermail_pi1_fieldwrap_html { float:left; padding-bottom:10px; width:100%; }
.powermail_form_1 .powermail_fieldwrap { display: inline-block; margin-bottom: 15px; width: 100%; }
#powermaildiv_uid1 label { display:none; }
#powermaildiv_uid9 { padding-left:140px; }
.powermail_form_1 input[type=submit] { cursor: pointer; border: 0; padding: 5px 20px; color: #fff; cursor: pointer; background: rgb(30,87,153); }
.powermail_form_1 input[type=submit]:hover { opacity: .7; }
.tx-powermail .container-fluid h3 { display: none; }
.powermail_label { margin-bottom: 5px; }

#footer a { color: #2f4f88; }

/*New Form*/
.form-group { margin-bottom:10px; }
.form-group .input input { width:100%; padding: 8px 5px; }
.form-group .input select { width:50%; padding: 8px 5px; }
.form-group .input textarea { width:100%; min-height: 100px; padding: 8px 5px; }
.form-navigation .submit button { padding: 8px 25px; }
.form-navigation .submit button:hover { cursor: pointer; }