@charset "utf-8";
body { font: 12px Arial, Helvetica, sans-serif; background: #d9dadb; margin: 0; padding: 0; text-align: center; color: #20388b; }

/* Page-Container Definition
----------------------------------------------------------------------------------------------------*/
#basic_container { width: 806px; margin: 0 auto 0 auto; padding: 0; text-align: left; }
#page_container { margin: 16px 0 0 0; padding: 0; background: #fff; border: 4px solid #fff; }
#top_container { height: 80px; background: #ffed00; }
#image_container { height: 145px; margin: 8px 0; }
#page_zone { margin: 16px 0 0 0; padding: 0; min-height: 302px; background-image: url(../images/fonds.jpg); background-position: top right; background-repeat: repeat-y; overflow: auto; }


/* Content-Zones
----------------------------------------------------------------------------------------------------*/
#contentBox { float: left; margin: 0; padding: 30px 0 10px 40px; width: 486px; } 
#teaserBox { float: left; margin: 0; padding: 20px 0 10px 20px; width: 250px; }


/* Adress-/Teaser_Styling
----------------------------------------------------------------------------------------------------*/
.stamp { margin: 0 0 0 20px; padding: 0; width: 222px; text-align:center; }
.teaser { margin: 0 0 10px 20px; padding: 10px; background: #fff; width: 212px; }
.teaser img { border: 1px #70899d solid; }
.teaser p { margin: 6px 0 0 0; padding: 0; font-size: 11px; line-height: 14px; width: 180px; }
.adress { margin: 0; padding: 0 0 0 30px; }
.adress p { font-size: 11px; line-height: normal; }


/* List-Styling
----------------------------------------------------------------------------------------------------*/
#listintro { margin: 0; padding: 0 0 14px 0; display: block; line-height: 18px; }
#list { padding: 2px 0 4px 16px; margin: 0 0 0 0; width: auto; }
*+html #list { padding: 2px 0 4px 18px; margin: 0 0 0 0; width: auto; }
#list li.bullet { color: #e11023; }
#list span.blue { color: #20388b; }
#list li { list-style-type: disc; margin: 0; padding: 0; font-size: 12px; line-height: 18px; }


/* Font-Styling
----------------------------------------------------------------------------------------------------*/
p { margin: 0 0 14px 0; line-height: 18px; }
span.red, a.red { display: inline; color: #e11023; font-weight: bold; text-decoration: none; }
a.red:hover { text-decoration: underline; }


/* Global Link Styling
----------------------------------------------------------------------------------------------------*/
a { display: block; text-decoration: none; color: #20388b; }
a:hover { text-decoration: underline; }


/* Headline-Styling
----------------------------------------------------------------------------------------------------*/
.headBox { margin: 0 0 20px 0; width: 460px; border-collapse: inherit; background-image: url(../images/teppich.gif); background-position: bottom right; background-repeat: no-repeat; }
.headBox h1 { margin: 0; padding: 0; font-size: 16px; }
.headBox h2 { margin: 0; padding: 0 0 8px 0; font-size: 16px; font-weight: normal; }


/* Form-Styling
----------------------------------------------------------------------------------------------------*/
form.mailfo { width: 460px; font-size: 12px; color: #20388b; }
form.mailfo fieldset { margin-bottom: 10px; border: none; }

form.mailfo legend { padding: 0; font-weight: bold; _margin: 0 -7px; /* IE Win */ }
form.mailfo label { display: inline-block; line-height: 18px;  vertical-align: top; }
form.mailfo fieldset ol { margin: 0 0 0 -10px; padding: 0; }
form.mailfo fieldset li { list-style: none; padding: 5px; margin: 0; }

form.mailfo input.norm { width: 280px; }
form.mailfo .vetole { float: left; display: inline-block; height: 40px; padding: 0 4px 0 0; }
form.mailfo textarea { width: 280px; }

form.mailfo fieldset fieldset { border: none; margin: 3px 0 0; 	}
form.mailfo fieldset fieldset label { display: block; width: auto; } 

form.mailfo em { font-size: 14px; font-weight: bold; font-style: normal; color: #f00; }

form.mailfo label { width: 120px; text-align: right; padding: 0 10px 0 0; color: #20388b; } /* Width of labels */
form.mailfo fieldset fieldset label { float: left; display: block; margin-left: 4px; width: 420px; text-align: left; } 

/*\*//*/ form.mailfo legend { display: inline-block; } /* IE Mac legend fix */

form.mailfo legend, form.mailfo label { color: #20388b; }
form.mailfo fieldset fieldset { background: none; }
form.mailfo fieldset li { padding: 5px 10px 7px; }


/* Image adjustment
----------------------------------------------------------------------------------------------------*/
#image_container img { float: left; }
#image_container img.bias { padding: 0 0 0 14px; }
.brand { float: right; padding: 17px 31px 0 0; }

/* Reuseable Reset Elements
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }