/** INIT *******************************************************************************/
body { margin: 0px; background: url('images/background.png') repeat-x 0 0 #3b505d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
/** ALLGEMEINE STILE *******************************************************************************/
.orange { color: #E1B221; }
.white { color: #FFFFFF; }
.clearLayout { clear: both; }
/*******************************************************************************************/
#container { width: 1000px; height: auto; margin: 60px auto 0px auto; position: relative; z-index: 0; background-color: #062132; border: 1px solid #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 4px 15px #111; }
#header_background { width: 1000px; height: 200px; background: url("./images/header_background_1.png") no-repeat 0px 0px; position: relative; z-index: 10; /*border: 1px solid #ffffff; */ }
#logo { background: url("./images/gieselmann_logo.png") no-repeat 0px 0px; width: 304px; height: 77px; z-index: 5; margin: 0px; position: absolute; top: 30px; left: 30px; padding: 0px; /*border: 1px solid #ffffff; */ }
/** GRAUER BALKEN RECHTS *******************************************************************************/
#nav_bar { background: url("./images/nav_bar.png") no-repeat 0px 0px; width: 438px; height: 27px; z-index: 44; margin: 0px; position: absolute; top: 90px; left: 542px; padding: 2px 20px 0px 0px; /*border: 1px solid #ffffff; */ }
#nav_bar h1 { color: #062132; text-shadow: 0 0 1px #FFF; font-size: 18px; text-align: right; padding: 0px; margin: 0px; letter-spacing: -1px; }
/** INHALT *******************************************************************************/
#content { border: 0px solid #990000; width: 100%; min-height: 300px; padding: 10px 0px 0px 0px; font-size: 12px; color: #FFFFFF; z-index: 3; position: relative; }
#rightContent { border: 0px solid #FF6600; width: 680px; min-height: 400px; margin: 0 20px 0 0; position: relative; float: right; }
#leftContent { width: 250px; height: auto; margin: 0 0 20px 20px; position: relative; z-index: 189; float: left; }
#leftContent h1 { margin: 13px 0 17px 0; }
#leftContent a { color: #EFB400; text-decoration: none; outline: 0;}
#leftContent a:hover { color: #7f8f99; }
.borderStart { border-right: 1px solid #3b505d; }
/** FOOTER *******************************************************************************/
#footer { border: 0px solid #AAA; height: auto; margin-left: 200px; }
#container-bottom { width: 1000px; height: 60px; margin: 5px auto 0px auto; position: relative; z-index: 0; background-color: #062132; border: 1px solid #222; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 15px #000; -webkit-box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 4px 15px #111; }
#reflex { border: 0px solid; width: 99%; height: 70px; position: absolute; z-index: 13; margin-top: -70px; background: url("./images/reflex.png") repeat-x 0 0; }
/** SPRACHAUSWAHL ICONS *******************************************************************************/
#language { width: 100px; position: absolute; z-index: 100; top: 210px; left: 948px; }
.de,
.de:link,
.de:visited,
.de:hover,
.de:active,
.de:focus { padding: 0px 11px 0px 11px; background: url("./images/de_inactive.png") no-repeat; outline: 0; }
.de,
.de:hover,
.de:active,
.de:focus { background: url("./images/de.png")no-repeat; }
.en,
.en:link,
.en:visited,
.en:hover,
.en:active,
.en:focus { padding: 0px 11px 0px 11px; background: url("./images/en_inactive.png") no-repeat; outline: 0; }
.en,
.en:hover,
.en:active,
.en:focus { background: url("./images/en.png")no-repeat; }
/** MAIN NAVIGATION *******************************************************************************/

/** SUB NAVIGATION *******************************************************************************/
#sub_navi { width: 225px; min-height: 220px; margin-top:15px; padding: 3px 0 30px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #3b505d; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0px 4px 15px #111; -webkit-box-shadow: 0px 4px 15px #111; -moz-box-shadow: 0px 4px 15px #111; }
#sub_navi .ueberschrift { font-size: 18px; color: #E1B221; margin-bottom: 10px; padding: 0 0 10px 0; text-align: center; outline: 0; border-bottom: 1px dashed #7f8f99; text-shadow: 1px 1px 2px #000; }
#sub_navi .ueberschrift a { color: #7f8f99; text-decoration: none; outline: 0; }
#sub_navi .ueberschrift a:hover { color: #E1B221; text-decoration: none; outline: 0; }
#sub_navi ul { list-style-type: none; margin: 0; margin-left:10px; padding: 0; }

#sub_navi ul li a { color: #FFFFFF; display: block; padding: 3px 0; line-height: 17px; padding-left: 8px; text-decoration: none; outline:0; }
#sub_navi ul li a:visited { color: #FFFFFF; outline: 0; }
#sub_navi ul li a:hover { color: #E1B221; outline:0; }

#sub_navi ul li.current_page_item a,
#sub_navi ul li.current_page_item_last_li a { font-weight: bold; color: #E1B221; }

#sub_navi_reflex { margin-top: 2px; width: 225px; height: 78px; background: url('images/reflexSub.png') 0 0 no-repeat; }

/** DIASHOW TITLE TEXT *******************************************************************************/
.ft-title { padding: 10px 10px; width: 168px; height: 200px; text-align: left; line-height: 160%; }
/** SHOP STICKER *******************************************************************************/
#sticker a { background: url("images/neu_shop.png") no-repeat 0px 0px; position: absolute; width: 110px; height: 110px; top: -35px; left: 950px; z-index: 990; outline:0;  }
#sticker a span { visibility: hidden; }

/** main navigation *************************************************************************************************************************************/

#main_navi { border: 0px solid; background: url("./images/navi_background.png") repeat-x 0px 0px; width: 1000px; height: 38px; position: relative; z-index: 52; }

#main_navigation { position: relative; margin: 0 0 0 -30px; list-style-type: none; z-index: 100; letter-spacing: -0.3px; }
#main_navigation li { position: relative; float: left; height: 42px; }

#main_navigation li a,
#main_navigation li span { color: #062132; text-shadow: 0px 0px 2px #FFF; display: block; float: left; padding: 10px 10px 10px 10px; font-weight: bold; text-decoration: none; outline: 0; }
#main_navigation li span { cursor: pointer;}

#main_navigation li a:hover { color: #FFFFFF; text-decoration: none; text-shadow: 0px 0px 2px #000; }
#main_navigation ul li a:hover { color: #FFFFFF; text-decoration: none; background: none !important; /** für IE8 */ }

/** aktiver eintrag */

#main_navigation li a.current_page_item_active { color: #333333; text-shadow: 0px 0px 4px #FFFFFF; background: url("images/pointer.png") no-repeat center 0px; }

/** grafik nicht auf untermenü übertragen */

#main_navigation ul li a:hover { background-image: none; }

/** untermenü als block anzeigen */

#main_navigation li ul { background-color: #3b505d; position: absolute; visibility: hidden; float: none; top: 36px; left: 0px; width: 210px; margin: 0; padding: 5px 10px 6px 10px; z-index: 999; border: 1px solid #555555; border-bottom-width: 1px; border-top: 2px solid #333333; -moz-opacity: 0.95; -ms-filter:"alpha(opacity=95)"; filter:alpha(opacity=95); opacity: 0.95;  box-shadow: 0px 5px 15px #000; -webkit-box-shadow: 0px 5px 15px #000; -moz-box-shadow: 0px 5px 15px #000;  }
#main_navigation li:hover ul,
#main_navigation li.iehover ul { visibility: visible; }

#main_navigation ul li { display: block; float: left; clear: both; margin: 0; padding: 0; width: 100%; height: auto; line-height: 100%; overflow: hidden; white-space: normal; border-bottom: 1px solid #777777; background: none; }

/** child link und hover */

#main_navigation li ul li a { color: #CCCCCC; display: block; float: none; font-weight: normal; background-image: none; padding: 6px 0; white-space: normal; text-shadow: 0.5px 0.5px 0.5px #000000; }
#main_navigation li ul li a:hover { color: #FFFFFF; }

/** letztes child li */

#main_navigation li ul li.current_page_item_last,
#main_navigation li ul li.last_li { border-bottom: none; }

/** active child li */

#main_navigation li.current_page_item ul li a,
#main_navigation li.current_page_parent ul li a { text-decoration: none; }
#main_navigation li ul li.current_page_item a,
#main_navigation li ul li.current_page_item_last a { color: #FFFFFF; font-weight: bold; background: url("sitemap/images/navi_sub_select.png") no-repeat left 7px;}