/*******************************************************************************
// CSS Main - Datei
// Letzte Änderung: 01/04/2009 - 15:38 - F. Sellmeier
*******************************************************************************/

/*******************************************************************************
 Grunddefinitionen der Seiten, Hintergrundfarbe, Schriftart
*******************************************************************************/

body {

height: 100%;
background-color:#FFFFFF;
/*margin: 0;
padding: 0;*/
font-family:Arial,sans-serif;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
* position: fixed;
}

/*******************************************************************************
 Border für alle Inhalte (Für Positionscheck)
*******************************************************************************/

#banner, #navigation, #content, #menu_hori, .news, #footer{

/*border: 1px solid #CCCCCC;*/
}

/*******************************************************************************
 Layer (DIV) Definitionen
*******************************************************************************/

#main {

margin-top: 30px;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: auto !important;
width: 1000px !important;
min-height: 768px;
height: 100%;
background-color: #FFFFFF;
border: 1px #C1C1C1 solid;
overflow: hidden;
z-index: 2;
}

/*******************************************************************************
 Schatteneffekt für Hauptcontainer
*******************************************************************************/

.wrap1 {

background-image: url(images/shadow_b.gif);
background-position: center bottom;
background-repeat: repeat-x;
border: 0px solid rgb(51, 204, 0);
width: 1010px;
height: 100%;
margin: auto;
}

.wrap2 {
background-image: url(images/shadow_r.gif);
background-position: right center;
background-repeat: repeat-y;
border: 0px solid rgb(51, 204, 0);
height: 100%;

}

.wrap3 {
background-image: url(images/corner_br.gif);
background-position: right bottom;
background-repeat: no-repeat;
border: 0px solid rgb(51, 204, 0);
height: 100%;

}
.wrap4 {
background-image: url(images/corner_bl.gif);
background-position: left bottom;
background-repeat: no-repeat;
padding-bottom: 8px;
border: 0px solid rgb(51, 204, 0);
height: 100%;

}

.wrap5 {
background-image: url(images/corner_tr.gif);
background-position: right top;
background-repeat: no-repeat;
padding-right: 8px;
border: 0px solid rgb(51, 204, 0);
height: 100%;

}

/*******************************************************************************
 Überschriften
*******************************************************************************/

hr {

height: 1px;
color: #CCCCCC;
width: 700px;
}

h1 {

font-size: 22px;
color: #004184;     /*0082BD*/
font-style: strong;
}


h3 {

font-size: 16px;
font-style: strong;
color: #004184;        /*#474747*/
}

h4 {

font-size: 14px;
font-style: strong;
color: #004184;       /*#b0b0b0*/
}

/*
h4 {

font-size: 12px;
font-style: oblique;
margin-top: -35px;
color: #b0b0b0;
}
*/

h6 {

font-size: 14px;
font-style: strong;
color: #004184;
margin-top: 10px;
}

h6 a {

text-decoration: none;
}

h6 a:visited {

text-decoration: none;
}


h5 {

font-size: 12px;
font-style: oblique;
margin-bottom: 0px;
}

h2 {

font-size: 16px;
font-style: strong;
margin-top: -35px;
}




a:link {
color:#FFFFFF;
text-decoration:none;
/*font-weight:bold;*/
font-size: 14px;
}

a:visited {

text-decoration: none;
}


/*******************************************************************************
 Layer (DIV) Definitionen
*******************************************************************************/

/*******************************************************************************
 Homepage Banner
*******************************************************************************/

#banner {

margin: auto;
padding: 0;
width: 1000px;
/* width: 998px;*/
background-image: url(images/FKS-Neu.jpg);
background-position: left center;
background-repeat: no-repeat;
height: 105px;
z-index: 2;
}

#home {

position: relative;
height: 214px;
width: 75px;
margin-top: -42px;

}


#top_leiste {

margin-top: 0px;
position: relative;
width: 1000px;
height: 50px;
padding-top: 8px;
padding-left: 750px;
background-image: url(images/top_leiste_4.png);
background-repeat: no-repeat;
}

#top_leiste a{

text-decoration: none;
color: #000000;
font-size: 10px;
}

#rss {

position: relative;
height: 30px;
width: 30px;
margin-left: 85px;
margin-top: -30px;       /*-28*/
}

#netviewer {

position: relative;
height: 30px;
width: 99px;
margin-left: 0px;
margin-top: -3px;       /*-28*/
}


/*******************************************************************************
 Vertikale Navigation
*******************************************************************************/

#navigation {

float: left;
clear: left;
width: 200px;
min-height: 400px;
height: 100%;
background-color: #dee4e8;        /*EAEAEA FFFFFF*/
padding-bottom: 10000px;
margin-bottom: -10000px;
z-index: 2;
}

#navigation_startseite {

float: left;
clear: left;
width: 200px;
min-height: 400px;
height: 100%;
background-color: #FFFFFF;        /*EAEAEA FFFFFF*/
padding-bottom: 10000px;
margin-bottom: -10000px;
z-index: 2;
}

#nav_button_help {

position: relative;
float: left;
margin-top: 25px;
margin-left: 0px;
width: 199px;
height: 98px;
padding-top: 15px;
padding-left: 10px;
z-index: 100000;
}

#nav_button_01 {

position: relative;
float: left;
margin-top: 25px;
margin-left: 0px;
width: 199px;
background: url(images/laptop_complete_button_b.jpg);
background-repeat: no-repeat;
height: 98px;
padding-top: 15px;
padding-left: 10px;
z-index: 100000;
}

#nav_button_02 {

position: relative;
float: left;
margin-top: -45px;
margin-left: 0px;
width: 199px;
background: url(images/world_button_complete_b.jpg);
background-repeat: no-repeat;
height: 98px;
padding-top: 13px;
padding-left: 10px;
z-index: 100000;
}

#nav_button_03 {

position: relative;
float: left;
margin-top: -36px;
margin-left: 0px;
width: 199px;
background: url(images/provi_button_complete_b.jpg);
background-repeat: no-repeat;
height: 98px;
padding-top: 12px;
padding-left: 10px;
z-index: 100001;
}

#nav_button_04 {

position: relative;
float: left;
margin-top: -42px;
margin-left: 0px;
width: 199px;
background: url(images/surf_button_complete_b.jpg);
background-repeat: no-repeat;
height: 98px;
padding-top: 18px;
padding-left: 10px;
z-index: 100000;
}

#nav_button_05 {

position: relative;
float: left;
margin-top: -35px;
margin-left: 0px;
width: 199px;
background: url(images/phone_button_complete_b.jpg);
background-repeat: no-repeat;
height: 98px;
padding-top: 10px;
padding-left: 10px;
z-index: 100000;
}

#nav_pic1 {

position: relative;
float: left;
margin-top: 40px;
margin-left: -16px;
padding-top: 15px;
padding-left: 10px;
z-index: 100000;
}

#nav_pic2 {

position: relative;
float: left;
margin-top: 5px;
margin-left: -16px;
padding-top: 15px;
padding-left: 10px;
z-index: 100000;
}

.upper_icon_navi_left {

position: relative;
float: left;
clear: left;
height: 80px;
width: 180px;
margin-top: 15px;
margin-left: 15px;
margin-right: 5px;
padding-top: 5px;
text-align: block;
font-size: 12px;
}

.upper_icon_navi_left a{

color: #000000;
font-weight: bold;
text-decoration: underline;
}


#nav_horizontal {

width: 1000px;
height: 32px;
margin-left:0px;
clear: both;
background-image: url(images/bg_nav_01b.jpg);
background-repeat: repeat-x;
/*border-top: 1px #C1C1C1 solid;*/
border-right: 1px #C1C1C1 solid;
border-bottom: 1px #000000 solid;
}

.button {

position: relative;
float: left;
margin-top: 7px;
padding-left: 5px;
}

#nav_horizontal_lower {

width: 1000px;
height: 27px;
margin-left:0px;
clear: both;
background-image: url(images/bg_nav_03.jpg);
background-repeat: repeat-x;
border-bottom: 1px #000000 solid;
overflow: hidden;
border-right: 1px #C1C1C1 solid;
}

#nav_horizontal_lower_2 {

width: 1000px;
height: 181px;
margin-left:0px;
clear: both;
background-image: url(images/bg_nav_04.jpg);
background-repeat: repeat-x;
}

#nav_headline {

position: relative;
float: left;
padding-left: 50px;
/*border: 1px #CCCCCC solid;*/
height: 100%;
}

#nav_pic {

position: relative;
float: right;
margin-top: 13px;
margin-right: 50px;
height: 100%;
}

#nav_pic_2 {

position: relative;
float: right;
margin-top: -40px;
margin-right: 50px;
height: 100%;
z-index: 10000000;
/*border: 1px #CCCCCC solid;*/
}

#nav_pic_vertrieb {

position: relative;
float: left;
margin-top: 5px;
margin-left: 50px;
height: 100%;
}


/*******************************************************************************
 Horizontales Menü
*******************************************************************************/

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */


#nav {

width: 1000px;
height: 32px;
position: relative;
}

#nav .select, #nav .current {

margin: 0;
padding: 0;
list-style: none;
}

#nav li {

display: inline;
margin: 0;
padding: 0;
height: auto;
}

#nav .select a,
#nav .current a {

display: block;
height: 32px;
float: left;
/*background: #000;*/
padding: 0 10px 0 10px;
text-decoration: none;
font-size: 15px;
font-weight: bold;
line-height: 32px;
white-space: nowrap;
/*border-right: 1px solid #fff;*/
background-image: url(images/nav_t_neu_b.jpg);
background-position: right;
background-repeat: no-repeat;
color: #fff;          /*fff*/
}

* html #nav .select a, * html #nav .current a {

width: 1px;
height: 32px;
}


#nav .select a:hover,
#nav .select li:hover a {

/*background: #888;*/
cursor: pointer;
color: #fff;      /*ff0*/
font-style: italic;
}

#nav .sub {

display: none;
}

/* for IE5.5 and IE6 only */
#nav table {

position: absolute;
border-collapse: collapse;
left: 0;
top: 0;
}

#nav .current a {

/*background: #666;*/
color: #fff;        /*ff0*/
font-style: italic;
}

#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {

/*background: #888;*/
color: #fff;         /*ff0*/
font-style: italic;
font-weight: bold;
}

#nav .sub_active .current_sub a,
#nav .sub_active a:hover {

/*background: #666;*/
color: #fff;       /*ff0*/
font-style: italic;
}

#nav .select li a:hover .sub,
#nav .select li:hover .sub {

display: block;
position: absolute;
width: 1000px;
top: 24px;
left: 0;
/*background: #888;*/
margin-top: 0;
padding: 0;
z-index: 100;
color: #fff;         /*fff*/
font-size: 12px;
}

#nav .sub, #nav .sub_active {

margin: 0;
padding: 0;
list-style: none;}

#nav .sub_active {

display: block;
position: absolute;
width: 1000px;
top: 30px;
left: 0;
/*background: #666;*/
margin-top: 0;
padding: 0;
z-index: 10;
}

* html #nav .sub_active, * html #nav .select a:hover .sub {

z-index: -1;
margin-top: 0;
margin-top: 1px;
}

#nav .sub_active a {

height: 21px;
text-decoration: none;
line-height: 20px;
white-space: nowrap;
display: block;
float: left;
/*background: #666;*/
padding: 6.5px 10px 10px 10px;
margin: 0;
font-size: 12px;
white-space: nowrap;
border: 0;
color: #fff;             /*fff*/
}

#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {

display: block;
padding: 9px 10px 10px 10px;
line-height: 27px;
margin-top: -1px;
white-space: nowrap;
border: 0;
color: #fff;            /*fff*/
font-size: 12px;
background-image: url(images/bg_nav_03.jpg);
background-repeat: repeat-x;
height: 27px;
}

#nav .select .term {

padding-right:  10000px;
padding-top: 0px;
padding-bottom: 10px;
white-space: nowrap;
margin-right: -10000px;
min-width: 500px;
line-height: 33px;
background-image: url(images/bg_nav_03.jpg);
background-repeat: repeat-x;
}

#nav .select .tab2_begin {
margin-left: 0px;
padding-bottom: 10px;
padding-top: 0px;
white-space: nowrap;
line-height: 33px;
width: 60px;
background-image: url(images/bg_nav_03_01.jpg);
background-repeat: none;
}

/*******************************************************************************
    Menü Ende
*******************************************************************************/


.hor_outer_left {

position: relative;                           /*bg color: #1A3E72*/
float: left;
width: 255px;
height: 20px;
margin-left: 5px;
border: 1px #C1C1C1 solid;

}

.hor_outer_right {

position: relative;
float: right;
width: 255px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
border: 1px #C1C1C1 solid;

}

.hor_inner {

position: relative;                 /*bg color: #999999*/
float: left;
margin-left: 5px;
width: 150px;
height: 20px;
border: 1px #C1C1C1 solid;

}

.hor_inner_center {

position: relative;
float: left;
margin-left: 5px;
width: 150px;
height: 20px;
border: 1px #C1C1C1 solid;

}

.linetop_nav {
background-color: #C1C1C1;
position: relative;
height: 1px;
font-size: 1px;
width: 200px;
margin-left: 0px;
margin-top: 8px;
margin-bottom: -5px;
padding: 0;
/*top: 5px;*/
}

#button_01 {

background-color: #C1C1C1;
height: 50px;
width: 180px;
position: relativ;
padding: 0;
margin-top: 30px;
margin-left: 10px;
}

/*******************************************************************************
 Inhaltswrapper
*******************************************************************************/

#content_startseite {

/*float: right;*/
float: left;
width: 600px;
* width: 498px;
/*min-height: 511px;*/
height: 100%;
padding-bottom: 10000px;
margin-bottom: -10000px;
z-index: 2;
}

#content {

/*float: right;*/
float: left !important;
width: 800px !important;
* width: 798px !important;
/*min-height: 511px;*/
height: 100% !important;
padding-bottom: 10000px !important;
margin-bottom: -10000px !important;
z-index: 2 !important;
}

#content iframe {

margin: auto;
}

/*******************************************************************************
 Kontaktformular
*******************************************************************************/

.name {

padding-top: 3px;
/*padding-bottom: 4px;
* padding-top: 3px;
* padding-bottom: 3px;*/
font-size: 14px;
height: 22px;
width: 218px;
* width: 220px;
float: left;
clear: left;
margin-bottom: 0px;
* margin-bottom: -1px;
/*border: 1px solid #CCCCCC;*/
}

.eingabe {

width: 218px;
* width: 220px;
height: 25px;
float: right;
clear: right;
/*padding-top: 1px;
padding-bottom: 1px;
* padding-top: 0px;
* padding-bottom: 0px;*/
margin-bottom: 0px;
* margin-bottom: -1px;
/*border: 1px solid #CCCCCC;*/
}

.eingabe INPUT {

width: 200px;
height: 15px;
border: 1px solid #CCCCCC;
}

.eingabe OPTION {

width: 174px;
height: 15px;
}


.eingabe_gross {

width: 218px;
* width: 220px;
height: 80px;
* height: 70px;
float: right;
clear: right;
/*padding-top: 1px;
padding-bottom: 1px;
* padding-top: 0px;
* padding-bottom: 0px;*/
margin-bottom: 6px;
* margin-bottom: -1px;
/*border: 1px solid #CCCCCC;*/
}

.eingabe_gross TEXTAREA {

width: 200px;
height: 80px;
border: 1px solid #CCCCCC;
}


.end {

width: 440px;
/*height: 100%;*/
font-size: 1px;
clear: both;

}

#absenden {

width: 440px;
height: 100%;
margin-top: 20px;
clear: both;
}

.submit_kontakt {

margin-top: 20px;
background-image: url(images/anfrage_submit.jpg);
background-repeat: no-repeat;
height: 32px;
width: 156px;
margin-left: 80px;
border: 1px solid #CCCCCC;
}

.login {

margin-top: 20px;
background-image: url(images/login.jpg);
background-repeat: no-repeat;
height: 32px;
width: 108px;
margin-left: 70px;
/*border-width: 0px;*/
border: 1px solid #CCCCCC;
}

#navigation_settings {

float: left;
clear: both;
width: 205px;
min-height: 300px;
padding-top: 40px;
padding-left: 0px;
background-color: #dee4e8;        /*EAEAEA*/
z-index: 2;
background-image: url(images/navi_border_c.jpg);
background-position: left top;
background-repeat: no-repeat;
margin-top: -13px;
}

#navigation_settings a {

color: #000000;
font-size: 12px;
text-decoration: none;
}

#navigation_settings a:visited {

color: #CCCCCC;
font-size: 12px;
text-decoration: none;
}


.logout {
height: 32px;
width: 97px;
background-image: url(images/logout.jpg);
background-position: center;
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
margin-left: 47px;
}



#navigation_images {

float: left;
clear: both;
width: 200px;
min-height: 300px;
padding-top: 15px;
padding-left: 20px;
margin-top: -14px;
background-color: #dee4e8;        /*EAEAEA*/
z-index: 0;
background-image: url(images/navi_border_c.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#menu_item_graphic {

width: 190px;
height: 98px;
margin-left: 5px;
background-image: url(images/hotline_2.jpg);
background-repeat: no-repeat;
}

/*******************************************************************************
 Newsblöcke auf der Startseite
*******************************************************************************/

.news_startseite_neu {


padding: 5px;
width: 580px;
height: 100%;
/*max-height: 350px; */
font-size: 12px;
font-style: strong;
text-align: justify;
color: #474747;
z-index: 1;
clear: both;
}

.news_startseite, .kontakt {

margin: auto;
padding: 5px;
width: 530px;
height: 100%;
/*max-height: 350px; */
font-size: 12px;
font-style: strong;
text-align: justify;
color: #474747;
z-index: 1;
clear: both;
}

.news_startseite, .news_startseite_links, .news_startseite_rechts {

background-color: #FFFFFF;
/*border: 1px solid #cccccc;*/
}

.news_startseite_links {

margin: auto;
padding: 5px;
width: 265px;
height: 100%;
/*max-height: 350px; */
font-size: 12px;
font-style: strong;
text-align: justify;
color: #474747;
z-index: 1;
float: left;
clear: both;
}

.news_startseite_rechts {

margin: auto;
padding: 5px;
width: 265px;
height: 100%;
/*max-height: 350px; */
font-size: 12px;
font-style: strong;
text-align: justify;
color: #474747;
z-index: 1;
float: right;
}

.news_bild_top {

float: right;
margin-top: -100px;
}

.news_bild_provi {

float: right;
margin-top: -60px;
}

.news_image {

position: relative;
margin-left: 340px;
}


.news_mehr {

z-index: 100;
position: relative;
margin-left: 540px;
margin-top: -18px;
padding-bottom: 8px;
}

.news_mehr_links {

z-index: 100;
position: relative;
margin-left: 100px;
margin-top: -18px;
padding-bottom: 8px;
}

.kontakt {

border: 1px solid #CCCCCC;
background-color: #EAEAEA;
}

.news_startseite li {

margin-top: 15px;
width: 400px;
vertical-align: top;
* position: relative;
* top: -.3em;
}

.news_startseite ul {

* margin-top: 30px;
margin-bottom: 25px;
margin-left: -26px;
* margin-left: 15px;
}

.news_startseite a {

color:#004184;
text-decoration:none;
font-weight:bold;
font-size: 12px;
}

.news_startseite_neu a {

color:#004184;
text-decoration:none;
font-weight:bold;
font-size: 12px;
}

.news_startseite_links a {

color:#004184;
text-decoration:none;
font-weight:bold;
font-size: 12px;
}

.news_startseite_rechts a {

color:#004184;
text-decoration:none;
font-weight:bold;
font-size: 12px;
}

.title {

position: relative;
padding-top: 5px;
margin-bottom: -10px;
}

.title_rechts {

position: relative;
padding-top: 5px;
margin-bottom: -15px;
}

.title_links {

position: relative;
padding-top: 5px;
margin-bottom: -15px;
}

.ident {

font-size: 10px;
color: #b0b0b0;
margin-left: 393px;
}


#news_bestaetigung {

margin: auto;
padding: 5px;
width: 540px;
height: 170px;
/*max-height: 350px; */
background-color: #FFFFFF;
font-size: 12px;
font-style: strong;
text-align: justify;
color: #474747;
z-index: 1;
border: 1px solid #CCCCCC;
}

.news {

margin: auto;
padding: 5px;
width: 690px;
height: 100%;
/*max-height: 350px; */
background-color: #FFFFFF;
font-size: 12px;
font-style: strong;
text-align: justify;
color: #474747;
z-index: 1;
}


.linetop_startseite {
background-color: #C1C1C1;
position: relative;
height: 1px;
font-size: 1px;
width: 540px;
left: 0px;
top: -5px;
* top: -10px;
}

.linetop_startseite_neu {
background-color: #C1C1C1;
position: relative;
height: 1px;
font-size: 1px;
width: 580px;
left: 0px;
top: -5px;
* top: -10px;
}

.linetop_startseite_kurz {
background-color: #C1C1C1;
position: relative;
height: 1px;
font-size: 1px;
width: 265px;
left: 0px;
margin-top: 10px;
margin-bottom: 5px;
* margin-top: -10px;
}

.linetop {
background-color: #C1C1C1;
position: relative;
height: 1px;
font-size: 1px;
width: 690px;
left: 0px;
top: -5px;
* top: -10px;
}

/*******************************************************************************
 Rechte Leiste (Video etc.)
*******************************************************************************/

#content_right {

float: right;
width: 200px;
min-height: 1px;
height: 100%;
background-color: #FFFFFF;        /*EAEAEA*/
padding-bottom: 10000px;
margin-bottom: -10000px;
z-index: 2;
}

.linetop_right {
background-color: #C1C1C1;
position: relative;
height: 1px;
font-size: 1px;
width: 190px;
top: -5px;
padding: 0;
margin-top: 8px;
margin-bottom: 0px;
}

.news_right {

margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-color: #EAEAEA;
border: 1px solid #C1C1C1;
width: 240px;
height: 225px;
color: #474747;
font-size: 12px;
font-style: strong;
text-align: justify;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
}

/*******************************************************************************
 Fußzeile inc. Webtracking Layer
*******************************************************************************/

#footer {

/*margin: auto;*/
float:left;
clear: both;
width: 1000px;
height: 20px;
padding-top: 5px;
text-align: center;
margin: 0px 0px 0px 0px;
background-image: url(images/bg_nav_01b.jpg);
background-repeat: repeat-x;
border: 1px 1px 1px 1px solid #C1C1C1;
color: #FFFFFF;
font-size: 10px;
}

#webtracking {

max-width: 970px;
max-height: 300px;
z-index: 3;
/*visibility: hidden;*/
}

/*******************************************************************************
 TEST CODE - NICHT AUF DER HOMEPAGE VERWENDET!
*******************************************************************************/