/**
 * guonline.de
 * Main styles
 *
 * @date 2009-07-01
 * @link http://www.artundweise.de
 * @author Peter Broschwitz
 * @version			$Revision: $
 * @lastmodifiedby	$Author: $
 * @lastmodified	$Date: $
 *
 * TOC
 * @section common styles
 * @section header
 * @section navigation
 * @section country-chooser
 *
 */

/**
 * @section common styles
 */


body {
	background: #fabb00 url(images/gu-online/bg_page_tile.jpg?080338) repeat-x;
	color: #323232;
	font-family: Verdana, Arial, Helvetica, clean, sans-serif;
	font-size: 12px;
	text-align: center;
}

strong {
	font-weight: bold;
}

em {
    font-style:italic;
}

.hidden {
	display:none;
}

.container {
	position: relative;
}

.centerer {
	position:relative;
	margin: 0 auto;
	text-align: left;
	width: 967px;
	_margin: 0 0 0 18px;
}

a,
a:link, 
a:visited {
    color: #323232;
    text-decoration:underline;
}

.related-links 
a,
a:link, 
a:visited {
    color: #F49E00;
    text-decoration:underline;
}

a:hover, 
a:active {
    text-decoration:none;
}

.multi-content h1.multi-headline, .multi-content h2.multi-headline, .multi-content h3.multi-headline {
	    font-weight:bold;
	    font-family:Verdana,Arial,Helvetica,sans-serif;
	    color:#323232;
	    display:inline;
}

.multi-content h1.multi-headline {
    font-size:15px;
    line-height:17px;
    padding:0;
}

.multi-content h2.multi-headline {
    font-size:14px;
}

.multi-content h3.multi-headline {
    font-size:13px;
}


/* @note tmp wtf */
a { 
	outline: none; 
}

/**
 * @section header
 */
#header {
	padding: 0 0 0 30px;
}

#logo {
	float:left;
	display:block;
}gu-online
#logo-claim {
	position: absolute;
	top: 34px;
	left: 86px;
	color: #dc8f02;
	font-size: 18px;
	/* @workaround (safari) prevent line-break */
	width: 200px;
	
}
	#logo-claim img {
		display: block;	
	}
	
#claim {
	height: 27px;
	float:right;
	color: #000000;
	margin:16px 34px 0 0;
	_margin-right:17px;	
	font-size:25px;
	text-align:right;
	font-weight: bold;
}


/**
 * @subsection search-form
 * @section header
 */
#search {
	position: absolute;
	left:485px;
	top:56px;
	width:457px;
} 
	.search-wrapper {
		background: url(images/gu-online/search.png?080338) 0 0 no-repeat;
		width: 279px;
		height: 22px;	
		margin-left: 170px;
	}
	.noscript .search-wrapper {
			background-image: none;
		}
		
	#inpSearch {
		border:none;
		_border-color:#ffffff;
		*border-width:0;
		margin:2px 0 0 2px;
		padding:1px 2px;
		width: 207px;
		_width: 202px;
		height:14px;
		_height:12px;
		float:left;
		font-size:11px;
		color: #999999;
	}
		.noscript #inpSearch {
			border: 1px solid #E09017;
		}
	#replacedButton {
		display:block;
		float:left;
		text-indent:-999em;
		width:64px;
		height:20px;
		cursor:pointer;
		position:relative;
		z-index:2;
	}
	
/* @note fallback only for button, not for label */ 	
.noscript .search-button {
	display:block;
}

/**
 * @section navigation
 *
 * @note navigation has to be separated from header
 */
#nav {
	padding:18px 0 0 30px;
	background:url(images/gu-online/bg_top_border_line_content.gif?080338) 0 100% repeat-x;
/*	border-bottom: 1px solid #e09016; */
	float:left;
	width: 935px;
}
#nav,
#nav a {
	text-decoration: none;
	font-size: 13px;
	color: #000000;
}
#nav a {
	z-index: 20;
}
#nav a.active {
	color: #000000;
	font-weight:bold;
}
#nav ul {}
	
	#nav li {
		float:left;
		xoverflow:visible;
	}

	/**
	 * @note Static navigation items. Multitenancy provided 
	 *       by numbered item classes.
	 */
	a.top-level {
		background:url(images/gu-online/nav/guonline_sprite_4.gif?080338) no-repeat;
		height:31px;
		display:block;
		text-indent:-9999em;
		
		outline:none;
	}
	
	
	.item-0 a.top-level {
		background-position:0 -19px;
		width:81px;		
	}
		.item-0 a.top-level:hover,
		.sfHover a.item-0 {
			background-position:0 -69px;
		}
		.item-0 a.active,
		.item-0 a.active:hover {
			background-position:0 -119px;
		}
	.item-1 a.top-level {
		background-position:-81px -19px;
		width:98px;		
	}
		.item-1 a.top-level:hover,
		.sfHover a.item-1 {
			background-position:-81px -69px;
		}
		.item-1 a.active,
		.item-1 a.active:hover {
			background-position:-81px -119px;
		}
	.item-2 a.top-level {
		background-position:-179px -19px;
		width:109px;		
	}
		.item-2 a.top-level:hover,
		.sfHover a.item-2 {
			background-position:-179px -69px;
		}
		.item-2 a.active,
		.item-2 a.active:hover {
			background-position:-179px -119px;
		}
	.item-3 a.top-level {
		background-position:-288px -19px;
		width:103px;		
	}
		.item-3 a:hover,
		.sfHover a.item-3 {
			background-position:-288px -69px;
		}
		.item-3 a.active,
		.item-3 a.active:hover {
			background-position:-288px -119px;
		}
	.item-4 a.top-level {
		background-position:-391px -19px;
		width:96px;		
	}
		.item-4 a.top-level:hover,
		.sfHover a.item-4 {
			background-position:-391px -69px;
		}
		.item-4 a.active,
		.item-4 a.active:hover {
			background-position:-391px -119px;
		}
	/* @note item-5 not used yet 	
	.item-5 a.top-level {
		background-position:0 0;
		width:0;		
	}
		.item-5 a.top-level:hover,
		.sfHover a.item-5 {
			background-position:0 0;
		}
	*/				

/**
 * @section breadcrumb
 */
#breadcrumb {
	/**
	 * @note - positioned absolute in #container
	 *       - zIndex used in navigation as well 
	 */
	position: absolute;
	z-index:10;
	top: 130px;
	left: 17px;
	padding:2px 4px;
	background-color: #ffffff;
	_height:18px;
	_display:block;
	_zoom:1;
}


.line-left {
	position: absolute;
	top: 102px;
	left: -1px;
	width: 1px;
	height: 317px;
	background: url(images/gu-online/bg_border_line_page.gif?080338) 0 0 no-repeat;
}

.line-right {
	top:10px;
	left:10px;
	position: absolute;
	width: 100px;
	height: 317px;
	background: url(images/gu-online/bg_border_line_page.gif?080338) 0 0 no-repeat;
	top: 102px;
	left: 965px;
}

/*   PRO Button */

.pro-button {
	width:108px;
	height: 22px;
	margin-left: 100px;
}


.content-form .pro-button {
	width:108px;
	height: 22px;
	margin-left: 170px;
}

/* default color

.pro-button .but-side,
.pro-button a {
	background-color: #F49E00;
}
 */

.pro-button .but-side {
	width: 1px;
	height: 20px;
	margin-top:1px;
	float: left;
	background-image: url(images/gu-online/buttons/but_sideline.png?080338);
	background-repeat: no-repeat;
}

.pro-button a {
	width:106px;
	height: 22px;
	display: block;
	float: left;
	text-indent: -1000em;
	background-image: url(images/gu-online/buttons/but_beitrag_normal.png?080338);
	background-repeat: no-repeat;
	z-index:10;
}

.pro-button a.buttonBeitrag {
	background-image: url(images/gu-online/buttons/but_beitrag_normal.png?080338);
}

.pro-button a.buttonBeitrag:hover,
.pro-button a.buttonBeitrag:active {
	background-image: url(images/gu-online/buttons/but_beitrag_over.png?080338);	
}


.pro-button a.buttonBuch {
	background-image: url(images/gu-online/buttons/but_buch_normal.png?080338);
}

.pro-button a.buttonBuch:hover,
.pro-button a.buttonBuch:active {
	background-image: url(images/gu-online/buttons/but_buch_over.png?080338);	
}

.pro-button a.buttonAbschicken {
	background-image: url(images/gu-online/buttons/but_abschicken_normal.png?080338);
}

.pro-button a.buttonAbschicken:hover,
.pro-button a.buttonAbschicken:active {
	background-image: url(images/gu-online/buttons/but_abschicken_over.png?080338);	
}



.comment-table .pro-button a.send-comment {
	width:185px;
    background-image: url(images/gu-online/buttons/GU_button_kommentar.png?080338);
}

.comment-table .pro-button a.send-comment:hover,
.comment-table .pro-button a.send-comment:active {
	background-image: url(images/gu-online/buttons/GU_button_kommentar.png?080338);
    background-position:0 -22px;   
}
.comment-table .pro-button .but-side{
	display:none;
}

/*  IE hacks for PNG-Transparency included in head...
 */


/* TEaser */

.hl-overlay {
	position:absolute;
	background-color: #FFFFFF;
	padding: 0px 10px 5px 10px;
	left: 11px;
	top: 0px;
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
    -moz-opacity:0.7;
}

* html .hl-overlay {
	padding-bottom: 0;	
}

.but-overlay {
	position:absolute;
	right: 10px;
	bottom: 10px;
}

/**
 * @section content styles
 */
.page {
	width: 965px;
	background-color:#fffdfb;
	overflow: hidden;
}

.content {
	float: left;
	width: 735px;
	background:#fffdfb;
	padding: 10px 0 10px 5px;
	overflow: hidden;
}


.content-extrapad {
	float: left;
	width: 735px;
	background:#fffdfb;
	padding: 20px 0 10px 5px;
}

.boxes.extrapad {
	padding-top: 36px;

}

.content .teaser-list {
	width: 735px;
	overflow: hidden;
}

.content-extrapad h1,
.content h1 {
	font-family: Arial,sans-serif;
	font-size: 30px;
	line-height: 36px;
	padding: 20px 0 10px 0;
	clear: both;
}


.content h2 {
	font-family: Arial;
	font-size: 18px;
	line-height: 20px;
	padding: 5px 0 2px 12px;
	clear: both;
	color: #000000;
}

.content li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 4px;
}


.key-visual {
	padding-top:5px;
	background-color:#fffdfb;
	border-right: 5px solid #fffdfb;
	border-left: 5px solid #fffdfb;
	height: 370px;
}

.boxes {
	width: 220px;
	padding: 15px 5px 10px 0px;
	min-height: 600px;
	_height: 600px;
	float:right;
	background-color:#fffdfb;
}


/* mod */
.mod{
	margin:9px 0;
	background-image: url(images/gu-online/bg_teaser_shade.gif?080338);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom: 2px;
	clear:both;

}
.hd,.bd,.ft{
	overflow:hidden;
	padding: 0 0 0 1px;

}

* html .bd {
	padding: 0 0 0 1px;
	height:150px;
}

.inner {
	position:relative;
	height:150px;
}

.box-inner {
	position:relative;
	height:164px;
}

.boxes .mod {
	margin:0 0 15px 0;
	width: 220px;
}

.newsletter .box-inner,
.tagbox .box-inner,
.recommendbox .box-inner {
	height: 1%;
	text-align: center;
	min-height: 70px;
	_height: 70px;
}

.tagbox a {
	text-transform:capitalize;
}

.tagbox a:link,
.tagbox a:visited {
	text-decoration: none;
}

.tagbox a:hover,
.tagbox a:active {
	text-decoration: underline;
}


b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/

/* **************** BLOCK STRUCTURES ***************** */
/* mod */

.mod  .tl,
.mod .tr {
	height:150px;
	margin-bottom:-32000px;
	width:10px;
	overflow:hidden;
}


.mod .top {height:5px;}
.mod .bottom {height:5px;}

.teaser .image-left {
	padding:0 0 0 10px;
}

.color-panel {
	width:10px;
	height: 150px;
	float:left;
	margin-right:1px;
}

.teaser .picture-shade {
	width: 5px;
	height: 150px;
	margin-right:12px;
	float:left;
	background:url(images/oocss/skin/mod/teaser-gu-shadow.png?080338) 100% 0 repeat-y;
}	

.teaser .text-holder {
	width:217px;
	float:left;
}

.teaser .top {
	height:0;
	margin-top:-4px;
} 
.teaser .bottom {
	height:4px;
	margin-top:0px;
} 
.teaser .bl {
	height:16px;
	margin-top: -12px;
} 
.teaser .br {
	height:16px;
	margin-top: -12px;
}

.image-holder {
	width: 219px;
	float:left;
}

/**
 * @subsection image positions
 * @section content styles
 */	
.image-block {
	clear: both;
}
.span-2 .image-left {
	float: left;
}
.image-right {
	float: right;
}

/** detailansicht, extra abstand **/

.bookdetail-top {
	padding: 50px 5px 10px 5px;
	width: 720px;
}

.book-overlay {
	position: absolute;
	top: 153px;
	left: 10px;
}

.bookdetail-bottom {
	padding: 0 0 30px 300px;
	min-height: 200px;
	_height: 165px;
}

.bookdetail-bottom .delivery-status{
    padding:10px 0 15px 0;
}

.container-book {
	width: 290px;
	text-align: center;
}

.container-attribs {
	width: 220px;
	padding: 10px 0 0 70px;
	color: #666666;
}

.book-text {
	width: 410px;
	padding: 0 25px 0 0;
	float: left;
}

.book-title {
	padding: 5px 0 8px 300px;
	width: 410px;

}

.book-subtitle {
	padding: 15px 0 10px 0;
	font-weight: bold;
}

.book-title-attribs {
	float:left;
	/*width: 650px;*/
	padding-left: 300px;
}

.related-links {
	padding-left: 10px;
	margin:15px 0;
	font-weight: bold;
}

.related-links a {
	display: block;
	line-height: 20px;
	font-size: 12px;
	background-image: url(images/gu-online/bullet_link.gif?080338);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 11px;
}

.related-links a:link,
.related-links a:visited {
	text-decoration: none;
}

.related-links a:hover,
.related-links a:active {
	text-decoration: underline;
}

.price-area {
	float:right;
	margin: 10px 10px 5px 0;
}

.price-big {
	font-size: 16px;
	font-weight: bold;
	padding-right: 25px;
}

/*  ende detail */


/**
 * @subsection teaser
 * @section content
 *
 * @note common mod styles first, followed by specific tenant styles
 *
 * @see mod_skins.css
 */
.mod h3 {
	color: #000000;
}
	.mod p {
		color: #000000;
	}

.teaser h3 {
	font-family:Tahoma,sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:18px;
	margin:12px 0 4px 0;
}

p {
	padding-bottom:10px;
	line-height:1.7;
}

.teaser p a:link,
.teaser p a:visited {
	color:	#000000;
	text-decoration: underline;
}

.teaser p a:hover,
.teaser p a:active {
	text-decoration: none;
}
	
div.every-2nd { 
		margin-right: 0;
}
/**
 * @section buttons
 */

/**
 * @section footer
 */
#footer {
	color:#ffffff;
	background:#fabb00;
	padding:10px 0;
	overflow:hidden;
	width: 965px;
	float: left;
} 
#footer li {
	display:inline;
}
#footer ul {
	margin-left: 10px;
	margin-right: 10px;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
	#footer a:hover {
		text-decoration:underline;
	}

#footer b {
	display:inline;
	padding:0 2px;
	font-size:12px;
	font-weight: normal;
	color:#ffffff;
}

#footer .left {
	float:left;
}
#footer .right {
	float:right;
}


/**
 * @section country-chooser
 */

ul.country-chooser {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 25px;
	overflow: hidden;
}
ul.country-chooser li {
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left:20px;
}
ul.country-chooser li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	color: #595959;
}


/*
  * TEASER NEWSLETTER *
*/

.mod .head {
	height: 20px;
	padding: 7px 0 0 10px;
}

.mod h4.head,
.mod .head h4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.box-form {
	padding: 10px 5px;
}

.box-form-success {
	padding: 15px 8px;
	text-align: center;
}

.content-form {
	width:450px;
}

.form-head {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 20px;
}

.form-head .error {
	font-size: 12px;
	color: #fe0000;
}

input.text,
select,
textarea {
	border: 1px solid #d2d2d2;
	border-top-color:#797979;
	border-left-color:#797979;	
	padding: 2px 3px;
	margin:2px 0 8px 0;
	display: block;
	width: 96%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}

.content-extrapad select {
	padding: 2px 0px;
	width: 98%;	
}

.boxes select {
	padding: 0;
	width: 100%;	
}

textarea.error,
input.error,
td.error {
	border: 1px solid #fe0000;
	background-color: #ffdedd;
}

input.text.midsize,
select.midsize {
	width: 211px;	
}

input.text.left,
select.left {
	width: 212px;
	float: left;
	margin-right:10px;	
}

.label-left {
	float: left;
	margin-right:177px;	
}

.spinner {
    background: url(images/gu-online/ajax-loading.gif?080338) 50% 50% no-repeat;
	height: 25px;
	text-align: center;
	padding-top: 6px;	
}

.newsletter .text-box {
    text-align:left;
    padding-bottom:8px;	
}

/**
 * @section photostory-teaser
 */
 
.photostory-teaser {
    position:relative;
    clear:both;
    height:120px;
    width:698px;
    overflow:hidden;
    padding:27px 0 10px 0;
	margin-left: 6px;
}

.photostory-teaser.hide-title {
	padding-top:5px;
}


.photostory-teaser h3 {
	position:absolute;
	left:-1px;
	top:-4px;
	clear:both;
	color:#000000;
	font-family:Arial;
	font-size:18px;
	line-height:20px;
	padding:5px 0 2px 12px;
}


.image-row {
	padding-left: 21px;
}

.image-box .image {
    width:160px;
    height:120px;
    display:block;
}

.photostory-teaser .image-box {
    display:inline-block;
    float:left;
    height:auto;
    padding-left:2px;
    padding-right:2px;
    width:160px;
}

.photostory-teaser.book-slider {
    height:142px;
    background: url(images/gu-online/bookslider-bg.gif?080338) 0 27px repeat-x;
    margin-bottom:5px;
}

.photostory-teaser.hide-title.book-slider {
    background-position:0 5px;
}

.book-slider .image-box {
    height:142px;
}

.book-slider .image-box a {
	display:block;
    width:160px;
    text-align:center;
}

.book-slider .image-box .book-image {
    width:auto;
    display:inline;
}

.image-row-slider {
    width:1000000px;
}

.photostory-teaser a.arrow,
.photostory-teaser.book-slider .arrow-container {
    display:block;
    position:absolute;
    top:24px;
    left:0px;
	width:19px;
	height: 120px;
    z-index:1;
}

.photostory-teaser a.arrow.left-arrow {
	border-right: 4px solid #FFFDFB;
}

.photostory-teaser a.arrow.right-arrow {
	border-left: 4px solid #FFFDFB;
}

.photostory-teaser a.arrow.left-arrow {
	margin: 3px 0 0 0;
}

.photostory-teaser a.arrow.right-arrow {
	margin: 3px 0 0 0;
}

.photostory-teaser.hide-title .arrow-container,
.photostory-teaser.hide-title a.arrow {
    top:2px;
}


/* photostory arrows faerbung und RO */

.photostory-teaser .arrow {
	background-color:#fabb00;
	background-repeat: no-repeat;
}

.photostory-teaser a.left-arrow {
	background-image: url(images/gu-online/buttons/but_gallery_prev.png?080338);
}


.photostory-teaser a.right-arrow {
  	background-image: url(images/gu-online/buttons/but_gallery_next.png?080338);
  	left:675px;
}

.photostory-teaser.book-slider a.arrow {
   top:0;
}

.photostory-teaser.book-slider .arrow-container {
    width:23px;
    height: 180px;
    background-color:#FFFDFB;
}

.photostory-teaser.book-slider .arrow-container.right {
    left:675px;
}

.photostory-teaser.book-slider a.right-arrow {
    left:0 !important;
}


/* IE hacks included in head... */

.photostory-teaser a.left-arrow:link,
.photostory-teaser a.left-arrow:visited,
.photostory-teaser a.right-arrow:link,
.photostory-teaser a.right-arrow:visited {
    background-position: -19px 0px;
}

.photostory-teaser a.left-arrow:hover,
.photostory-teaser a.left-arrow:active,
.photostory-teaser a.right-arrow:hover,
.photostory-teaser a.right-arrow:active {
    background-position: 0px 0px;
}


/**
 * @section multi-content
 */
 
 
.multi-content-edit-button {
    display:block;
    height:22px;
    background: url(images/gu-online/buttons/edit_komponente.png?080338) right 0 no-repeat;
}


.multi-box .multi-content-edit-button {
    background: url(images/gu-online/buttons/edit_komponente.png?080338) 125px 0 no-repeat;
}

.multi-box .download .multi-content-edit-button {
    background-position:right 0;    
}

.multi-content h2 {
   padding-left:0;
   margin-bottom:5px;	
}

.multi-content {
    padding: 5px 0 10px 0;
    position:relative;
    overflow:hidden;
}


.multi-content .image-block {
    clear: both;
    padding: 4px 0 0px 0;
    margin-bottom:2px;
}

.multi-content .image-left {
    float: left;
    padding: 4px 10px 0px 0;
    margin-bottom:2px;
}

.multi-content .teaser .image-left {
    float: left;
    padding:0 0 0 10px;
    margin-bottom:2px;
}

.multi-content .image-right {
    float: right;
    padding: 4px 0 0px 10px;
    margin-bottom:2px;
}

.multi-content .image-center-content,
.multi-content .image-center-box {
    padding-top:4px;
    padding-bottom:4px;
}


.multi-content .download {
	display:inline;
    line-height:22px;
    font-size:10px;
    color:#666664;
    margin: 8px 20px 8px 0;
}

.download .riot-nocontent {
    height:20px;
    margin:0;
    padding:3px;
    width:107px;
    background-position:right 0;	
}

.multi-content .download a.file {
	display:block;
	width:113px;
	height:22px;
    background: url(images/gu-online/button-download.gif?080338) 0 0 no-repeat;
    float:left;
    margin-right:10px;
}

.multi-content p.left {
   float:left;
}

.multi-content p.right {
   float:right;
}


.multi-content ul {
	margin:6px 0;
	/*float:left;*/
	font-weight:bold;
}

.multi-content li {
	list-style-image: url(images/gu-online/list-style-image.gif?080338);
    list-style-type:none;
    margin-left:12px;
}

.multi-content .teaser-style-1,
.multi-content .teaser-style-2,
.multi-content .teaser-style-3 {
    width:205px;
    padding:5px 5px 10px 5px;
    margin-left:10px;
    background-color:#FFFCF2;
}

.multi-content .teaser-style-2 {
	width:450px;
}


.multi-content .teaser-style-3 {
    width:695px;
    padding-right:0;
}

.content div.multi-content.span-3 {
    margin-right:0;
}

.multi-box {
    margin:0;
    padding-right:0;
}

.multi-box .span-1 {
    margin:0;
    padding:0;
}

.multi-link {
	float:left;
	padding:0 15px 0 10px;
	line-height:21px;
	background: url(images/gu-online/list-style-image.gif?080338) 0 9px no-repeat;
}

.multi-link a,
.multi-link a:link,
.multi-link a:visited {
    font-weight:bold;
    text-decoration:none;
}

.multi-link a:hover,
.multi-link a:active {
    text-decoration:underline;
}


/**/

#content.multi .multi-content .span-3 {
    width:680px;
}

#content.multi .content div.span-1, 
#content.multi .content div.span-2, 
#content.multi .content div.span-3 {
    margin-right:15px;
}

#content.multi .placeholder {
	width:695px;
	clear:both;
}

/**
 * @section riot-no-content
 */

.riot-nocontent {
    padding:10px;
    margin:10px 0;  
}


/*ie 6 fix*/
div.riot-nocontent.span-1, div.riot-nocontent.span-2, div.riot-nocontent.span-3 {
	/*padding:5px !important;*/
    margin:0;
    padding-right:0 !important;
}

div.riot-nocontent.span-1 {
     width:210px;
     margin:0;
     padding:0;
}

div.riot-nocontent.span-2 {
    width:455px;
}

.riot-nocontent a {
    color: #fabb00;
}

.dummyborder{
	border: 1px solid black;
	height: 150px;
	margin-right:25px;
}

.comments {
	padding: 20px 25px 0 5px;
}

.comments .clear {
	height: 15px;
}

.single-comment {
	float:left;
}

.comment-quotes {
	width: 240px;
	overflow:hidden;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	float: left;
	text-align: center;
}

.comment-quotes img{
	padding: 4px 4px 0 4px;
}

.comment-attribs {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	padding-top: 5px;	
}

.comment-text {
	background-color: #FFF;
	border: 1px solid #fef0c9;
	padding: 10px;
	float: left;
	width: 443px;
}

.make-comment input.text,
.make-comment textarea {
	width: 457px;
}
.make-comment textarea {
	height:100px;
}

.make-comment .pro-button {
	margin-left: 278px;
}

.make-comment h2 {
	margin-left: 229px;
}

.make-comment .contact-link-box{
	margin-left: 239px;
    margin-top:5px;
    margin-bottom:7px;
}

.comment-table .label {
	text-align: right;
	vertical-align:top;
	color: #666;
	padding: 5px 10px 0 10px;
}


.searchResults {
	padding-top:44px;
}

.search-result-message {
	font-size:18px;
	margin-bottom:50px;
}

.result-filter {
    margin-bottom:40px;
    color:#000000;
    font-size:12px;
    margin-left:233px;
}

.result-filter span {
    margin-right:22px;
}

.result-filter .label-hl {
    font-weight:bold;
}

.result-filter .label {
    margin-left:5px;
}

.searchResults h2 span {
	color: orange;
}

.search-item {
	/*margin-left:103px;*/
	display:inline-block;
	margin-bottom:30px;
}

.search-item .img-box {
    float:left;
    width:208px;
    padding-right:20px;
    text-align:right;
 }
 
 .search-item .text-box {
    margin-left:230px;
    padding-right:20px;
}

.search-item h3 {
	font-size:18px;
	padding-bottom: 10px;
}

.search-item h3 a{
	text-decoration:none;
}


.search-item .sub-title {
    color:#666666;
}

.search-item .description {
    color:#000000;
    margin-top:12px;
    line-height:20px;
}

.search-item .description a:link, .search-item .description a:visited,
.totalHitCount {
    color:#f49e00;
}


/******************************************************************************
**  orange pager
*******************************************************************************/

.orange-pager {
	margin-top:26px;
	margin-bottom:122px;
	width: 100%;
	position: relative;
	height: 48px;
	left:156px;
}

.orange-pager h3 {
    color:#FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 2px 0 7px 0;
}

.orange-pager-start {
	float: left;
	text-align: center;
	width: 97px;
	background-image:url(images/gu-online/pag_bg_terminal.gif?080338);
	background-repeat: no-repeat;
	height: 51px;
	padding-right: 10px;
}

.orange-pager-total-pages {
	float: left;
	text-align: center;
	width: 95px;
	background-image:url(images/gu-online/pag_bg_terminal.gif?080338);
	background-repeat: no-repeat;
	background-position: right;
	height: 48px;
	padding-left: 10px;
}

.orange-pager-total-pages a:link,
.orange-pager-total-pages a:visited,
.orange-pager-start a:visited,
.orange-pager-start a:link {
	text-decoration: none;
	font-size:10px;
	font-weight: normal;
	color: #FFFFFF;
}

.orange-pager-total-pages a:link span,
.orange-pager-total-pages a:visited span,
.orange-pager-start a:link span,
.orange-pager-start a:visited span {
	color: black;
}

.orange-pager-total-pages a:hover,
.orange-pager-start a:hover {
	text-decoration: underline;
}


.orange-pager-total-pages a:hover span,
.orange-pager-start a:hover span {
	color: #FFF;
}

.orange-pager-region {
	float: left;
	height: 48px;
	overflow: hidden;
	position: relative;
/* unter U. in Prozent konvertieren */
	width: 214px;
}

.orange-pager-region ul {
	float: left;
	height: 27px;
	width: 100000px;
	top: 0;
	position: absolute;
}

.small-pager ul {
	height: 27px;
}


.small-pager {
	width: 100%;
	margin: 26px 0px 0px 230px;
	left:156px;
}

.small-start {
	font-size: 18px;
	font-weight: bold;
	color: #595959;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	width: 55px;
	padding-left: 11px;
	float:left;
}


.small-pager li,
.orange-pager-region li {
	float: left;
	position: relative;
	padding: 0;
}

.small-pager a,
.orange-pager-region a {
	display: block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}

.small-pager a:link,
.small-pager a:visited,
.orange-pager-region a:link,
.orange-pager-region a:visited {
	background-color: #FFFFFF;
	border: 1px solid #cdcdcd;
	color: #000000;
	text-decoration: none;
}

.small-pager a:hover,
.orange-pager-region a:hover {
	background-color: #fabb00;
	border: 1px solid #e09016;
	color: #FFFFFF;
	text-decoration: none;	
}

.orange-pager-active {
	background: #fabb00 none repeat scroll 0 0;
	border: 1px solid #e09016;
	color: #FFFFFF;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 20px;
}

orange-pager-inactive {
	background: transparent none repeat scroll 0 0;
	margin: 0;
	padding: 0;
	position: absolute;
}

li.orange-pager-inactive,
li.orange-pager-active {
	margin: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}


li.orange-pager-active {
    margin-right: 10px;
}


.orange-pager-slider-bar {
	background: #FFF;
	background: url(images/gu-online/pag_bg_sliderbar.gif?080338) repeat-x scroll center bottom;
	clear: both;
	height: 21px;
	position: relative;
	width: auto;
	top: 27px;
}

.orange-pager-slider-handle {
	background: transparent url(images/gu-online/pag_slider_handle.gif?080338) no-repeat scroll center top;
	cursor: pointer;
	height: 21px;
	position: absolute;
	width: 41px;
	z-index: 2;
}


#nl-checkbox {
	text-align:left;
	padding: 2px 0 7px 0;
}

#nl-checkbox input{
	margin-right: 5px;
}

/******************************************************************************
**  event block
*******************************************************************************/
.event-head-container {
	display:none;
    position:absolute;
    width:1056px;
    height:85px;
    background: transparent url(images/gu-online/snow.png?080338) no-repeat -35px top;
}

.event-navi-container {
	display:none;
    position:absolute;
    z-index:100;
}

.event-navi-container .navi-center {
    width:344px;
    height:22px;
    position:absolute;
    top:67px;
    left:48px;
    background: transparent url(images/gu-online/navi-center-snow.png?080338) no-repeat 0 0;
    z-index:100;
}

.event-navi-container .navi-left {
	position:absolute;
    top:67px;
    left:20px;
    width:29px;
    height:27px;
    background: transparent url(images/gu-online/navi-left-snow.png?080338) no-repeat 0 0;
    z-index:100;
}

.event-navi-container .navi-right {
	position:absolute;
    top:67px;
    left:390px;
    width:32px;
    height:35px;
    background: transparent url(images/gu-online/navi-right-snow.png?080338) no-repeat 0 0;
    z-index:100;
}

.event-search-bar {
	display:none;
    position:absolute;
    top:51px;
    left:870px;
    width:65px;
    height:16px;
    background: transparent url(images/gu-online/snow-search-bar.png?080338) no-repeat 0 0;
    z-index:100;
}

/******************************************************************************
**  flowplayer
*******************************************************************************/


iframe.span-1 {
	height:189px;
	margin:5px 0 12px
}

span-1 .optional-format, .span-1 .optional-format {
    height:148px;
    margin:5px 0 12px
}

iframe.span-2 {
    height:339px;
    width:420px;
    margin:5px 0 12px
}

span-2 .optional-format, .span-2 .optional-format {
    height:260px;
    width:420px;
    margin:5px 0 12px
}

.error-content div{
	margin:150px 150px;
}

.error-content p{
	font-size:12px;
	font-weight:bold;
	text-align: left;
}

#copyright {
   margin-left:5px;
}

.caption-box {
    overflow: hidden;
    padding:0;
}

.copyright-box {
    background:#fef7eb none repeat scroll 0 0;
    width: 100%;
    text-align: left;
    color: #000000;
    font-size:10px;
    float: left;
    overflow: hidden;
    padding:0;
    padding-left:5px;
}

.caption {
	background-color:#F5F5F5;
	clear:both;
	color:#666666;
	font-size:11px;
	line-height:15px;
	padding:5px;
	text-align:left;
}


/********** MAGAZIN LANDING PAGE **********/

.full-width-content {
	padding: 20px 5px;
}

h3.colored-head {
	color: #151414;
	font-size: 18px;
	padding: 0 0 2px 11px;
	margin-bottom:20px;
}

.book-item {
	width: 465px;
	padding: 10px 0;
	float:left;
}

.book-item.selected {
	background-color: #fef6e1;
}

.book-item.linestart {
	margin-right: 25px;
}

.img-container {
	width: 187px;
	text-align:center;
	float:left;
}

.text-container {
	width: 278px;
	float:left;
	line-height:14px;
}

.text-container .title {
	color: #f5ab23;
	font-size: 18px;
}

.text-container .title a{
	text-decoration: none;
	line-height:19px;
}

.detail-lines {
	margin-top: 10px;
	color: #727272;
	line-height:16px;
}

.short-desc {
	padding-top:10px;
}

.close-link {
	margin-top: 15px;
}

.submit-button-large {
	text-align: center;
	padding: 30px 0 10px 0;
}

.short-desc p, 
.long-desc p {
	line-height:1.2;
}

/*  Magazine Teaser */
.mag-inner {
	background-color:#fdf9f2;
	padding: 10px 5px;
}

.mag-inner .button {
	text-align: right;
}

.mag-inner p {
	line-height:1.4;
}

.mag-teaser-text {
	padding: 18px 15px;
	font-size: 14px;	
}

ul.mag-list {
	font-size: 13px;
	color: #727272;
	padding: 10px 0 0 16px;
}

ul.mag-list li {
	line-height:20px;
	list-style-image: url(images/gu-online/arrow_bullet.gif?080338);
}

li.bottom-padding {
	padding-bottom: 5px;
}

/*bmi rechner*/
#bmi-form input.input {
    border:1px solid #f39816;
    width:52px;
    float:left;
    margin-right:8px;
    color:#f39816;
    line-height:20px;
    padding:3px 0px 2px 3px;
    margin-top:3px;
    display:inline;
}

#bmi-form label {
    float:left;
    margin-top:5px;
    color:#f39816;
    width:57px;
    padding-left:1px;
    margin-right:8px;
}

#bmi-form a.button {
    float:right;
}

#bmi-form .button img {
    margin-top:3px;
}

#bmiResult {
	padding-top:12px;
	background-color:#fefbf3;
}

#bmiResult .grafik{
    padding-bottom:12px;
}

#bmiResult .strong {
    padding:6px 0 12px 0;
    font-weight:bold;
}

#errorbmi {
	color: #fe0000;
    padding:6px 0 0 0;
}


/* ###### shop ###### */

.content.shop {
	padding-top:20px;
}

.shop {
    padding-bottom:30px;
}

.shop-item {
	padding:20px 20px 20px 0;
	background-color:#fefaf2;
    width:690px;
    overflow:hidden;
}

.shop-item a {
    color:#333333;
    font-weight:bold;
}

.shop-item.top-row {
    background: url(images/gu-online/shop-headline-bg.png?080338) 0 0 no-repeat;
    line-height:42px;
    font-weight:bold;
    padding:0 20px 0 0;
    margin-bottom:1px;

}


.shop-item.top-row .price-box {
    padding-left:0;
    text-align:left;
}

.shop-item.top-row .headline {
	font-size:12px;
    padding-left:15px;
}

.shop-item .img-box, .shop-item .text-box,
.shop-item .article-box, .shop-item .price-box,
.shop-item .tax-box, .shop-item .summation-box {
    float:left;
}

.shop-item .img-box {
	width:80px;
    padding:0 24px 0 18px;
}

.shop-item .img-box img {
    width:80px;
}

.shop-item .text-box {
	width:250px;
	padding-right:7px;
    color:#3f5365;
    font-size:11px;
}

.shop-item .text-box  .error{
    color:#e51d34;	
}

.shop-item .text-box h3 {
    font-weight:bold;
}

.shop-item .article-box {
    width:76px;	
}

.shop-item .article-box input {
    width:31px; 
}

.shop-item .article-box a {
    font-size:10px;
    text-decoration:underline;
    color:#3f5365;
    display:block;
}

.shop-item .article-box a:hover {
    text-decoration:none;
}

.shop-item .price-box {
    width:73px;
    padding:0 0 0 0;
    text-align:right;
}

.shop-item .tax-box {
    width:56px;
    padding-left:30px;
}

.shop-item .summation-box {
    width:76px;
    text-align:right;
}

.shop-item.bottom-grey-row {
    padding-top:4px;
    padding-bottom:4px;
}

.shop-item.bottom-grey-row div, .shop-item.summation-row div {
    float:right;
    text-align:right;
    color:#333333;
}

.shop-item.bottom-grey-row div div, .shop-item.summation-row div div {
    float:none;
}

.shop-item.bottom-grey-row .right, .shop-item.summation-row .right {
    width:161px;
}


.shop-item.bottom-grey-row {
    background-color:#eeeeee;
    margin-bottom:1px;
}

.shop-item.summation-row {
	padding-top:0;
    background: url(images/gu-online/shop-summation-bg.png?080338) 0 0 no-repeat;
    height:50px;
    line-height:50px;
}

.shop-item.summation-row div{
    font-size:18px;
}

.shop .go-forward {
	float:right;
	margin-right:25px;
	display:inline-block;
	height:22px;
}

.shop .go-back {
	display:block;
    float:left;
    height:22px;
}

img.steps {
    display:block;
    margin:30px 0 0 5px;
}

.shop a.go-forward {
	width:269px;
	background-image: url(images/gu-online/schritt1_re.png?080338);
}

.shop .go-back {
    width:132px;
    background-image: url(images/gu-online/schritt1_li.png?080338);
}

.shop .go-forward.address {
    width:162px;
    background-image: url(images/gu-online/schritt2_re.png?080338);
}

.shop .go-back.cart {
	width:168px;
    background-image: url(images/gu-online/Schritt1_1_li.png?080338);
}

.shop .go-back.address {
	width:271px;
    background-image: url(images/gu-online/schritt2_li.png?080338);
}

.shop .go-back.payment {
    width:164px;
    background-image: url(images/gu-online/schritt3_li.png?080338);
    margin-top:28px;
}


.shop a.check-order {
	width:294px;
    background-image: url(images/gu-online/schritt3_re.png?080338);
}

.shop a.go-forward:hover, .shop .go-back:hover  {
    background-position: 0 -22px;
}

.shop a.send {
    width:246px;
    height:78px;
    background-image: url(images/gu-online/schritt4_gross.png?080338);
}

.shop a.send:hover  {
    background-position: 0 -78px;
}

a.show-cart {
	display:block;
    float:left;
    height:22px;
    width:154px;
    background-image: url(images/gu-online/shopping-cart-box-button.png?080338);
}

a.show-cart:hover {
	background-position: 0 -22px;
}

/* ###### shopping-cart-box ###### */

.shopping-cart-box{

}

.shopping-cart-box .head{
    padding-top:0px;
    color:#FFFFFF;
    height:27px;
}

.shopping-cart-box .icon{
    padding-top:6px;
    float:left;
    width:17px;
    padding-right:6px;
}

.shopping-cart-box span.h4 {
    /*float:left;*/
    font-size:14px;
    _font-size:13px;
    line-height:23px;
    font-weight:normal;
}

.shopping-cart-box .article-counter {
    float:right;
    text-align:right;
    font-size:10px;
    _font-size:9px;
    padding-top:7px;
    padding-right:10px;
    _padding-right:8px;
    padding-bottom:10px;
}

.shopping-cart-box .box-inner {
    background-color:#fef2ce;
    padding:0 0 10px 10px;
    height:auto;
}

.shopping-cart-box .note, .shopping-cart-box .shipping {
    text-align:center;
    padding:20px 10px 10px 0;
}

.shopping-cart-box .shipping {
    padding:0 10px 20px 0;
}

.shopping-cart-box .shipping a, .shopping-cart-box .tax-info a {
    color:#333333;
}

.shopping-cart-box .shipping a {
    font-size:9px;
}

.shopping-cart-box .article-container {
    
}

.shopping-cart-box .shop-item {
    float:left;
    width:60px;
    height:60px;
    padding:0;
    background:transparent;
    margin-right:10px;
    text-align:center;
    margin-bottom:10px;
    display:inline;
    position:relative;
}

.shopping-cart-box .tax-info {
	font-size:9px;
    text-align:center;
    padding-bottom:10px;
}

.shop .form-container {
    padding:15px;
    background-color:#fefaf2;
    width:680px;
}
.shop .form-container .form-head  {
    font-size:12px;
}

    .cart-button img {
        cursor:pointer;
    }

/* ###### shopping-cart Step 2 ###### */

.shop.step-two .shop-item.bottom-grey-row {
	padding:0;
    padding-left:15px;
    line-height:60px;
    width:695px;
}

.form-container.hidden {
    display:none;
}

.form-container.error {
    display:block;
}

.shop.step-two .go-back, .shop.step-two .go-forward {
    margin-top:10px;
}

/* ###### shopping-cart Step 4 ###### */

.shop .shop-text-container {
    padding:10px 45px 10px 0;
}


.shop .shop-text-container .left-col, .shop .shop-text-container .inner-left,
.shop .shop-text-container .inner-right{
	float:left;
}

.shop .shop-text-container .right-col{
    float:right;
}

.shop .shop-text-container .inner-right {
	position:relative;
    padding-left:20px;
}

.shop .shop-text-container .inner-right div {
    overflow:hidden;
    width:164px;
}

.shop .shop-text-container .left-col{
    width:310px;
    
}

.shop .shop-text-container .right-col{
    width:310px;
    
}

.shop .text-container .inner-left {
    padding-right:20px;
    padding-bottom:10px;
}

.shop .shop-text-container h3 {
    margin-bottom:10px;
}

.shop .shop-text-container.delivery .inner-left {
    padding-right:0;
}

.shop .shop-text-container.data-privacy .left-col {
    width:auto;
    padding-bottom:20px;
}

.shop .delivery .error .text-box, .shop .delivery .error .text-box a{
    color: #fe0000;
}

.shop-form-row {
    float:left;
}

.shop-form-row.right {
    margin-left:10px;
}

.shop input.text.big {
    width: 314px;   
}

.shop input.text.small {
    width: 100px;   
}

.shop select {
    width: 440px;   
}

.lightwindow img.comment_image{
    padding:0 25px;
    background:url(images/lupe_plus.gif?080338) no-repeat right bottom;
    margin-top:10px;	
}