/*----------------------------------- Deklarierung von HTML_Tags -------------------------------------*/

/* Volle Hhe */
body, html { height:100% !important; margin:0; padding:0; }

/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
html { font-size:100.01%; }

/* Allgemeine Formatierungen */
body { font-size:70.00%; font-family:Arial, Helvetica, sans-serif; }
body, form, ul { margin:0; padding:0; }
a { color:black; text-decoration:none; }
a:active, a:focus{ outline:none; }
fieldset, img { border:none; }
#col_1 p.first { padding-top:0; margin-top:0; } /* für <p> */
#col_2 p.first { margin-bottom:0; }

/* Überschriften deklarieren */
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }
h1 { font-size:2.2em; font-weight:bold; text-transform:uppercase; color:#003e71; display:block; padding-left:30px; position:relative; left:-30px; height:21px; text-indent:-9999px; margin-bottom:30px; }  /* Beispiel: 20px(Größe)/12px(Grundpixel) = gerundet 1.8em */
h2 { font-size:1.8em; color:#003e71; margin-bottom:1em; }
h3 { font-size:1.2em; }
h4 { font-size:1.1em; }
h5 { font-size:0.9em; }
h6 { font-size:0.75em; }

/*--------------------------------------- Deklarierung von IDs ----------------------------------------*/

/* Grundgerüst der Seite */
#page { width:900px; margin:0 auto; border-left:1px solid #003e71; border-right:1px solid #003e71; min-height:100%; height:auto !important; height:100%; }
#head { height:234px; width:900px; position:relative; }
#content-wrap { width:900px; background:url(../../gfx/basis/bg_content_wrap.png) repeat-y 200px 0; }
#navi { float:left; width:160px; padding:0 20px; overflow:hidden; }
#navi ul { list-style:none; text-transform:uppercase; }
#navi ul li {  }
#navi ul li a { min-height:21px; display:block; width:145px; overflow:hidden; background-position:0 0; font-size:1.05em; font-weight:bold; color:#013e71; padding-top:4px; padding-left:15px; text-indent:-9999px; }
#navi ul li a:hover, #navi ul li a.aktiv { background-position:0 25px; color:#cc0000; }
#navi ul ul li { border:none; background:none; }
#navi ul ul li a { font-size:1em; background:url(../../gfx/basis/bg_nav_sub_a.png) no-repeat 4px 9px; padding-left:15px; font-weight:normal; color:#000000; text-indent:0px; min-height:16px; }
#navi ul ul li a:hover, #navi ul ul li a.aktiv { background-position:4px 9px; color:#cc0000;}
#navi ul ul ul li { border:none; background:none; }
#navi ul ul ul li a { font-size:1em; background:url(../../gfx/basis/bg_nav_sub_sub_a.png) no-repeat 4px 9px; padding-left:23px; font-weight:normal; text-transform:none; color:#000000; text-indent:0px; min-height:16px; }
#navi ul ul ul li a:hover, #navi ul ul li a.aktiv { background-position:4px 9px; color:#cc0000;}

#content { margin:0 0 0 200px; border-top:2px solid #cc0000; padding:29px 30px 30px; background:url(../../gfx/basis/bg_content.png) no-repeat; min-height:377px; line-height:1.5em; }
#content a { text-decoration:underline; }
#content ul {list-style:outside;}
#content .subheading { color:#003e71; display: block; margin:1px 0; font-size:1.2em; } 
#content .trenner { background-color:#003E71; height:1px; width:100%; margin:5px 0; }

#sprachen a:hover, #sprachen a.aktiv { background-position:0 45px; cursor:pointer; }
#german_flag { height:45px; width:47px; display:block; overflow:hidden; background-image:url(../../gfx/basis/german.png); margin-bottom:5px; }
#english_flag { height:45px; width:47px; display:block; overflow:hidden; background-image:url(../../gfx/basis/english.png); margin-bottom:5px; }

#stripe { position:relative; margin-left:200px; height:80px; overflow:hidden; margin-top:63px; width:700px; }
#stripe #stripe_3 { position:absolute; right:0px; width:198px; height:80px; background:#003e71; text-align:right; color:#ffffff; }
#stripe #stripe_3 div { margin:20px 20px 0 0; }

#intro_top { height:386px; background:url(../../gfx/basis/bg_intro.jpg) repeat-x; }
#intro_top #animation { width:988px; margin:0 auto; height:118px; padding-top:50px; }
#intro_top #animation img { opacity:0; filter: alpha(opacity=0); position:relative; left:-865px; }
#intro_top #anschrift_werbetext { width:334px; margin:0 auto; background:url(../../gfx/basis/werbetext.gif) no-repeat 200px 0; height:146px; padding-left:654px; color:#444444; font-size:1.1em;  }
#intro_bottom { width:988px; margin:30px auto 0; height:110px; text-transform:uppercase; letter-spacing:1px; color:#444444; }
#intro_bottom a { color:#444444; }
#intro_bottom a:hover { color:#CC0000; }

.design1 #col_1 { float:left; width:307px; }
.design1 #col_2 { margin-left:307px; width:328px; }
.design1 #col_1 p { padding-right:20px; }
.design1 #col_2 p { padding-left:10px; }

.design2 { position:relative; }
.design2 #col_1 { float:left; width:360px; position:relative; left:-10px; }
.design2 #col_2 { margin-left:360px; width:280px; }
.design2 #col_1 p { padding:0 10px 0; }
.design2 #col_2 p, .design2 #col_2 ul { padding-left:20px; }


ul#downloads li { list-style-type:none; padding-bottom:25px; }
ul#downloads li a { text-decoration:none; }
ul#downloads li a:hover { text-decoration:underline; }
ul#downloads li a strong { color:#003E71; }
ul#downloads li a img { float:left; margin-right:10px; }

#head #outside { text-indent:-9999px; font-size:2em; }
/*----------------------------------- Deklarierung von Klassen ------------------------------------*/

/* Float und Clear-Methoden */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.floatbox { overflow:hidden; }

/* Schriftfarben und Hintergründe */
.c_gruen { color:#96bf0d; }
.c_rot { color:#ff0000; }
.k1 { font-size:0.9em; }
.k2 { font-size:0.8em; }

/* Form-Elemente */
.msg_error { border:solid 1px #cc0000; padding:5px 10px; color:#cc0000; background-color:#faf3f3; }
.msg_success { border:solid 1px #96bf0d; padding:5px 10px; color:#000000; background-color:#dcff97; }
.msg_info { border:solid 1px #cccccc; padding:5px 10px; color:#000000; background-color:#ffffcc; }

/* Form-Elemente */
.form_style { font-size:12px; font-family:Arial; background:#ffffff; border:solid 1px #999999; }
.form_style_err { font-size:12px; font-family:Arial; background-color:#ffe9e9; border:solid 1px #aaaaaa; }
.form_button { padding:1px 6px; overflow:visible; font-size:12px; font-weight:bold; font-family:Arial; }
.form_label { padding:4px 0px 4px 0px; white-space:nowrap; }
.form_elem { padding:2px 0px 2px 15px; white-space:nowrap; }
.form_text { padding:5px 0px 5px 15px; }
.form_safe { display:none; }

/* Weitere Klassen */
.cursor { cursor:pointer; }
.disabled { opacity:0.7; filter: alpha(opacity=70); }

/* Korrektur der Höhe, die durch Überschriften mit Umlaut nötig wird */
.korrektur_hoehe { position:relative; top:-5px; }

.ansprechpartner_details_list td { height:25px; }
.ansprechpartner_details_list td img { position:relative; top:2px; }
.datenblatt { width:290px; height:190px; border:1px solid #cccccc; float:left; margin:2px; padding:5px; text-align:center; position:relative;}
.datenblatt p, h3 { margin:3px 0; }
.datenblatt a { position:absolute; bottom:5px; left:85px; display:block; color:#777777; }
.datenblatt a:hover { color:black; }



/* Formular */
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}


form label {
	display: block;
	float: left;
	width: 140px;
}

input, textarea {
	width: 270px;
}

select, input, textarea {
	border: 1px solid #BBBBBB;
}

/* Sonstiges */
.clear {
	clear: both;
}