﻿/**************************************************************************************************************************************************/
/**   Charset                                                                                                                                    **/
/**************************************************************************************************************************************************/


/**************************************************************************************************************************************************/
/**   Grundeinstellungen:                                                                                                                        **/
/**************************************************************************************************************************************************/
* {
	margin: 0;
	padding: 0;
}
img{
	border:0px;
}
body{
	font:normal 1em/1.5 "Verdana";
	margin:0px;
	background-image:url('/images/web/background.gif');
	background-repeat:repeat-x;
	background-position:0px 9px;
}
a{
	text-decoration:none;
	color:#002d62;
}
a:hover{
	text-decoration:none;
	color:#000000;
}
.redLink{
	color:#bc0000;
}
.redLink:hover{
	color:#000;
}
div.error{
	font:bold 0.8em/1.5 "Verdana";
	border:3px solid red;
	padding:10px;
	margin:20px;
}
div.mailMessage{
	font:bold 0.8em/1.5 "Verdana";
	border:2px solid #8096b0;
	padding:10px;
}
/**************************************************************************************************************************************************/
/**   Grundaufbau:                                                                                                                               **/
/**************************************************************************************************************************************************/
#top{
	position:relative;
	margin:auto;
	width:920px;
	min-height:44px;
	margin-bottom:20px;
}
#logo{
	background-color:#fff;
	background-image:url('/images/web/fuglogo.gif');
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:203px;
	min-height:44px;
	margin-top:2px;
	margin-right:20px;
}
#footer{
	font:normal 0.6em "Verdana";
	width:920px;
	margin:auto;
	margin-top:10px;
	text-align:center;
	color:#8096b0;
}
#footer a{
	color:#8096b0;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#flashBottom{
	background-image:url('/images/web/flashBottom.gif');
	background-repeat:repeat-x;
	background-position:top;
	min-height:9px;
	border-top:1px solid #fff;
}
/**************************************************************************************************************************************************/
/**   Navigation TOP:                                                                                                                            **/
/**************************************************************************************************************************************************/
/* ################## Hauptnavigation ################## ******************************************************************************************/
#hauptnavigation{
	position:absolute;
	left:223px;
}
div.menuPunkt{
	float:left;
	font-size:11px;
	margin-top:9px;
	line-height:10px;
	min-height:13px;
	padding-top:1px;
	padding-left:6px;
	padding-right:6px;
	border-left:2px solid #fff;
	color:#fff;
}
div.menuPunkt a{
	color:#fff;
	text-decoration:none;
}
div.menuPunkt a:hover{
	color:#fff;
	text-decoration:none;
}
div.menuPunktAktiv{
	color:#fff;
	background-color:#40a3bb;
}
div.menuPunktAktiv a{
	color:#fff;
	text-decoration:none;
}
div.menuPunktAktiv .on{
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}
/* ################## Rechte Utilities Navigation ################## *****************************************************************************/
#menuRechts{
	float:right;
	margin:0px;
	margin-right:30px;
	padding:0px;
}
div.sprachen{
	margin-top:3px;
	padding-right:5px;
	float:left;
}
#schnellSuche{
	float:left;
	margin-top:9px;
}
#schnellSuche input{
	border:1px solid #002e62;
	font:normal 0.6em "verdana";
	color:#002d62;
	height:10px;
	margin:0px;
	padding:0px;
	padding-bottom:1px;
}
div.whiteLine{
	margin-top:1px;
	margin-left:2px;
	margin-right:2px;
	float:left;
	border-left:2px solid #fff;
}
div.lupenSymbol{
	float:left;
	margin-top:10px;
	margin-left:5px;
}
div.warenkorbSymbol{
	float:left;
	margin-top:10px;
	margin-left:-5px;
	margin-right:3px;
}
div.warenkorbSymbolOn{
	float:left;
	margin-top:9px;
	padding-top:1px;
	padding-bottom:2px;
	margin-left:-8px;
	padding-right:5px;
	padding-left:3px;
	margin-right:-2px;
	background-color:#40a3bb;
}
/* ################## SUB NAVIGATION ################## *******************************************************************************************/
#subMenu{
	position:absolute;
	width:730px;
	overflow:hidden;
	left:223px;
	white-space:nowrap;
	top:23px;
}
div.subMenuPunkt{
	float:left;
	font-size:11px;
	padding-left:6px;
	padding-right:6px;
	min-height:14px;
	white-space:nowrap;
	margin-top:0px;
	border-left:2px solid #fff;
}
div.subMenuPunkt a{
	color:#002d62;
	text-decoration:none;
}
div.subMenuPunktAktiv{
	background-color:#fff;
}
div.subMenuPunktAktiv a{
	color:#40a3bb;
	text-decoration:none;
}
div.subMenuPunktAktiv .on{
	font-weight:bold;
	color:#40a3bb;
	text-decoration:none;
}
/* ################## DRITTE NAVIGATIONSEBENE ################## *********************************************************************************/
#drittesMenue{
	margin-top:-20px;
	margin-bottom:20px;
	color:#99abc0;
}
#drittesMenue ul{
	margin:0px;
}
#drittesMenue li{
	font-size:11px;
	display:inline;
	padding-left:10px;
	color:#002e62;
}
#drittesMenue li a{
	color:#002e62;
}
#drittesMenue li.on{
	background-image:url('/images/web/pointer_1.gif');
	background-position:0px 4px;
	background-repeat:no-repeat;
	color:#40a3bb;
	margin-left:0px;
	margin-right:10px;
}
#drittesMenue li.on a{
	color:#40a3bb;
	font-weight:bold;
}
#drittesMenue li.off{
	background-image:url('/images/web/pointer_2.gif');
	background-position:0px 4px;
	background-repeat:no-repeat;
	color:#99abc0;
	margin-left:0px;
	margin-right:10px;
}
/**************************************************************************************************************************************************/
/**   NEUE NAVIGATION                                                                                                                            **/
/**************************************************************************************************************************************************/
#header{
	min-height:100px;
	background-image:url('/images/web/headerBG.gif');
	background-repeat:repeat-x;
	background-position:bottom;
	width:1000px;
	margin:auto;
}
#header img{
	position:absolute;
	top:16px;
	border-left:4px solid #fff;
}
#header input{
	border:1px solid #80c2d2;
	background-color:#0084a4;
	color:#b9e7eb;
	padding:3px;
	width:150px;
	margin-right:5px;
}
#header a{
	position:absolute;
	margin-top:3px;
	color:#fff;
	text-decoration:underline;
}
#header a:hover{
	color:#b9e7eb;
	text-decoration:none;
}
#menueBG{
	min-height:47px;
}
#quicksearch{
	position:absolute;
	margin-top:27px;
	margin-left:385px;
	color:#fff;
	font-size:80%;
}
#warenkorb{
	position:absolute;
	margin-left:920px;
	margin-top:10px;
}
#language{
	position:absolute;
	margin-left:760px;
	margin-top:30px;
	font-size:80%;
}
#language a{
	position:relative;
	margin-right:15px;
}
#hauptmenue{
	background-color:#b3c0d0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	font-size:80%;
	padding:2px;
}
#hauptmenue ul{
	width:1000px;
	margin:auto;
}
#hauptmenue ul li{
	float:left;
	margin-right:25px;
	list-style:none;
	list-style-image:none;
}
#hauptmenue ul li a{
	color:#000;
	font-weight:bold;
}
#hauptmenue ul li a:hover{
	color:#002d62;
	text-decoration:underline;
}
#hauptmenue ul li a.on{
	color:#002d62;
	background-color:#e1e6ec;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
}
#submenue{
	background-color:#e1e6ec;
	/*background-color:#b3c0d0;*/
	border-bottom:1px solid #fff;
	font-size:80%;
}
#submenue ul{
	width:1000px;
	margin:auto;
}
#submenue ul li{
	float:left;
	margin-right:25px;
	list-style:none;
	list-style-image:none;
	padding-top:2px;
	padding-bottom:2px;
	font-size:85%;
}
#submenue ul li a{
	color:#454545;
}
#submenue ul li a:hover{
	color:#002d62;
}
#submenue ul li.on{
	background-color:#002d62;
	border-left:6px solid #0084a4;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}
#submenue ul li a.on{
	color:#fff;
}
#menueDrei{
	position:absolute;
	width:100%;
	color:#000;
}
#menueDreiContent{
	width:1000px;
	margin:auto;
}
#menueDreiContent li{
	float:left;
	list-style:none;
	list-style-type:none;
	margin-right:20px;
	font-size:70%;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:0px;
	margin-top:5px;
}
#menueDreiContent li a{
	color:#000;
}
#menueDreiContent li a:hover{
	color:#002d62;
}
#menueDreiContent li.on{
	background-color:#002d62;
	padding-left:10px;
	padding-right:10px;
	border-top:4px solid #0084a4;
	/*margin-top:-4px;*/
	margin-top:1px;
}
#menueDreiContent li.on a{
	color:#fff;
	font-weight:bold;
}
#menueDreiContent li.on a:hover{
	color:#b3c0d0;
}
/**************************************************************************************************************************************************/
/**   Menü Links (z.B. Detailseite:)                                                                                                             **/
/**************************************************************************************************************************************************/
div.menueLinks{
	float:left;
	padding:10px;
	padding-left:0px;
	margin-right:31px;
	width:180px;
	font:normal 0.6em/1.5 "Verdana";
}
div.menueLinks ul{
	width:180px;
	padding:0px; /* Safari */
}
div.menueLinks li{
	background-color:#ccc;
	list-style:none;
	padding:0px;
	padding-left:14px;
	margin-top:4px;
	margin-bottom:2px;
	color:#002d62;
}
div.menueLinks li.sub{
	padding-left:24px;
	margin:0px;
	margin-bottom:1px;
	margin-top:1px;
}
div.menueLinks li.sub2{
	padding-left:30px;
	margin:0px;
	margin-bottom:0px;
	margin-top:0px;
	border-top: 1px solid #b2c0d0;
}
div.menueLinks li.sub3{
	padding-left:36px;
	margin:0px;
	margin-bottom:0px;
	margin-top:0px;
	border-top: 1px solid #b2c0d0;
}
div.menueLinks li a{
	color:#002d62;
	text-decoration:none;
}
div.menueLinks li a:hover{
	color:#000000;
	text-decoration:none;
}
.menueLinksOut{
	background-image:url('/images/web/trans.gif');
}
.menueLinksOver{
	background-image:url('/images/web/bluebox.gif');
	background-position:left;
	background-repeat:repeat-y;
}
.overlay{
	color:#002d62;
	visibility:hidden;
	min-height:80px;
}
.overlayBlue{
	background-color:#b2c0d0;
}
div.overlay ul{
	width:170px;
}
div.overlay ul li{
	background-color:#b2c0d0;
	padding-left:0px;
	list-style-type:circle;
	list-style-position:inside;
}
/**************************************************************************************************************************************************/
/**   Inhalt:                                                                                                                                    **/
/**************************************************************************************************************************************************/
#content{
	width:900px;
	min-height:300px;
	margin:auto;
	padding-top:15px;
}
#content li{
	margin-left:30px;
}
#contentInhaltBilder{
	width:950px;
	min-height:300px;
	margin:auto;
	padding-top:15px;
}
div.uebersicht{
	font:normal 0.6em/1.5 "Verdana";
	margin-top:0px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-top:5px;
	border-top:3px solid #e0e0e0;
}
div.uebersicht li{
	list-style:square;
	list-style-position:inside;
}
div.detailSeite{
	float:left;
	font:normal 0.6em/1.5 "Verdana";
	padding:00px;
	padding-right:20px;
	padding-left:15px;
	border-left:3px solid #e0e0e0;
	width:410px;
	min-height:300px;
}
div.w590{
	width:630px;
}
div.detailSeite li{
	list-style-position:outside;
	margin-left:13px;
}
div.miniGalerie{
	float:left;
	width:200px;
}
div.picture{
	border-top:3px solid #b2c0d0;
	padding:10px;
	background-color:#fff;
}
div.pictureNoLine{
	padding:10px;
	background-color:#fff;
}
div.blueBG{
	font:normal 0.6em/1.5 "Verdana";
	font-size:10px;
	background-color:#b2c0d0;
	display:inline;
	padding:2px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
/**************************************************************************************************************************************************/
/**   Headlines:                                                                                                                                 **/
/**************************************************************************************************************************************************/
div.h1Background{
	background-image:url('/images/web/h1bg.gif');
	background-position:0% 50%;
	background-repeat:repeat-x;
	border:1px solid white; /*Wichtig für die Darstellung im IE*/
}
div.h1Bild{
	float:left;
	margin-left:20px;
	padding-right:10px;
	background-color:#fff;
	padding-left:10px;
}
h1{
	font:normal 1.1em/1.5 "Verdana";
	color:#fff;
	display:inline;
	/*background-color:#fff;*/
	padding-left:10px;
	padding-right:10px;
	float:left;	
}
h2{
	font:bold 1.1em/1.5 "Verdana";
}
h3{
	
}
h4{
    color:#0084a4;
    font-size:11px;
    text-transform:uppercase;
}
div.headBild{
	background-color:#002d62;
	margin:auto;
	text-align:center;
	min-height:200px;
}
/**************************************************************************************************************************************************/
/**   Bestelliste:                                                                                                                               **/
/**************************************************************************************************************************************************/
/* Tabellen: */
div.detailSeite th{
	font:bold 1em/1.5 "Verdana";
	background-color:#c2c2c2;
	color:#003460;
	padding:4px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
}
div.detailSeite td{
	font:normal 1em/1.5 "Verdana";
	background-color:#e0e0e0;
	color:#000;
	vertical-align:top;
	padding:4px;
	border-top:3px solid #fff;
}
.tdNormal{
	font:normal 1em/1.5 "Verdana";
	background-color:#e0e0e0;
	color:#000;
	vertical-align:top;
	padding:4px;
	border-top:3px solid #fff;
}
input{
	border:0px solid #fff;
	padding:2px;
}
/**************************************************************************************************************************************************/
/**   Produkt-Vergleich:                                                                                                                         **/
/**************************************************************************************************************************************************/
.verwendungszweck{
	text-align:center;
	background-color:#cccccc;
	margin-top:14px;
	margin-bottom:5px;
}
.vergleich{
	width:640px;
}
.verwSpalte{
	background-color:#fff;
	width:193px;
	border-right:2px solid #e8e8e8;
}
.verwSpalteAuto{
	background-color:#fff;
	border-right:2px solid #e8e8e8;
}
.verwInhalt{
	padding:5px;
	text-align:left;
}
.verwInhaltText{
	padding-top:5px;
}
.verwInhalt img{
	margin-bottom:5px;
}
.vergleichDropDown{
	clear:both;
	padding:5px;
	background-color:#b2c0d0;
}
/**************************************************************************************************************************************************/
/**   Sonstiges:                                                                                                                                 **/
/**************************************************************************************************************************************************/
#kontakt input, textarea{
	border:1px solid #b2c0d0;
}
div.autoMargin{
	margin:auto;
}
.cB{
	clear:both;
}
.white{
	background-color:#fff;
}
.red{
	color:red;
}
.grey{
	color:#989898;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.icons{
	float:right;
	margin-top:20px;
	margin-bottom:10px;
	border:1px solid red;
}
.pdf{
	background-image:url('/images/icon/pdf_big.gif');
	background-position:left;
	background-repeat:no-repeat;
	min-height:22px;
	padding-left:25px;
	margin-bottom:8px;
}
.film{
	background-image:url('/images/icon/film_big.gif');
	background-position:left;
	background-repeat:no-repeat;
	min-height:22px;
	padding-left:25px;
	margin-bottom:8px;
}
.youtube{
	background-image:url('/images/icon/film.png');
	background-position:left;
	background-repeat:no-repeat;
	min-height:22px;
	padding-left:25px;
	margin-bottom:8px;
}
.ppt{
	background-image:url('/images/icon/film.gif');
	background-position:left;
	background-repeat:no-repeat;
	min-height:22px;
	padding-left:25px;
	margin-bottom:8px;
}
.img{
	background-image:url('/images/icon/picture.png');
	background-position:left;
	background-repeat:no-repeat;
	min-height:16px;
	padding-left:25px;
	margin-bottom:8px;
}
.links{
	display:inline;
}
.bigLetter{
	color:#002c65;
	font:bold 2.6em "arial";
}
/**************************************************************************************************************************************************/
/**   Standard-Templates:                                                                                                                        **/
/**************************************************************************************************************************************************/
div.teaserInhalt{
	min-height:120px;
}
div.uebersichtTeaser{
	margin-top:0px;
	border-top:3px solid #e0e0e0;
	padding-top:25px;
	font:normal 0.7em/1.5 "Verdana";
}
div.inhaltDetail{
	font:normal 0.7em/1.5 "Verdana";
}
div.inhaltDetail li{
	margin-left:16px;
}
div.inhaltDetail .headline{
	font:bold 1.3em/1.5 "Verdana";
	width:400px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	color:#002d62;
	margin-top:10px;
}
div.bilderTeaser{
	float:left;
	width:155px;
	border-left:3px solid #e0e0e0;
	padding-left:15px;
	padding-right:15px;
	font:normal 0.6em/1.5 "Verdana"
}
div.bilderTeaser .titel{
	background-color:#cccccc;
	color:#283869;
	margin-bottom:10px;
	padding:1px;
	padding-left:10px;
	font-weight:bold;
}
div.schuheAnsicht{
	font-size:10px;
	float:left;
	margin-right:10px;
	min-height:200px;
	padding:3px;
	border:1px solid #ebebeb;
	margin-bottom:10px;
}
/**************************************************************************************************************************************************/
/**   Anfragekorb-Templates:                                                                                                                     **/
/**************************************************************************************************************************************************/
#warenkorbnav{
	display:block;
	width:100%;
}
#warenkorbBemerkungen textarea{
	font-size:12px;
	overflow-y:scroll;
	width:100%;
}
div.shopbox{
	margin-top:20px;
	margin-bottom:20px;
	background-color:#fef7e7;
	padding:10px;
	color:#002d62;
	border:1px solid #bababa;
}
div.shopbox .einheit{
	background-color:#fffcf4;
	margin-left:-10px;
	margin-right:-10px;
	padding:5px;
	padding-left:10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

div.aktuellesBox{
	float:left;
	margin-right:13px;
	font-size:11px;
	color:#fff;
	width:170px;
	padding:5px;
	min-height:390px;
}
div.aktuellesBox a{
	color:#fff;
	text-decoration:underline;
}
div.aktuellesBox a:hover{
	color:#fff;
	text-decoration:none;
}    
        
td.fussbuegel{
  background-color:#fff;
  text-align:center;  
}

/* ################################ KONFIGURATOR ################################*/

/* Tabellen: */
div.detailSeiteKonfigurator{
	float:left;
	font:normal 0.6em/1.5 "Verdana";
	padding:00px;
	padding-right:20px;
	padding-left:15px;
	border-left:3px solid #e0e0e0;
	width:410px;
	min-height:300px;
}
div.detailSeiteKonfigurator input{
	font:normal 1em/1.5 "Verdana";
}
div.detailSeiteKonfigurator table{
	border:1px solid #e0e0e0;
	margin-top:10px;
}
div.detailSeiteKonfigurator th{
	font:bold 1em/1.5 "Verdana";
	background-color:#c2c2c2;
	color:#003460;
	text-align:left;
}
div.detailSeiteKonfigurator td{
	font:normal 1em/1.5 "Verdana";
	background-color:#eeeeee;
	color:#000;
	vertical-align:top;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:5px;
}
div.detailSeiteKonfigurator #confinfoheader table{
	border:0px;
}
div.detailSeiteKonfigurator #confinfoheader td{
	background-color:#fffcf5;
	color:#00327E;
	padding:4px;
}
div.detailSeiteKonfigurator #confinfobox table.nobg{
   border:0px; 
}
div.detailSeiteKonfigurator #confinfobox table.nobg td{
	background-color: Transparent;
	border:0px;
}
div.detailSeiteKonfigurator td.weiter{
	background-color:#fff;
}
.konfLogo{
	position:absolute;
	margin-top:180px;
	z-index:200;
	width:1000px;
	left:50%;
	margin-left:-500px;
}
table.matrix td{
    margin-left:-1px;
    margin-top:-1px;
    border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
}
table.matrixPrint{
    border:1px solid #c2c2c2;
	border-top:1px solid #c2c2c2;
	border-color: #c2c2c2;
}
table.matrixPrint td{
    margin-left:-1px;
    margin-top:-1px;
    border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	vertical-align:top;
}
table.matrixPrint th{
	font:bold 1em/1.5 "Verdana";
	background-color:#c2c2c2;
	color:#003460;
	text-align:left;
}
ul.ulmuskelstatus li{
    display:inline;
}
li.muskelstatus{
	margin-left:3px;
	padding:2px;
	cursor:pointer;
}
table h2{
	/*background:#f5f5f5;*/
	color:#fff;
	background:#0083a5;
	margin-bottom:5px;
	padding:5px;
	border-bottom:1px solid #fff;
} 
h2.infoboxHeader{
	/*background:#f5f5f5;*/
	color:#fff;
	background:#0083a5;
	margin-bottom:5px;
	padding:5px;
	border-bottom:1px solid #fff;
} 
div.ieInfo{
    background-color:#ffe1e1;
    padding:10px;
    margin-bottom:40px;
    color:#002d62;
    border:1px solid #cf1818;
    display:none;
    cursor:pointer;
    font-weight:bold;
}
.infoBtn{
	padding:2px;
	padding-left:3px;
	padding-right:3px;
	background:#002c64;
	margin-right:3px;
	color:#fff;
	border:1px solid #fff;
}
#login input{
	border:1px solid #80c2d2;
	background-color:#0084a4;
	color:#b9e7eb;
	padding:3px;
	width:150px;
	margin-right:5px;
}
a.login_off{
    background-image: url('/images/icon/lock.png');
    background-repeat:no-repeat;
    padding:2px;
    padding-left:20px;
}
a.login_on{
	background-image: url('/images/icon/lock_open.png');
    background-repeat:no-repeat;
    padding:2px;
    padding-left:20px;
}
.blueProduktBox{
	position:absolute;
	padding:5px;
	color:#fff;
	margin-left:-3px;
	width:128px;
	z-index:240;
	background-color:#002b63;
	text-align:left;
	min-height:150px;
	margin-top:10px;
	display:none;
}
.blueProduktBox li{
	margin-left:15px!important;
}
td.rot{

    background-color:#e68486;
}

