/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Aufteilung */
.logo 			         { width: 760px; margin: 0 auto; padding: 10px 0 6px 0; text-align: right; }

.header                  { width: 758px; height: 72px; margin: 0 auto; border: 1px solid #B4B4B4; background-color: #FFF; }
.header-jp               { width: 758px; margin: 0 auto }

.metanavigation  		 { margin: 7px 0 22px 0; padding: 0 0 0 4px; clear: both; }
.header-jp .metanavigation { margin: 0; padding: 10px 0 30px 0; overflow: hidden }

.pfadnavigation			 { color: #7C7C7C; width: 730px; height: 14px; padding: 0 0 0 30px; text-align: left; margin: 6px auto 8px auto; }

.hauptnavigation		 { float: left; width: 758px; padding: 31px 0 0 0; text-align: left; z-index: 50; }

.metanavigation2,
.systems-navigation		 { width: 760px; margin: 0 auto; background-color: #BEBEBE; text-align: left; }
.metanavigation2 h1,
.systems-navigation h1	 { padding: 0 0 0 15px; font-family: arial, sans-serif; font-size: 24px; font-weight: normal; color: #FFF; line-height: 64px; }

.content				 { width: 760px; margin: 0 auto; padding: 0; background-color: #D7D7D7; background-image: url('../pics/layout/baumann/main_background.gif'); background-repeat: repeat-y; background-position: 570px 0; text-align: left; overflow: hidden; }
.content-microsite		 { width: 700px; margin: 0 auto; padding: 0; background-color: #FFFFFF; text-align: left; overflow: hidden; }

.main					 { width: 570px; float: left; text-align: left; }
.related				 { width: 189px; float: right; text-align: left; }

.content-microsite .main	{ width: 460px; float: left; text-align: left; overflow: hidden; }
.content-microsite .related	{ width: 220px; float: right; text-align: left; }

.footer					 { width: 760px; margin: 0 auto; text-align: left }
.footer .copyright		 { float: left; width: 650px; overflow: hidden }
.footer .facebook		 { margin: 0 0 0 660px; padding: 4px 0 0 0; color: #7C7C7C; text-align: right; vertical-align: middle }
.footer .facebook a		 { color: #7C7C7C; text-decoration: none }
.footer .facebook a:hover{ color: #E80000; text-decoration: none }
.footer .facebook img	 { margin: 0 8px 0 0; vertical-align: bottom }

.footer .text			 { margin: 0; padding: 0; color: #7C7C7C; text-align: left }
.footer .text a			 { color: #7C7C7C; text-decoration: underline }
.footer .text a:hover	 { color: #E80000; text-decoration: none }

.haendler-popup			 { background-color: #D7D7D7; text-align: left; }

/* Basisdefinitionen */
*                        { margin:0; padding:0; border: 0; font-family: arial, sans-serif; font-size: 11px; color: #333; font-weight: normal; }
.page						{ width: 760px; margin: 0 auto; position: relative }

html						 { height: 100%;}
body					 { text-align: center; height: 100%;}

a,
a:link			 		 { text-decoration: none; }
a:visited		 		 { }
a:hover		 	 		 { color: #E80000; }
a:active		 		 { }

strong a,
strong a:link			 { font-weight: bold; }

b						 { font-weight: bold; }
b i						 { font-weight: bold; }


/* Autocomplete für Textfelder */
div.autocomplete 						{ position: absolute; z-index: 10000; background-color: #FFF; border: 1px solid #BEBEBE; border-top: none; margin: 0; padding: 0 }
div.autocomplete ul 					{ height: 1%; margin: 0; padding: 0 }
div.autocomplete ul li.selected			{ color: #000 }
div.autocomplete ul li					{ height: 1%; list-style-type: none; display: block; margin: 0; padding: 2px; cursor: pointer }

/* Facebook-Tab */
.fb-tab				{ margin: 0; padding: 0; text-align: left; }
.fb-tab .inhalt		{ position: absolute; top: 135px; left: 47px; z-index: 1; }
.fb-tab .hintergrund	{ position: absolute; top: 0; left: 0; z-index: 0;  }

/* Gewinnspiel Popup*/
.popup						{ margin: 0; padding: 0; text-align: left; }
.popup .hintergrund			{ position: absolute; top: 0; left: 0; z-index: 0;  }
.popup .inhalt				{ position: absolute; top: 0px; left: 15px; z-index: 1; width: 560px;}
.popup .inhalt .titel h1	{ text-transform: none; font-size: 19px; padding: 10px 0 0 15px; color: #000; }
.popup .inhalt .button_zu	{ float: right;}
.popup .absatz				{ float: none;}
.popup .absatz .text		{ float: none; width: 530px; padding: 0 0 0 15px;}

.popup .formuar						{ font-size: 12px; }
.popup .formular label				{ font-size: 12px; }
.popup .formular .fehler 			{ margin: 0 0 25px 15px; font-size: 12px; }
.popup .formular .fehler ul			{ margin: 5px 0 0 10px;  }
.popup .formular .fehler li			{ font-size: 12px; }
.popup .formular .zeile				{ width: 420px; }

.popup .formularabschnitt 					{ padding: 15px; margin: 10px 0 10px 15px; float: none; overflow: hidden; width: 485px; background: url(../pics/layout/halbtransparent.png)}
.popup .formularabschnitt .radio-bezeichner { font-size: 12px; float: left; width: 175px; font-weight: bold; }
.popup .formularabschnitt .radio-felder 	{ float: left; margin-left: 0px; }
.popup .formularabschnitt .radio-felder .form-eingabe-zeile { width: 70px; float: left}
.popup .formularabschnitt .radio-felder .form-eingabe-zeile .form-label-radio { float: none; }
.popup .formularabschnitt .radio-felder .form-eingabe-zeile .form-label-radio label {width: 30px;}

.popup .formularabschnitt .form-select 	{ width: 220px; }

.popup .formularabschnitt .frage .radio-bezeichner { width: 400px}
.popup .formularabschnitt .frage .radio-felder { float: none; margin-left: 0px; }
.popup .formularabschnitt .frage .radio-felder .form-eingabe-zeile { width: 320px; float: none}

.popup .formularabschnitt .abschicken {text-align: center; width: 100px; float: right; font-size: 20px; font-weight: bold; border: 1px solid #666; padding: 5px; margin-right: 5px; }
.popup .formularabschnitt .abschicken a:link{ float: center; font-size: 15px; font-weight: bold; }

.popup .facebook-button 	{ margin-left: 15px; }

#control_overlay { background-color:#000; } 
 
.video-only		{ padding: 25px 10px 10px 10px; background-color: #fff; overflow: hidden; }
iframe 			{ overflow: hidden; width: 600px; height: 360px; padding:0; margin: 0; }
.window-close	{ position: absolute; display: block; top: 6px; right: 6px; width: 15px; height: 15px; cursor: pointer; background: url(../pics/layout/close_modal.png) 2px 2px no-repeat; }

