@charset "utf-8";
@font-face { font-family: din-bold; src: url('../css-styles/DINB.ttf'); font-style: normal; font-weight: normal;}
@font-face { font-family: din-regular; src: url('../css-styles/DINR.ttf'); font-style: normal; font-weight: normal;}

/* Allgemeine Tags*/
body { margin:0; padding:0; background-image:url(../images/background.jpg); background-repeat:repeat-x; background-color:#333333; font-family: din-regular, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 13px; text-align:center; }

a {	text-decoration: none; }
h1 { font: 22px din-bold; margin: 15px 0 5px 0; }
h2 { margin: 2px 0 3px 0; }
h3 { margin: 0 0 5px 0;}
p, ul, li { font: 13px din-regular; margin: 0; }
img {border:0;}
table {margin:0; padding:0; border:0; border-collapse:collapse;}
th {text-align:left;}

/* Element-Formatierungen*/
.rahmen_1px_grey { border-width: 1px; border-color:#DEDEDE; border-style:solid; }
.rahmen_1px_dark_red { border-width: 1px; border-color:#DEDEDE; border-style:solid; }
.hide { position:absolute; left: -9000px;	width: 1px;	height: 1px; }
.f_right { float:right; }
.f_left { float:left; }
.c_right { clear:right; }
.c_left { clear:left; }
.c_both { clear:both; } 


/* Schriftgrößen*/
.f10 { font: 10px din-regular, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f11 { font: 11px din-regular, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f12 { font: 12px din-regular, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f13 { font: 13px din-regular, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f14 { font: 14px din-bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f16 { font: 16px din-bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f18 { font: 18px din-bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }
.f20 { font: 20px din-bold, Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; }

/* Schriftfarben*/
.black { color:#000000;	}
.blue { color:#3479A4; }
.white { color:#FFFFFF;	}
.grey {	color:#d9d7d0; }
.dark_grey { color:#505050; }

/* Schriftformatierung*/
.b { font-weight:bold; }
.z { line-height: 1.5; }
.right { text-align:right; }
 
/* Schriftformatierung*/
.b { font-weight:bold; }
.n { font-weight:normal; }
.z { line-height: 1.5; }
.z3 { line-height: 1.3; }

/*Absatzformatierungen*/
.par_5 {margin-bottom:5px;}
.par_7 {margin-bottom:7px;}
.par_10 {margin-bottom:10px;}
.par_15 {margin-bottom:15px;}
.par_20 {margin-bottom:20px;}
.par_top_5 {margin-top:5px;}
.par_top_10 {margin-top:10px;}
.par_top_15 {margin-top:15px;}

/* Content Rahmen*/
#page_head {width:1000px; margin:auto; z-index:-9999;}
/*weitere Teile in Footer.tpl*/
#logo { width:496px; height:103px; float:left; z-index:-9999;}

#head_navigation_container { width:500px; height:20px; float:right; margin:11px 0 0 0; }
#head_language {float:right;	margin:0 0 0 20px;}
#head_navigation {float:right;	margin:0;}
#head_navigation li, #head_navigation li a { float:left; display: inline; margin:0 0 0 0; font: 13px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #ffffff; font-weight:bold; }
#lang_box { font: 11px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; background-color:#ffffff; color: #3479A4; border: 0; margin: 0 0 0 0; width: 120px; }

#main_navigation_container { width:500px; height:20px; float:right; margin:38px 0 0 0; }
#main_navigation { float:right; margin:0; }
#main_navigation li, #main_navigation li a { float:left; display: inline; margin:0 0 0 0; font: 13px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color: #ffffff; font-weight:bold; }

#all {position:absolute; top:105px; left:50%; width:100%; margin-left:-50%; z-index:-9999; background-color:#EDEDED;}

#rahmen_content {margin: 0 auto; width:1000px; min-height:800px; }
#rahmen_content {text-align:left;}
#footer {width:1000px; margin: 0 auto; height:30px; padding:7px 0 0 0;}
#lower_footer {width:1000px; margin: 0 auto; height:30px; padding:7px 0 0 0; color:white;}
#footer_back { margin: 0 auto; height:30px; background-color:#BFBFBF;}
#lower_footer_back { margin: 0 auto; height:80px; background-color:#333333;}
#bread_crumb {margin:0 0 15px 0; text-align:left;}

.white_board {width:331px; height:269px; background-image:url(../images/white_board.png); padding:0; margin: 0 2px 0 0;}
.white_board_img {width:331px; height:269px; line-height:248px; background-image:url(../images/white_board.png); padding:0; margin: 0 2px 0 0; text-align:center; }
.white_board_img img {vertical-align:middle;}
.white_board_content {padding:10px;}
.icon_img {float:left; margin: 2px 7px 7px 0;}

/*Formulare*/
.form_layout label { display: block; width: 100px; float: left; margin-bottom: 10px; }
.form_layout input, .form_layout select, .form_layout textarea {font: 12px Arial; color: #3479A4; border: 0;	margin: 0; background-color:#ffffff;}
.form_layout label { text-align: left; padding-right: 20px; font: 12px Arial;}
.form_layout br { clear: left; }

/* popup */ 
.pu_background {position:fixed; top:101px; left:0; z-index:9999; overflow:hidden; height:100%; width:100%; background:url(../images/blank_back.jpg) 0 0 repeat; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.pu_content_frame { border-width:7px; position:absolute; background-color:#fff; border-color:#DEDEDE; border-style:solid; z-index:9999; overflow:hidden;}
.pu_content {margin:10px; text-align:left;}
.pu_close {margin: 10px 0 5px 0; width:100%;text-align:center;}

/* call_to_action*/
.call_to_action {	background: #CCCCCC;	padding: 7px 15px 9px 15px;	-moz-border-radius:5px; -khtml-border-radius:5px;}

/*händlersuche*/
.direct_link_view_img {width:70px; text-align:center; margin:0 0 10px 0;}

/*jQuery*/
.accordion {	width: 1000px; -moz-border-radius:5px; -khtml-border-radius:5px;}
.accordion h2 {	background: #CCCCCC url(../images/arrow-square.gif) no-repeat right -51px;	padding: 7px 15px;	margin: 0 0 1px 0;	border-bottom: none;	cursor: pointer;  -moz-border-radius:5px; -khtml-border-radius:5px;}
.accordion h2:hover {	background-color: #BFBFBF;}
.accordion h2.active {	background-position: right 5px; }
.accordion ul, { background: #ffffff;	padding: 10px 15px 20px;  -moz-border-radius:5px; -khtml-border-radius:5px;}
.accordion li {	padding: 3px 10px 0 10px;	margin-left: 20px;}