/* Cascading Stylesheet fuer ZIF */
/* 3-point concepts: Jasmina Liessmann - 08.08.2008 */
 
/* ------------------------------
	Layout - Positionierung 
-------------------------------*/

html {min-height:100.05%;}
body {background:#e6e6e6; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:left;}
table,tr,td,div,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h5,h6 {border:0; margin:0; padding:0;}
.layout {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:left; width:100%;}
.clear {clear:both; height:0px; overflow:hidden;}

.hb_text b a {font-weight:bold;}
/* ------------------------------
	Kopf
-------------------------------*/
.kopf {background:#fff; float:left; padding:25px 0 0 0; width:100%;} 
   html* .kopf {padding:32px 0 0 0;}
.kopf_logo {float:left; margin:12px 0 0 10px; margin:12px 0 0 20px;}
   * html .kopf_logo {margin:12px 0 0 10px;}
.kopf_logo h1 {background:url(../pix/logo_de.gif) no-repeat 0 0; height:54px; width:168px; border:0px;}
.kopf_logo h1 span {position:absolute; top:-1000px; left:-1000px;}
.kopf_js {float:left; height:75px; margin:12px 0 0 72px; padding:0;}


/* Kopf-Menue */
.kopf_menu {color:#0199CB; float:left; font-size:11px; margin:-2px 0 -2px 2px; padding:2px 0 0 20px; text-align:left; margin:9px 0 1px 10px; padding:2px 0 10px 6px;}
   html* .kopf_menu {margin:10px 0 1px 10px;}
.kopf_menu a.on:link, .kopf_menu a.on:visited {background:url(../pix/menue/liste_e1_schwarz.gif) no-repeat 0 7px; color:#000; font-weight:normal; margin:0 0 0 6px; padding:3px 10px 3px 18px; text-decoration:none;}
.kopf_menu a.on:focus, .kopf_menu a.on:hover {background:url(../pix/menue/liste_e1_schwarz.gif) no-repeat 0 7px; color:#000; font-weight:normal; margin:0 0 0 6px; padding:3px 10px 3px 18px; text-decoration:underline;}
.kopf_menu a.off:link, .kopf_menu a.off:visited {background:url(../pix/menue/liste_e1_rot.gif) no-repeat 0 7px; color:#CC3333; font-weight:normal; margin:0 0 0 6px; padding:3px 10px 3px 18px; text-decoration:none;}
.kopf_menu a.off:hover, .kopf_menu a.off:focus {background:url(../pix/menue/liste_e1_rot.gif) no-repeat 0 7px; color:#000; font-weight:normal; margin:0 0 0 6px; padding:3px 10px 3px 18px; text-decoration:underline;}
/*
.kopf_menu a.sprache:link, .kopf_menu a.sprache:visited {background:url(../pix/menue/liste_e1_schwarz.gif) no-repeat 0 7px; color:#000; font-weight:normal; margin:0 0 0 38px; padding:3px 0 3px 18px; text-decoration:none;}
.kopf_menu a.sprache:hover, .kopf_menu a.sprache:focus {background:url(../pix/menue/liste_e1_schwarz.gif) no-repeat 0 7px; color:#000; font-weight:normal; margin:0 0 0 38px; padding:3px 0 3px 18px; text-decoration:underline;}
*/
.kopf_menu a.en:link, .kopf_menu a.en:visited {background:url(../pix/en.gif) no-repeat 0 4px; color:#000; font-weight:normal; margin:0 0 0 38px; padding:3px 0 3px 22px; text-decoration:none;}
.kopf_menu a.en:hover, .kopf_menu a.en:focus {background:url(../pix/en.gif) no-repeat 0 4px; color:#000; font-weight:normal; margin:0 0 0 38px; padding:3px 0 3px 22px; text-decoration:underline;}
.kopf_menu a.de:link, .kopf_menu a.de:visited {background:url(../pix/de.gif) no-repeat 0 4px; color:#000; font-weight:normal; margin:0 0 0 38px; padding:3px 0 3px 22px; text-decoration:none;}
.kopf_menu a.de:hover, .kopf_menu a.de:focus {background:url(../pix/de.gif) no-repeat 0 4px; color:#000; font-weight:normal; margin:0 0 0 38px; padding:3px 0 3px 22px; text-decoration:underline;}

.searchbox {margin:8px 0 0 10px; float:left; width:160px;}
* html .searchbox {margin:10px 0 0 10px;}
*+html .searchbox {margin:10px 0 0 10px;}
.searchbox form input {float:left; font-family:verdana, arial, helvetica, sans serif; height:14px; font-size:11px; margin-top:1px; padding:1px;}
* html .searchbox form input {margin:0;}
*+html .searchbox form input {margin:0;}
.searchbox form input.submit {background:#FFF;}
* html .searchbox form input.submit {margin-top:1px;}
*+html .searchbox form input.submit {margin-top:1px;}
/* ------------------------------
	Inhalt
-------------------------------*/

.line {background:#FFB802 url(../pix/topbar_end.gif) top right no-repeat; clear:both; height:13px; margin:0; padding:0; width:98%;}
.line hr {display:none;}


/* Spalten */
.inhalt {background:#e6e6e6; height:auto; line-height:15.5px; margin:0; padding:0; width:100%;}
.inhalt_2spaltig {float:left; margin:25px 0 0 0; width:100%; margin:25px 0 15px 0;}

/* linke Spalte */
.spalte_links {float:left; margin:0 0 16px 0; padding:0 20px 0 20px; width:200px;}
   * html .spalte_links {padding:0 18px 0 20px; width:200px;}
   *+html .spalte_links {padding:0 18px 0 20px; width:200px;} 
.spalte_links .grau {float:left; width:180px; margin:0 0 15px 0;}
   
.spalte_links .grau h3, .spalte_links h3 {background:url(../pix/liste_grau.gif) no-repeat 0 2px; border:0; font-size:11px; line-height:15px; margin-bottom:6px; padding:0 0 0 22px; text-transform:uppercase; width:100%;}
.spalte_links .grau div {float:left; margin:0 0 0 22px; width:178px;}
   
.spalte_links .grau div #flash_2 {margin:0;}   
.spalte_links hr {background:#000000; border:0; color:#000000; height:1px; margin:11px 0 7px 0; width:200px;}
   * html .spalte_links hr {margin:4px 0 0 0;}
   *+html .spalte_links hr {margin:4px 0 0 0;}      
.spalte_links p {margin:0 0 20px 0; padding:0; width:190px;}



/* Menue linke Spalte */
.spalte_links .menu {margin:16px 0 0 0; padding:0;}
.spalte_links .menu a {clear:both; display:block; float:left; margin:0; padding:0 0 3px 20px; text-decoration:none; }
.spalte_links .menu a.e1:link, .spalte_links .menu a.e1:visited {background:url(../pix/menue/liste_e1_rot.gif) no-repeat 0 5px; color:#CC3333; width:180px;}
.spalte_links .menu a.e1:hover, .spalte_links .menu a.e1:focus {background:url(../pix/menue/liste_e1_rot.gif) no-repeat 0 5px; color:#000;text-decoration:underline; width:180px;}
.spalte_links .menu a.e1_on:link, .spalte_links .menu a.e1_on:visited {background:url(../pix/menue/liste_e1_schwarz.gif) no-repeat 0 5px; color:#000; width:180px;}
.spalte_links .menu a.e1_on:hover, .spalte_links .menu a.e1_on:focus {background:url(../pix/menue/liste_e1_schwarz.gif) no-repeat 0 5px; color:#000; text-decoration:underline; width:180px;}
.spalte_links .menu a.e2:link, .spalte_links .menu a.e2:visited {background:url(../pix/menue/liste_e2_rot.gif) no-repeat 0 9px; color:#CC3333; margin:0 0 0 20px; padding:1px 0 3px 12px; width:168px;}
   * html .spalte_links .menu a.e2:link, * html .spalte_links .menu a.e2:visited {margin:0 0 0 10px;}
.spalte_links .menu a.e2:hover, .spalte_links .menu a.e2:focus {background:url(../pix/menue/liste_e2_rot.gif) no-repeat 0 9px; color:#000; margin:0 0 0 20px; padding:1px 0 3px 12px;  text-decoration:underline; width:168px;}
   * html .spalte_links .menu a.e2:hover, * html .spalte_links .menu a.e2:focus {margin:0 0 0 10px;}
.spalte_links .menu a.e2_on:link, .spalte_links .menu a.e2_on:visited {background:url(../pix/menue/liste_e2_schwarz.gif) no-repeat 0 9px; color:#000; margin:0 0 0 20px; padding:1px 0 3px 12px; width:168px;}
   * html .spalte_links .menu a.e2_on:link, * html .spalte_links .menu a.e2_on:visited {margin:0 0 0 10px;}
.spalte_links .menu a.e2_on:hover, .spalte_links .menu a.e2_on:focus {background:url(../pix/menue/liste_e2_schwarz.gif) no-repeat 0 9px; color:#000; margin:0 0 0 20px; padding:1px 0 3px 12px; text-decoration:underline; width:168px;}
   * html .spalte_links .menu a.e2_on:hover, * html .spalte_links .menu a.e2_on:focus {margin:0 0 0 10px;}

.spalte_links .menu a.e3 {color:#CC3333; margin:0 0 0 30px; width:180px;}
.spalte_links .menu a.e3:hover {color:#000; text-decoration:underline;}
.spalte_links .menu a.e3_on{color:#000; margin:0 0 0 30px; width:180px;}
.spalte_links .menu a.e3_on:hover{text-decoration:underline;}

* html .spalte_links .menu a.e3, * html .spalte_links .menu a.e3_on{margin:0 0 0 15px;}

.spalte_links #flashcontainer{margin:0 0 10px 0;}


/* rechte Spalte */
.spalte_rechts {float:left; margin:0; max-width:1000px; padding:1px 0 0 20px; width:70%;}
   *+html .spalte_rechts {margin-bottom:15px;}

.spalte_rechts .news {margin:1px 0 0 0; width:100%;}
.spalte_rechts .news div {margin:0 0 29px 0;}
.spalte_rechts .news div h3 {background:none; font-size:11px; margin:0; padding:0; text-transform:none; width:100%;}

.spalte_rechts #flashcontainer{margin:0px;}

/* Klassen nur auf der Startseite / rechte Spalte */
.spalte_rechts .welcome {margin:0; padding:0; width:81%;}
.spalte_rechts .topics {float:left; margin:32px 0 0 0; padding:0; width:100%;}
   *+html .spalte_rechts .topics {margin-top:36px;}
.spalte_rechts .topics div {float:left; margin:0 5px 0 0; padding:0; width:234px;}
.spalte_rechts .topics div .headline {margin:0 0 5px 0; padding:0;}
.spalte_rechts .topics div .pic {border-top:#999999 1px solid; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:0; margin:0; padding:0; width:232px;}
.spalte_rechts .topics div .text {border-top:0; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#999999 1px solid; margin:0; padding:13px 10px 10px 10px; width:234px; width:212px;}


/* Ergaenzungen fuer die Startseite */
.startseite {margin:29px 0 0 0;}
.startseite .spalte_links {padding-top:1px;}
.startseite .spalte_links p{margin:0 0 30px 23px;}

.startseite .spalte_rechts {border:0; border-left:1px dashed gray; margin-top:1px; margin-bottom:16px; padding-top:2px;}
.startseite .spalte_rechts h1{color:#CC3333; font-size:1.2em; border:0px; padding:0px;}


/* Pop-up Fenster */
.extrafenster {margin:0; padding:0; width:480px;}
.extrafenster .kopf {padding:10px 30px 10px 0; text-align:right; width:450px;}
.extrafenster .inhalt {padding:58px 30px 25px 30px; width:420px;}
   * html .extrafenster .inhalt {padding:25px 30px 25px 30px;}
   *+html .extrafenster .inhalt {padding:25px 30px 25px 30px;}
.extrafenster .fuss_top {background:#FFF; padding:13px 0 23px 20px; width:460px;}
   * html .extrafenster .fuss_top {padding:13px 0 10px 20px;}
   *+html .extrafenster .fuss_top {padding:13px 0 10px 20px;}
.extrafenster .fuss_top .fuss_links {float:left; padding:0 0 0 10px;}
.extrafenster .fuss_top .fuss_rechts {float:right; margin:0; padding:0 30px 0 0;}
   * html .extrafenster .fuss_bottom {height:21px;}
   *+html .extrafenster .fuss_bottom {height:21px;}

#popup .header {background-color:#FFF; border-bottom:13px solid #FFB802; margin:0 0 20px 0; padding:20px 0 0 20px;}
#popup .header h1 {background:url(../pix/logo_de.gif) no-repeat 0 0; height:54px; border:0px;}
#popup .header h1 span {position:absolute; top:-1000px; left:-1000px;}
#popup .content {padding:20px; padding-top:0px;}

/* ------------------------------
	Fuss
-------------------------------*/

.fuss {float:left; width:100%;}
.fuss_top {background:#FFF; padding:13px 0 13px 20px;}
.fuss_top a{padding:0px; background:none;}
.fuss_bottom {background:#FFB802; margin:0; padding:8px 0 9px 20px;}
   * html .fuss_bottom {padding:8px 0 0 20px;} 
   *+html .fuss_bottom {padding:8px 0 0 20px;} 
.fuss_bottom .clear {clear:both; height:0px; overflow:hidden; font-size:0px; line-height:0px;}    
.fuss_bottom .fuss_links {float:left; margin:0; padding:0;}
.fuss_bottom .fuss_rechts {float:right; margin:0; padding:0;}
.fuss_bottom .fuss_rechts a{background:url(../pix/footerdots.gif) no-repeat 0 7px; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0 30px 0 0; padding:0 0 0 48px; text-decoration:none;}
.fuss_bottom .fuss_rechts a:hover{color:#000; text-decoration:underline;}




/* ------------------------------
	Sonstiges
-------------------------------*/

span.rot {color:#CC3333; font-weight:bold;}
img.left {float:left; margin:0 10px 7px 0; padding:1px 10px 15px 0; margin:0;}
   * html img.left {padding-bottom:10px;}
   *+html img.left {padding-bottom:10px;}


/* Bilderrahmen */
.box {background:#FFF; float:left; margin:0 10px 0 0; padding:15px 20px; width:80px; margin:0 10px 15px 0;}
.box_top {background:#FFF; float:left; margin:0 10px 0 0; padding:5px 20px; width:60px; margin:0 10px 15px 0;}


/* Headlines */
h1, h2 {border-top:0; border-left:0; border-left:0; border-right:0; border-bottom:1px solid; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 7px 0; padding:0 0 13px 0;}
   * html h2 {margin:0 0 8px 0; padding:0 0 13px 0;}
   *+html h2 {margin:0 0 8px 0; padding:0 0 13px 0;}
h2.rot {border:0; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin:0 0 9px 0; padding:0;}
h3 {border:0; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; line-height:18px; margin:0; padding:0;}
h4 {border:0; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:18px; margin:0; padding:0;}
.startseite .spalte_links h3 a {border:0; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:18px; margin:0; padding:0;}

.dropdownmenu{padding:15px 0 15px 0; border-bottom:1px solid #000; margin-bottom:30px;}
.dropdownmenu input{border:1px solid grey;}

/* Listen */
ul {margin:15px 0 16px 0;}
* html ul {margin:15px 0 1px 0;}
*+html ul {margin:15px 0 1px 0;} 
ul li {background:url(../pix/liste.gif) no-repeat 2px 8px; list-style:none; margin:0; padding:0 0 1px 20px; padding:0 0 0 20px;}


/* Links */
a:link, a:visited {color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;}
a:hover, a:focus {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:underline;}

a.blank:link, a.blank:visited, a.extern:link, a.extern:visited {background:url(../pix/linkicons/icon_extern.gif) no-repeat 0 2px; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 16px;}
a.blank:hover, a.blank:focus, a.extern:link, a.extern:visited {background:url(../pix/linkicons/icon_extern.gif) no-repeat 0 2px; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 16px;}

a.intern:link, a.intern:visited {background:url(../pix/linkicons/icon_intern.gif) no-repeat 0 4px; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 7px; text-decoration:none;}
a.intern:hover, a.intern:focus {background:url(../pix/linkicons/icon_intern.gif) no-repeat 0 4px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 7px; text-decoration:underline;}

a.pdf:link, a.pdf:visited, a.dokument:link, a.dokument:visited, a.download:link, a.download:visited {background:url(../pix/linkicons/icon_pdf.gif) no-repeat 0 2px; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 24px; text-decoration:none;}
a.pdf:hover, a.pdf:focus,a.dokument:hover, a.dokument:focus, a.download:hover, a.download:focus  {background:url(../pix/linkicons/icon_pdf.gif) no-repeat 0 2px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 24px; text-decoration:underline;}

a.download_allgemein:link, a.download_allgemein:visited {background:url(../pix/linkicons/icon_download_allgemein.gif) no-repeat 0 2px; color:#CC3333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; margin:0; padding:0 0 0 14px; text-decoration:none;}


/* Formulare */
input {border:#7F9DB9 1px solid; height:17px; margin:0; padding:0 0 0 2px; width:100px;}
input.submit {background:#e6e6e6; border:0; color:#CC3333; cursor:pointer; font-size:12px; margin:1px 0 0 0; padding:0; text-align:center; width:auto;}
   *+html input.submit {margin-left:2px;}
input.submit:hover {color:#000;}


/* Tabellen */
table.zweispaltig {border:0; border-collapse:collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:left;}
table.zweispaltig th {line-height:20px; margin:0; padding:0; text-align:left; width:240px;}
table.zweispaltig tr.white {background:#FFF; line-height:15px;}
table.zweispaltig tr {line-height:15px;}
table.zweispaltig tr td {margin:0; padding:0; vertical-align:top; width:240px;}

table.white {border:0; border-collapse:collapse; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:left;}
table.white th {line-height:20px; margin:0; padding:0 10px 3px 3px; text-align:left;}
table.white tr {background:none; line-height:15px;}
table.white tr.white {background:#FFF; line-height:15px;}
table.white tr td {margin:0; padding:1px 12px 3px 3px; vertical-align:top;}

.bgwhite {background:#FFF;}

.col{
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 234px;
}

.cols-3{	clear: both; width: 720px;}

.hl_blank{background: url(../pix/bg_box_blank.gif) no-repeat;}
.hl_black{background: url(../pix/bg_box_black.gif) no-repeat;}
.hl_red{background: url(../pix/bg_box_red.gif) no-repeat;}
.hl_gold{background: url(../pix/bg_box_yellow.gif) no-repeat;}



.hb_pic {border-top:#999999 1px solid; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:0; margin:0; padding:0; width:232px;}
.hb_text {border-top:0; border-left:#999999 1px solid; border-right:#999999 1px solid; border-bottom:#999999 1px solid; margin:0; padding:13px 10px 10px 10px; width:234px; width:212px;}
.hb_headline {font-weight:bold; height:20px; margin:0 0 5px; padding:2px 0 0 5px;}

.hb_text .news-list-container{margin:11px 0 0 0;}

.col-1{float: left; width: 500px; margin-right: 20px; }
.col-2{float: left; width: 200px;}
.col-clean {width: 1px; clear: both; font-size: 1px; height: 1px;}
.cols-2{clear: both; width:720px;}

#contenttable TD, table td {padding:5px; vertical-align:top;}
.contenttable {border-collapse:collapse;padding:5px; vertical-align:top;}
.contenttable td, .contenttable th {border-collapse:collapse; padding:5px 10px; vertical-align:top;}
.contenttable th {border-bottom:1px solid #000;}
.contenttable .tr-odd {background:#FFF;}
.contenttable .td-last, .contenttable .td-2 {text-align:right;}



