/* CSS Document */

html, body { height:100%; margin:0; font:11px Arial, Verdana, Helvetica, sans-serif; color:#004388; background:#F8F9FB url(../images/bg_main.jpg) top repeat-x;}
a, a:hover, a:visited{color:#004388; text-decoration:none;}
a:hover{text-decoration:underline;}

ul{list-style: url(../images/hyphen_list.gif) outside;margin:4px 0 4px 0;padding-left:17px;}
ul li{line-height: 16px;margin:0;padding:0;}
ol{margin:4px 0 4px 0;padding-left:23px;}
ol li{line-height: 16px;margin:0;padding:0;}

.formfield{background:#F8F8F0; border:1px solid #979141; height:14px; font:11px Verdana, Arial, Helvetica, sans-serif; }

div#gui{margin:0 auto; width:910px;}

/* MENU */
div#guiMenuContainer{float:left; padding-top:7px; margin-bottom:2px; width:100%; height:49px; background:url(../images/bg_menu.jpg) top no-repeat; }
div#guiMenuLeft{float:left; padding:4px 0 0 33px; }
.guiMenuLeftItem{margin-right:315px; }
.guiMenuSeparator{float:left; margin:0 14px 0 14px; }
.guiMenuItem{float:left; height:31px; padding:10px 0 0 0;}
.guiMenuOn{margin-top:8px; text-align:center;}


/* COLUMN LEFT */
div#guiLeftContainer{float:left; width:190px; margin-right:2px;}


/* MENU 2 */
div#guiMenu2Container{float:left; width:190px; margin-top:4px; background:url(../images/menu2/bg_menu2.jpg) top repeat-y;}
div#guiMenu2Container .guiMenu2Top{position:relative; float:left; width:100%; padding-top:8px; background:url(../images/menu2/bg_menu2Top.jpg) top no-repeat;}
div#guiMenu2Container div#guiMenu2Bottom{float:left; width:100%; padding-bottom:8px; background:url(../images/menu2/bg_menu2Bottom.jpg) bottom no-repeat;}

.guiMenu2ItemOff{width:100%; height:29px; margin-bottom:1px; cursor:pointer; text-decoration:none; background:url(../images/menu2/bg_menu2_item_middle_off.jpg) top repeat-y;}
.guiMenu2ItemOn{width:100%; height:29px; margin-bottom:1px; cursor:pointer; text-decoration:none; color:#FFFFFF; background:url(../images/menu2/bg_menu2_item_middle_on.jpg) top repeat-y;}
.guiMenu2ItemTopOff{width:100%; height:29px; margin-bottom:1px; cursor:pointer; text-decoration:none; background:url(../images/menu2/bg_menu2_item_top_off.jpg) top repeat-y;}
.guiMenu2ItemTopOn{width:100%; height:29px; margin-bottom:1px; cursor:pointer; text-decoration:none; color:#FFFFFF; background:url(../images/menu2/bg_menu2_item_top_on.jpg) top repeat-y;}
.guiMenu2ItemBottomOff{width:100%; height:29px; cursor:pointer; text-decoration:none; background:url(../images/menu2/bg_menu2_item_bottom_off.jpg) top repeat-y;}
.guiMenu2ItemBottomOn{width:100%; height:29px; cursor:pointer; text-decoration:none; color:#FFFFFF; background:url(../images/menu2/bg_menu2_item_bottom_on.jpg) top repeat-y;}
.guiMenu2ItemText{padding:6px 0 0 16px;}
div#guiMenu2Container a, div#guiMenu2Container a:hover, div#guiMenu2Container a:visited { text-decoration:none; }


/* MAIN */
div#guiMainContainer{float:left; width:100%; margin-bottom:4px;}
div#guiMainPic{float:left;}

div#guiContentContainer{float:left; width:525px; margin-top:4px; background:url(../images/content/bg_content.jpg) top repeat-y;}
div#guiContent{padding:36px 36px 18px 36px;}
div#guiContentContainer div#guiContentTop{position:relative; float:left; width:509px; padding:8px; background:url(../images/content/bg_contentTop.jpg) top no-repeat;}
div#guiContentContainer div#guiContentBottom{float:left; width:100%; padding-bottom:8px; background:url(../images/content/bg_contentBottom.jpg) bottom no-repeat;}
div#guiContentHeadline {width:100%; padding-bottom:8px;}
h1{font:16px Arial, Verdana, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; text-transform:uppercase; line-height:30px;}
div#guiContentSubline {width:100%; padding-bottom:20px;}
h2{font:12px Arial, Verdana, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; color:#004388;}
div#guiContentText {width:100%; color:#666666; line-height:18px;}


/* COLUMN STICKER LEFT */
div#guiLeftStickerContainer{float:left; width:190px; margin-top:4px; background:url(../images/content/bg_leftsticker.jpg) top repeat-y;}
div#guiLeftStickerContainer div#guiLeftStickerTop{position:relative; float:left; width:174px; padding:8px; background:url(../images/content/bg_leftstickerTop.jpg) top no-repeat;}
div#guiLeftStickerContainer div#guiLeftStickerTopNoMenu2{position:relative; float:left; width:174px; padding:8px; background:url(../images/menu2/bg_menu2Top.jpg) top no-repeat;}
div#guiLeftStickerContainer div#guiLeftStickerBottom{float:left; width:100%; padding-bottom:8px; background:url(../images/content/bg_rightBottom.jpg) bottom no-repeat;}


/* COLUMN RIGHT */
div#guiRightContainer{float:left; width:190px; margin-top:4px; margin-left:2px; background:url(../images/menu2/bg_menu2.jpg) top repeat-y;}
div#guiRightContainer div#guiRightTop{position:relative; float:left; width:174px; padding:8px; background:url(../images/menu2/bg_menu2Top.jpg) top no-repeat;}
div#guiRightContainer div#guiRightBottom{float:left; width:100%; padding-bottom:8px; background:url(../images/content/bg_rightBottom.jpg) bottom no-repeat;}


/* SORTIMENT UND PRODUKTFENSTER */
div#guiSortiment{float:left; width:100%; margin-bottom:4px; height:209px; background:url(../images/bg_sortiment.jpg) top no-repeat; }
.guiSortimentItem{float:left; }
.guiSortimentOver{text-align:center;}

div#guiProdukte{float:left; width:100%; height:209px; background:url(../images/bg_produkte.jpg) top no-repeat; }
div#guiProduktuebersicht{float:left; width:100%; height:209px; background:url(../images/bg_produktuebersicht.jpg) top no-repeat; }
div#guiProdukteHeadline{float:left; padding:30px 0 0 30px; color:#FFFFFF; font-size:24px;}
div#guiProduktePic{float:right; padding:8px 32px 0 0;}


/* SLIDEMENU */
div#guiSlideContainer{float:left; width:190px; height:282px; padding-top:8px; margin-left:2px; background:url(../images/bg_slide.jpg) top repeat-x; }
.guiSlideItemHeader{ float:left; width:170px; height:23px; padding:7px 0 0 20px; font-size:13px; cursor:pointer; background:url(../images/slidemenu/bg_slideHeaderMid_off.jpg) top no-repeat;}
.guiSlideItemContent{ float:left; width:150px; color:#666666; padding:0 20px 0 20px; background:url(../images/slidemenu/bg_slideContent.jpg) top no-repeat; line-height:16px;}


/* FOOTER */
div#grafenberg{float:right; color:#333333; text-align:right; padding:4px 28px 10px 0;}
div#logo_gsk{float:left; padding-left:25px;}

/* WEBEDITION */
div#weSpacer{width:100%; height:30px;}
div#weMenuInputContainer{width:100%; height:75px;}
div#weMenuInput{margin: 0px auto; width: 945px;}
.weHeadline {color:red; font-size:11px; font-weight:normal;}
.weInput {height:25px;}
div#article_we_pic{}


/* MOOTIPS */

.tool-tip {
	color: #FFFFFF;
	width: 149px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background: url(../images/bg_tooltip.gif) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bg_tooltip.gif) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}