/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			28.11.2009
*/

/*
========================================================
BASE
========================================================
*/

body {
	background-color:		#a7aeb4;
	background-image: 		url(/images/template/background.png);
	background-repeat: 		repeat-y;
	background-position: 	center top;
}

#bodylv1 {
	height:					900px;
	position:				relative;
	background-image: 		url(/images/template/background_lv1.png);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

#container,
.container {
	position:				relative;
	margin:					0 auto;
	width:					990px;
}

/*
========================================================
HEADER
========================================================
*/

#header {
	position:				relative;
	margin:					0;
	height:					100px;
	z-index:				10;
}

#header a.logo {
	position:				relative;
	margin:					37px 0 0 15px;
	height:					100px;
	z-index:				10;
	width:					181px;
	height:					46px;
	text-indent:			-9999px;
	background-image: 		url(/images/template/logo-binder.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#header .section {
	position:				relative;
}

#header .section div.wrapper {
	position:				relative;
	text-align:				right;
	float:					right;
}

#header .section.top {
	z-index:				55;
	height:					63px;
}

#header .section.bottom {
	z-index:				22;
}

#header .section ul {
	text-align:				left;
}

#header form {
	border:					0;
	padding:				7px 0 0 0;
	margin:					0;
}

#header form .isearch {
	border:					0;
	padding:				0;
	margin:					0;
	float:					left;
	width:					126px;
	height:					20px;
	background-image: 		url(/images/template/background-searchfield.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#header form .sbsearch {
	border:					0;
	padding:				0;
	margin:					0 0 0 5px;
	float:					left;
}

/*
========================================================
PAGE
========================================================
*/
#page {
	padding:				0 5px 0 5px;
	min-height:				600px;
	height:					auto !important;
	height:					600px;
	background-image: 		url(/images/template/background-page.png);
	background-repeat: 		repeat-y;
	background-position: 	center top;
}


/*
========================================================
BREADCRUMB
========================================================
*/

#breadcrumb {
	padding:				8px 0 0 10px;
	height:					29px;
}

#page ul#crumblist {
	float:					left;
}

#page ul#crumblist,
#page ul#crumblist li {
	margin: 				0;
	padding: 				0;
	list-style: 			none !important;
	border:					0;
}

#page ul#crumblist li,
#page ul#crumblist li a {
	float:					left;
	color:					#525252;
	text-decoration: 		none;
	font-size:				12px;
}

#page ul#crumblist li {
	padding: 				0 10px 0 15px;
	background-image: 		url(/images/template/breadcrumb-icon.png);
	background-repeat: 		no-repeat;
	background-position: 	left 2px;
}

#page ul#crumblist li a {
	padding:				0 0 0 0;
}

#page ul#crumblist li.first {
	padding-left:			20px;
	background-image: 		url(/images/template/breadcrumb-home.png);
	background-repeat: 		no-repeat;
	background-position: 	left 1px;
}

#page ul#crumblist li a:hover,
#page ul#crumblist li.last,
#page ul#crumblist li.last a {
	color:					#f50024;
}

/*
========================================================
TEASER
========================================================
*/

#teaser {
	min-height:				320px;
	height:					auto !important;
	height:					320px;
}

#teaser.map {
	overflow:				hidden;
}

/*
========================================================
CONTENT
========================================================
*/

#content {
	min-height:				400px;
	height:					auto !important;
	height:					400px;
}

.preloader { background:url(../images/ajax-loader.gif) center center no-repeat; display:inline-block; }

/*
--------------------------------------------------------
SECONDARYNAV
--------------------------------------------------------
*/

#content ul#secondarynav,
#content ul#secondarynav li {
	margin:					0 !important;
	padding:				0 !important;
	list-style:				none;
}

#content ul#secondarynav {
	display:				block;
	height:					320px;
	padding-left:			5px !important;
	background-image: 		url(/images/template/background-secondarynav.png);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	background-color:		#bcc2c7;
}

#content ul#secondarynav li {
	background-image:		none;
}

#content ul#secondarynav li.seperator {
	margin-top:				5px !important;
	padding-top:			5px !important;
	background-image: 		url(/images/template/secondarynav-seperator.gif) !important;
	background-repeat: 		repeat-x !important;
	background-position: 	left top !important;
}

/* Fix IE Withespace Bug */
#content ul#secondarynav li a {
	display: 				block;
	margin:					0;
	padding:				2px 0 3px 15px;
	width:					244px;
	color:					#383b3f !important;
	text-decoration:		none;
}

#content ul#secondarynav li a:hover,
#content ul#secondarynav li.current a {
	color:					#FFF !important;
	background-image: 		url(/images/template/secondarynav-hover.gif);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#content a.add {
	text-decoration:		none;
	margin-bottom:			10px;
}


/* IMGLIST */
#content .imglist .element {
	float:					left;
	margin-right:			20px;
	width:					200px;
}

#content .imglist .element .img {
	padding:				5px 0;
	text-align:				center;
	border:					1px solid #CCC;
}


/*
========================================================
LEFTCOL
========================================================
*/

#leftcol {
	float:					left;
	width:					670px;
	padding:				0 25px 0 20px;
}

/*
========================================================
RIGHTCOL
========================================================
*/

#rightcol,
.rightcol {
	float:					right;
	width:					265px;
	padding:				0;
	margin:					0;
}

.goto {
	margin:					0 0 15px 25px;
	width:					240px;
	cursor:					pointer;
}

.goto.backlink {
	background-image: 		url(/images/template/btn-products-overview.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

.goto.backlink div {
	background-image: 		url(/images/template/btn-products-overview-end.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

.goto.backlink a {
	display:				block;
	padding:				8px 0 8px 14px;
	color:					#FFF !important;
	text-decoration:		none;
	font-size:				15px;
}




#rightcol .block {
	width:					245px;
	margin:					0 0 40px 20px;
	padding:				0 0 0 0;
}

#rightcol .block .h1 {
	padding:				3px 18px 0 0;
	margin-bottom:			2px;
	height:					21px;
	background-image: 		url(../images/buttons/v2/h_background.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	color:					#FFF;
	font-weight:			bold;
	text-align:				right;
}

#rightcol .qucklinks {
	background-image: 		url(../images/buttons/v2/quicklinks-border.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 27px;	
}

#rightcol .qucklinks ul {
	margin:					0;
	padding:				5px 0 1px 5px;
	background-image: 		url(../images/buttons/v2/quicklinks-border.gif);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;	
}

#rightcol .qucklinks ul li {
	margin:					0;
	padding:				0 0 2px 0;
	background-image: 		url(../images/buttons/v2/quicklinks-seperator.gif);
	background-repeat: 		no-repeat;
	background-position: 	right bottom;	
}

#rightcol .qucklinks ul li.last {
	background-image: 		none !important;	
}

#rightcol .qucklinks ul li a {
	display:				block;
	width:					195px;
	padding:				10px 30px 10px 15px;
	color:					#383b3f;
	text-decoration:		none;
	background-image: 		url(../images/buttons/v2/quicklinks-icon.gif);
	background-repeat: 		no-repeat;
	background-position: 	210px 12px;
}

#rightcol .qucklinks ul li a:hover {
	color:					#c2241e;
	background-color:		#dcdfe2;
	background-position: 	-25px 12px;
}

#rightcol .slide {
	width:					245px;
}

#rightcol .slide .blockbody{
	width:					240px;
	padding-left:			5px;
	background-image: 		url(../images/buttons/v2/webspecial/bg.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#rightcol .slide .blockbody.to2btn {
	background-image: 		url(../images/buttons/v2/boxing/blockbody-box.jpg) !important;
	background-position: 	left bottom !important;
}

#rightcol .slide ul,
#rightcol .slide ul li {
	margin:					0;
	padding:				0;
	background-image:		none !important;
	list-style:				none !important;
}

#rightcol .slide ul li img {
	border-bottom:			0;
	vertical-align:			bottom;
}

#rightcol .slide .txt {
	padding:				9px 10px 9px 15px;
}

#rightcol .slide .txt a {
	display:				block;
	padding:				10px 0 0 0;
	text-decoration:		none;
}

#rightcol .slide .h2 {
	color: 					#c2352e;
	font-weight:			bold;
}

#rightcol .slide .controls {
	display:				block;
	margin-left:			-5px;
	height:					32px;
	background-image: 		url(../images/buttons/v2/webspecial/controls.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;	
}

/* Easy Slider */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:240px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0;
		padding:6px 0 0 15px;
		height:9px;	
		}
	ol#controls li{
		margin:0 3px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;
		line-height:15px;
		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:15px;
		font-size:10px;
		background:#dfe2e5;
		color:#868889;
		padding:0px 9px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#c2352e;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


#rightcol .boxing {
	background-image: 		url(../images/buttons/v2/boxing/blockbody-box.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;	
}

#rightcol .boxing .inbody {
	padding:				10px 10px 10px 20px;
	background-image: 		url(../images/buttons/v2/boxing/boxicon.gif);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#rightcol .downloads {
	background-image: 		url(../images/buttons/v2/quicklinks-border.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 27px;	
}

#rightcol .downloads ul {
	margin:					0;
	padding:				5px 0 2px 5px;
	background-image: 		url(../images/buttons/v2/quicklinks-border.gif);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;	
}

#rightcol .downloads ul li {
	margin:					0;
	padding:				0 0 2px 0;
	background-image: 		url(../images/buttons/v2/quicklinks-seperator.gif);
	background-repeat: 		no-repeat;
	background-position: 	right bottom;	
}

#rightcol .downloads ul li a,
#rightcol .downloads ul li a span {
	display:				block;
	text-decoration:		none;
}

#rightcol .downloads ul li a span.li {
	display:				block;
	width:					155px;
	min-height:				29px;
	height:					auto !important;
	height:					29px;	
	padding:				10px 70px 10px 15px;
	color:					#383b3f;
	text-decoration:		none;
	background-image: 		url(../images/buttons/v2/downloads/icon.gif);
	background-repeat: 		no-repeat;
	background-position: 	6px 16px;
}

#rightcol .downloads ul li a span.txt {
	font-size:				11px;
}

#rightcol .downloads ul li a {
	background-repeat: 		no-repeat;
	background-position: 	170px 5px;
}

#rightcol .downloads ul li a.pdf {
	background-image: 		url(../images/buttons/v2/downloads/pdf.gif);
}

#rightcol .downloads ul li a.exe {
	background-image: 		url(../images/buttons/v2/downloads/exe.gif);
}

#rightcol .downloads ul li a.book {
	background-image: 		url(../images/buttons/v2/downloads/book.gif);
}


#rightcol .downloads ul li:hover {
	background-color:		#dcdfe2;
}

#rightcol .downloads ul li.last {
	background-image: 		none !important;	
}

#rightcol .download.related {
	display:				block;
	width:					251px;
	margin-left:			14px;		
}

#rightcol .download.related a {
	display:				block;
	padding:				14px 0 0 26px;
	width:					225px;
	height:					51px;
	background-image: 		url(../images/buttons/v2/download_rel/bg.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	text-decoration:		none;
	color:					#383b3f;
	font-size:				11px;
	line-height:			12px;
	font-weight:			bold;		
}

#rightcol .download.related a span {
	display:				block;
	color:					#f50024;
	font-weight:			normal;		
}

#rightcol .download.related a:hover {
	background-position: 	left bottom;
}


#rightcol .brainshark.related {
	display:				block;
	width:					251px;
	margin-left:			14px;		
}

#rightcol .brainshark.related a {
	display:				block;
	padding:				14px 80px 0 26px;
	width:					145px;
	height:					51px;
	background-image: 		url(../images/buttons/v2/brainshark/bg.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	text-decoration:		none;
	color:					#383b3f;
	font-size:				11px;
	line-height:			12px;
	font-weight:			bold;		
}

#rightcol .brainshark.related a span {
	display:				block;
	color:					#f50024;
	font-weight:			normal;		
}

#rightcol .brainshark.related a:hover {
	background-position: 	left bottom;
}

#rightcol .contact {
	display:				block;
	padding:				0 0 10px 0;
	background-image: 		url(../images/buttons/v2/boxing/blockbody-box.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

#rightcol .contact a {
	display:				block;
	text-decoration:		none;
	color:					#383b3f;
	padding:				0 0 0 20px;
	background-image: 		url(../images/buttons/v2/downloads/icon.gif);
	background-repeat: 		no-repeat;
	background-position: 	11px 4px;
}

#rightcol .contact a span {
	display:				block;
	font-weight:			bold;
}

/*
========================================================
LEFTCOL / RIGHTCOL
========================================================
*/

#leftcol,
#rightcol {
	padding-top:			20px;
}

/*
========================================================
fullcol
========================================================
*/

#fullcol {
	display:				block;
	padding:				0 20px 0 20px;
}

/*
========================================================
COL 50% Left / RIGHT
========================================================
*/

.col50 .col {
	width:					325px;
}

.col50 .col h4 {
	margin-top:				12px;
}

.col50 .col.right {
	padding-right:			0;
}

/* GALLERY */

ul.gallery,
ul.gallery li {
	margin:					0 !important;
	padding:				0 !important;
	list-style:				none !important;
	background-image:		none !important;	
}

ul.gallery li,
ul.gallery li a {
	float:					left;
	margin-right:			10px;
}

/* TWOCOLS */
.twocols {
	margin:					20px 0 0 0;
	padding:				0 0 10px 0;
	background-image: 		url(../images/px-linie.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;	
}

.twocols .hl {
	font-weight:			bold;
	font-size:				14px;
}

.twocols .day {
	float:					left;
	padding-right:			5px;
	font-weight:			bold;
	font-size:				26px;
	line-height:			30px;
	color:					#383b3f;
	border-right:			1px solid #cccccd;
}

.twocols .rest {
	float:					left;
	padding-left:			5px;
	font-size:				12px;
	line-height:			14px;
	font-weight:			bold;
}

.twocols .lft {
	float:					left;
	width:					95px;
}

.twocols .rgt {
	float:					left;
	width:					570px;
}

a.btnxt {
	display:				block;
	padding:				8px 12px;
	margin-right:			15px;
	background-color:		#CCC;
	text-decoration:		none !important;
	color:					#000 !important;
}

/*
========================================================
FOOTER
========================================================
*/

#footer {
	height:					90px;
	padding:				20px 5px 0 15px;
	background-image: 		url(/images/template/background-footer.png);
	background-repeat: 		no-repeat;
	background-position: 	center top;
}

#footer,
#footer a {
	font-size:				12px;
	color:					#646464;
	text-decoration:		none;
}

#footer a:hover {
	color:					#000;
}

#footer a.logo {
	display:				block;
	margin:					9px 10px 0 0;
	width:					91px;
	height:					13px;
	text-indent:			-5600px;
	background-image: 		url(/images/template/logo-footer-binder.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#footer ul#footernav {
	padding-top:			7px;
}

#footer ul#footernav li,
#footer ul#footernav li a,
#footer ul#pageoptions li,
#footer ul#pageoptions li a {
	float:					left;
}

#footer ul#footernav li {
	margin:					0;
	padding:				0 5px 0 5px;
	border-right:			1px solid #646464;
}

#footer ul#pageoptions {
	background-image: 		url(/images/template/footer-panel-lft.gif);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#footer ul#pageoptions li {
	margin:					0;
	padding:				6px 3px 6px 3px;	
}

#footer ul#pageoptions li.first {
	padding-left:			10px;
}

#footer ul#pageoptions li.seperator {
	padding-right:			15px;
	background-image: 		url(/images/template/footer-seperator.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

#footer ul#pageoptions li a.printpage {
	padding-left:			30px;
	background-image: 		url(/images/icons/icon_print.gif);
	background-repeat: 		no-repeat;
	background-position: 	10px top;
}

#footer ul#pageoptions li.last {
	padding-right:			10px;
	background-image: 		url(/images/template/footer-panel-rgt.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}