/* ------------------- */
/* ----- Allgemeine Formatierungen ------ */
/* ------------------- */

* {
	margin: 0;
	padding: 0;
	}

html {
	min-height: 100.05%;
	}

body  {
	background-image: url("../images/background_body.jpg");
	background-position: 50% 0%;
	background-repeat: repeat-y;
	background-color: #E5E5E5;
	font-family: "Arial" , "Tahoma" , "Verdana" , sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	text-align: center;
	}

/* ------------------- */
/* ----- Text ------ */
/* ------------------- */

p {
	font-size: 12px;
	line-height: 18px;
	padding: 5px 0 5px 0;
	}

h1 {
	font-size: 14px;
	color: #6B82A5;
	margin: 10px 0 10px 0;
	padding: 0;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin: 10px 0 0 0;
	padding: 0;
	}

a:link , a:visited {
	text-decoration: none; 
	color: #666666;
	}

a:hover , a:active {
	text-decoration: none;
	color: #6B82A5;
	}

/* ------------------- */
/* ----- Spezielle Formatierungen ------ */
/* ------------------- */

.content_clear {
	clear: both;
	}

form {
	margin: 0; padding: 0;
	}

.formular { 
	width: 130px;
	height: 16px;
	font-size: 10px;
	color: #666666;
	border: 1px solid #E3E3E3;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	}

.formular_2 { 
	width: 122px;
	height: 13px;
	font-size: 10px;
	color: #666666;
	border: 1px solid #E3E3E3;
	background-color: #ffffff;
	padding: 1px 2px 2px 4px;
	margin: 0;
	}

.formular_3 { 
	width: 100px;
	height: 14px;
	font-size: 10px;
	color: #666666;
	border: 1px solid #E3E3E3;
	background-color: #ffffff;
	padding: 1px 2px 2px 4px;
	margin: 0;
	}

input.login {
	border: 1px solid #E3E3E3;
	background-color: #4B6180;
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	padding: 0 10px 0 10px;
}

table {
   border-collapse: collapse;
   font-weight: thin;
   margin: 10px 0 5px 0;
   }
   
td {
   border: 3px solid #ffffff;
   padding: 2px 5px 2px 5px;
   vertical-align:top;
   }

/* ------------------- */
/* ----- LAYOUT ------ */
/* ------------------- */

#wrapper {
	width: 920px;
	position: relative;
	background-image: url("../images/back_blue.jpg");
	background-repeat: repeat-y;
	padding: 0; 
	margin: 0 auto;
	}

/* ----- Linke Spalte (Blau) ------ */

#blue {
	width: 170px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 0; 
	}
	
	#blue {color: #ffffff;}
	#blue a:link , #blue a:visited {text-decoration: none; color: #ffffff;}
	#blue a:hover , #blue a:active {text-decoration: none; color: #ff0000;}

#box_accredited {
	width: 130px;
	height: 90px;
	background-image: url("../images/pic_fibaa_blue.jpg");
	background-repeat: no-repeat;
	padding: 0; 
	margin: 0 20px 0 20px;
	}

#box_sprache {
	width: 170px;
	height: 60px;
	background-image: url("../images/div_box.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center; 
	padding: 15px 0 15px 0;
	margin: 0;
	}

#box_menu {
	width: 170px;
	background-image: url("/fileadmin/template/images/div_box.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right; 
	padding: 4px 0 20px 0;
	margin: 0;
	}
	
	#box_menu ul {
	width: 170px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
	#box_menu li {
	display: block;
	border-bottom: 1px dotted #ffffff;
	margin-bottom: 0px;
	}
	
	* html #box_menu li {
	border-bottom: none;
	padding-bottom: 1px;
	background: url("/fileadmin/template/images/css-dotted.gif") repeat-x bottom;
	}

	#box_menu li a, #box_menu li a:link {
	text-decoration: none;
	display: block;
	color: #ffffff;
	width: 135px;
	padding: 5px 30px 5px 5px;
	background-color: #7087A9;
	background-image: url("/fileadmin/template/images/c_1_link.gif");
	background-repeat: no-repeat;
	}
	
	#box_menu li a:visited {
	color: #ffffff;
	}
	
	#box_menu li a:hover, #box_menu li a:active, #box_menu li a:focus {
	color: #7087A9;
	background-color: #ffffff;
	background-image: url("/fileadmin/template/images/c_1_linkover.gif");
	background-repeat: no-repeat;
	}

#box_intern {
	width: 155px;
	background-image: url("../images/div_box.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right; 
	padding: 13px 15px 15px 0;
	margin: 0 ;
	}

/* ----- Rechte Spalte (Wei) ------ */

#white_wrapper {
	width: 750px;
	float: right;
	padding: 0;
	margin: 0;
	}

#white {
	width: 720px;
	background: #ffffff;
	text-align: left;
	padding: 0 15px 0 15px;
	}
	
#banner {
	width: 720px;
	height: 85px;
	margin: 0;
	padding: 0; 
	}

/* ----- Menu Zielgruppen ------ */

#menu_zielgruppen {
	width: 720px;
	background-color: #738AAA;
	font-size:11px;
	font-family: "Tahoma" , "Arial" , "Verdana" , sans-serif;
	font-weight: bold;
	text-align: right;
	padding: 5px 0px 5px 0px;
	float: left;
	}
	
	#menu_zielgruppen ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	#menu_zielgruppen li {
	display: inline;
	margin: 0;
	padding: 0;
	}
	
	#menu_zielgruppen li a, #menu_zielgruppen li a:link {
	text-decoration: none;
	border-left: 1px solid #8C9EBA; border-right: 1px solid #647999;
	padding: 7px 10px 7px 10px;
	color: #E6E6E6;
	}
	
	#menu_zielgruppen li a:visited {
	color: #E6E6E6;
	}
	
	#menu_zielgruppen li a:hover, #menu_zielgruppen li a:focus, #menu_zielgruppen li a:active {
	color: #ffffff;
	}

/* ----- Menu Dropdown ------ */

#dropdown_menu {
	width: 720px;
	background-color: #E4E4E4;
	font-family: "Tahoma" , "Arial" , "Verdana" , sans-serif;
	font-size: 11px;
	line-height: 25px;
	border-top: 1px solid #ffffff;
	}
	
ul.menu, ul.menu ul {
    list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.menu a {
    display: block;
    padding: 5px 15px 5px 15px;
    font-weight: bold;
}

ul.menu ul a {
    padding: 1px 15px; 
	font-weight: lighter;
}

ul.menu li {
    padding:0;
    margin:0;

    float:left;
	border-left: 1px solid #F4F4F4;
	border-right: 1px solid #DADADA;
	border-top: 0px;
	border-bottom: 1px solid #E4E4E4;
}

ul.menu ul {
    margin-left: 0;
    padding: 0;
    position: absolute;
    background-color: #eeeeee;
    border: 0px solid #FFF9E4;
    display: none;
    min-width: 181px;
}

/* IE-Hack fr die Breite */
*html ul.menu ul {
    width:181px;
}

/* Dies sind die Klassenstile fr das Untermen wenn sich die Maus */
/* ber der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* ----- Picture ------ */

#picture {
	width: 714px;
	height: 190px;
	border: 3px solid #E6E6E6;
	margin: 5px 0 10px 0;
	padding: 0; 
	}

/* ----- Navigationsanzeige ------ */

#box_path {
	width: 690px;
	height: 20px;
	background-image: url("../images/div_box.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 10px 0 5px 0;
	padding: 0 15px 5px 15px; 
	text-align: left;
	font-size: 11px;
	color: #666666;
	}
	
	#box_path a:link , #box_path a:visited {text-decoration: none; border-bottom: 1px dotted #cccccc; color: #6B82A5;}
	#box_path a:hover , #box_path a:active {text-decoration: none; color: #ff0000;}

/* ----- Inhalt ------ */

#content {
	width: 690px;
	margin: 0;
	padding: 0 15px 0 15px; 
	text-align: left;
	}

#content_text {
	width: 380px;
	margin: 0;
	padding: 0 20px 0 0; 
	float: left;
	}
	
	#content ul , #content ol {padding: 0 25px;}
	#content a:link , #content a:visited {text-decoration: none; border-bottom: 1px dotted #cccccc; color: #6B82A5;}
	#content a:hover , #content a:active {text-decoration: none; color: #ff0000;}

/* ----- Neuigkeiten ------ */

#content_leiste {
	width: 290px;
	margin: 8px 0 0 0;
	padding: 0; 
	float: right;
	}
	
	#content_leiste ul, #content_leiste ol {list-style-type: none; color: #666666; padding: 0 15px;}
	#content_leiste li {color: #666666; margin: 0 0 5px 2px; padding: 0;}
	#content_leiste ul li, #content_leiste ol li , #content_leiste ul li, #content_leiste ol li {
	background: url("../images/li_right.gif") no-repeat 0px 3px; padding-left: 22px;}
	
	#content_leiste h1 {
	font-size: 12px;
	color: #6B82A5;
	background-color: #EBEBEB;
	margin: 0 0 10px 0;
	padding: 3px 15px 3px 15px;
	}
	
	#content_leiste a:link , #content_leiste a:visited {
	text-decoration: none; 
	color: #6B82A5;}
	
	#content_leiste a:hover , #content_leiste a:active {
	text-decoration: none; 
	color: #ff0000;}
	
	#box_news {
	width: 290px;
	background-color: #F6F6F6;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0; 
	float: left;
	}
	
	#box_downloads {
	background-color:#F6F6F6;
	float:left;
	margin:0pt 0pt 20px;
	padding:0pt 0pt 10px;
	width:290px;
	}
	
/* ----- Footer ------ */

#footer {
	width: 690px;
	height: 55px;
	background-image: url("../images/div_box.gif");
	background-repeat: repeat-x;
	background-position: top;
	margin: 15px 0 0 0;
	padding: 10px 15px 0 15px;
	}
	
	#footer p {
	font-size: 12px;
	color: #6B82A5;
	}