@charset "utf-8";
/* CSS Document */


/*-----------Inhaltsverzeichnis--------------

 1.  Farbverzeichnis
 2.  Globale Stile
 3.  Header
 4.  Suchbox
 5.  Navigation
 6.  Allgemeiner Seitenbereich
     6.1  Helper Stile
     6.2  Boxes
	 6.3  Buttons
 7.  Startseite
     7.1  Spotlight
     7.2  Supportbar
     7.3  Featured Products
	 7.4  More Info 
	 7.5  Magazin Teaser
 8.  Produkt Landingpage
     8.1  Spotlight
     8.2  Supportbar
     8.3  Featured Products
 9.  Produkt Listing
10.  Magazin
    10.1  Magazin Listing
    10.2  Magazinseite

-------------------------------------------*/

/*-- 1. Farbverzeichnis --

Dark Blue: #0076AD

Light Blue: #008DCF

Very Dark Grey: #343434

Dark Grey: #4E4E4E

Very Light Grey: #EFEFEF

Light Grey: #E6E6E6

Medium Grey: #888888

Red: #F90022

---------------------*/

/*---------- 2. Globale Stile ---------------*/

a
{
  outline: none;
}


body{
background:#efefef;
font: 11px/1.5em;
font-family: Lucida Grande, Lucida Sans, Arial, sans-serif ;
}

p{
color: #555;
}


h1{
font-size: 1.6em;
}

h2{
font-size: 164%;
}

h3{
font-size: 145%;
color: #f90022;
}

h3 > span{
color: #008dcf;
font-size: 0.65em;
line-height: 1.8em;
}

h4{
font-size: 118%;
color: #4d4d4d;
}

h5{
color: #666;
}

a:link, a:visited{
color:#f90022;
text-decoration: none;
}

a:hover{
color:#333;
text-decoration: underline;
}

/*----------- 3. Header -----------------------*/

#header{
background: #fff url(../img/bg_header_back.png) repeat-x bottom;}

.container_outer_header{
width: 1000px;
margin: 0 auto;
background:url(../img/bg_header_outer.png) no-repeat bottom;}

.bg_header_front{
background: #333;
height: 100px;}

#header_main{
background: url(../img/bg_header.gif) bottom repeat-x;
height: 98px;
margin: 0 auto 0 auto;
text-align: left;
width: 940px;}

#logo{
float: left;
width: 620px;
height:98px;
background: url(../img/logo.png) top left no-repeat;}

#logo_xmas{
float: left;
width: 620px;
height:98px;
background: url(../img/logo_xmas.png) top left no-repeat;}

#logo h1{
margin-left: -2000px;}


#logo_xmas h1{
margin-left: -2000px;}
/*----------- 4. Suchbox ----------------------*/

#searchbox{
width: 220px;
float: left;
margin-left: 100px;
margin-top: 35px;
height: 30px;
background: url(../img/searchbox.png);}

#searchbox #searchtext{
float: left;
padding: 0;
margin: 6px 0 0 6px;
border: 0;
width: 180px;
background: none;}

#searchbox #searchbutton{
float: right;
margin: 3px 3px 0 0;}


#ajaxSearchfrom{
}

#searchbox #ajaxSearch_input{
float: left;
padding: 0;
margin: 6px 0 0 6px;
border: 0;
width: 180px;
background: none;}

#searchbox #ajaxSearch_submit{
float: right;
margin: 3px 3px 0 0;}



/*----------- 5. Navigation -------------------*/

#navi{
background: #D6001D;}

.container_outer_navi{
width: 1000px;
margin: 0 auto;
height: 40px;
background:url(../img/bg_navi_.png) no-repeat bottom;}

.bg_navi_front{
height: 40px;
z-index: 9000;}

ul#nav , #nav li, ul#subnav , #subnav li{
z-index: 9000;}

#nav > li > a {
	   height: 39px;
 line-height: 39px;
 padding-top: 0px;
 padding-bottom: 0px;
 	 border-top: 1px solid #f96075;
}

#subnav li{
list-style-type: none;}

#subnav > li > a{
color: #fff;
height: 39px;
 line-height: 39px;
 float: right;
 font-size: 0.8em;
}

/*----------- 6 Allgemeiner Seitenbereich ------------------*/

.container_outer{
width: 1000px;
margin: 0 auto 0 auto;
background: url(../img/bg_content.png) repeat-y;
}

.container_outer2{
width: 1000px;
margin: 0 auto 0 auto;
background: url(../img/bg_content2.png) repeat-y;
}

div#sidebar{
padding: 0px 0px 20px 0px;}	

#sidebar h6{
		font-size: 1.2em;
		padding-left: 10px;
		}
#sidebar p{
		padding: 10px;
		}
		
#sidebarSupport img{
margin-top: 0px;}

		/*----------- 6.1 Helper Stile -------------------------*/
		.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

		
		.margin-t-20{
		margin-top: 20px;}
		
		.margin-t-0{
		margin-top: 0px;}
		
		.margin-b-10{
		margin-bottom: 10px;}
		
		.margin-b-20{
		margin-bottom: 20px;}
		
		.margin-b-40{
		margin-bottom: 40px;}
		
		.margin-t-40{
		margin-top: 40px;}
		
		.padding-b-20{
		padding-bottom: 20px;}
		
		.padding-t-20{
		padding-top: 20px;}
		
		.floatLeft{
		float: left;}
		
		.imgLeftSmall{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;}
		
		.imgLeft{
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;}
		
		.frame{
		background: #fff;
padding: 3px;
border: 1px solid #ccc;}
		
		/* Border on right hand side of a column. */
		div.border {
		padding-right:9px;
		margin-right:10px;
		border-right: 1px dotted #ccc;}
	
		li.border {
		padding-right:9px;
		margin-right:10px;
		border-right: 1px dotted #ccc;}


       /*------------- 6.2 Boxes ---------------*/

		/* Use a .box to create a padded box inside a column.  */ 
		.box { 
		  padding: 1.5em; 
		  margin-bottom: 1.5em; 
		  background: #E5ECF9; 
		}
		
		div.contentBox, div.sidebarBox, div.sidebarBoxMidgrey, div.contentBoxMidgrey, div.sidebarBoxMidgrey, div.sidebarBoxDark, div.contentBoxDark{
		margin-bottom: 20px;}
		
		.sidebarBox > div, .contentBox > div, .contentBoxMidgrey > div, .sidebarBoxMidgrey > div{
		 -moz-border-radius-bottomleft: 5px; 
		 -webkit-border-bottom-left-radius: 5px; 
		 -moz-border-radius-bottomright: 5px; 
		 -webkit-border-bottom-right-radius: 5px;
		padding-bottom: 10px;
		padding-top: 10px;
		border: 1px solid #dddddd;
		border-top: none; 
		background: url(../img/bg_item.png) bottom repeat-x #fff;}
		
		.sidebarBoxDark > div, .contentBoxDark > div{
		 -moz-border-radius-bottomleft: 5px; 
		 -webkit-border-bottom-left-radius: 5px; 
		 -moz-border-radius-bottomright: 5px; 
		 -webkit-border-bottom-right-radius: 5px;
		padding-bottom: 0px;
		padding-top: 0px;
		border: 1px solid #333;
		border-top: none; 
		background: #4e4e4e;}
		
		.sidebarBox h5, .contentBox h2, .sidebarBoxMidgrey h5, .contentBoxMidgrey h2, .contentBoxDark h2, .sidebarBoxDark h5, .contentBoxMidgrey > h3{
		margin: 0px;
		font-size: 1em;
		color: #fff;
		-moz-border-radius-topleft: 5px; 
		-webkit-border-top-left-radius: 5px; 
		-moz-border-radius-topright: 5px; 
		-webkit-border-top-right-radius: 5px;
		padding: 0.5em;
		padding-left: 10px; }
		
		
		
		.sidebarBox h5, .contentBox h2{
		border: 1px solid #2694E8; 
		background: #e7eef3 url(../js/jquery/jqueryUI/css/custom-theme/images/ui-bg_highlight-hard_50_008dcf_1x100.png) 50% 50% repeat-x; 
		}
		
		.sidebarBoxMidGrey h5, .contentBoxMidgrey h2, .contentBoxMidgrey > h3{
		border: 1px solid #ccc; 
		background: #e6e6e6 url(../js/jquery/jqueryUI/css/custom-theme/images/ui-bg_highlight-hard_80_e6e6e6_1x100.png) 50% 50% repeat-x;
		color: #888; }
		
		.sidebarBoxDark h5, .contentBoxDark h2{
		border: 1px solid #333;
		border-bottom: 1px solid #606060; 
		background: #333 url(../js/jquery/jqueryUI/css/custom-theme/images/ui-bg_highlight-dark_1x100.png) 50% 50% repeat-x; 
		}
		
		.contentBox h3, .contentBox h4, .contentBox h5, .contentBox p, .contentBox img, .contentBoxMidgrey h3, .contentBoxMidgrey h4, .contentBoxMidgrey h5, .contentBoxMidgrey p{
		padding: 30px 30px 0px 30px;}
		
		
		.contentBox h3+p, .contentBoxMidgrey h3+p{
		padding-top: 0px;}	
		
		
		.contentBox h2, .sidebarBox h5, .sidebarBoxBlue h5{
		padding: 0.5em;
		padding-left: 10px;}
		
		#productDescrBox h3{
		padding: 0.5em;
		line-height: 1.5em;}
		
				#artikelBox > div{
				padding: 40px; 
				border: 1px solid #ddd;
				-moz-border-radius-topleft: 5px; 
		-webkit-border-top-left-radius: 5px; 
		-moz-border-radius-topright: 5px; 
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px; 
		 -webkit-border-bottom-left-radius: 5px; 
		 -moz-border-radius-bottomright: 5px; 
		 -webkit-border-bottom-right-radius: 5px;
		 margin-bottom: 20px;
}


#artikelBox .highslide img{
float: left;
margin-right: 10px;
margin-bottom: 10px;}


		
		#artikelBox h2{
		margin-bottom: 1.5em;
}

		
		#artikelBox h3{
	

}
		
		#erlebnisfinder{
		
		}
		
		#videoWidget p{
		padding: 0 0 0 0;
		margin-bottom: 0px;}
		
		
		#supportWidget li{
		list-style-type: none;
		padding-left: 64px;
		}
		
		#supportWidget img{
		margin-top: 10px;
		}
		
		#supportWidget li#chat{
		margin-bottom: 20px;
		background:url(../img/icons/png/48x48/comments.png)  0% 30% no-repeat;
		}
		
		#supportWidget li#hotline{
		background:url(../img/icons/png/48x48/mobile_phone.png) 0% 30% no-repeat;
		}
		
		#supportWidget span{
		font-weight: bold;
		}
		
        div#accordion > div > div{
		
		}
		
		div#accordion{
		margin-bottom: 20px;
		}
	/*-------------- 6.3 Buttons ---------------------------*/
	
     .fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	 .fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	 a.fg-button { float:right; }
	
	/* remove extra button width in IE */
	 button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }
	
	/*----------------- 6.4 Forms ------------------*/
	
	#simplyForm fieldset
{
	display: block;
	margin: 0 0 0 0;
	padding: 10px;
	border: none;
	width: auto;
}

#simplyForm fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
}

#simplyForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
	background-color: #DDDDDD;
}

#simplyForm fieldset.radio label
{
	font-weight: normal;
}

#simplyForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}

#simplyForm input
{
	display: block;
	width: 15em;
	margin-bottom: 1em;
}

#simplyForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}

#simplyForm select
{
	display: block;
	width: 200px;
}



		
/*------------- 7. Startseite -------------------------*/

		
		/*----------- 7.1 Spotlight -------------*/
		
		.spotlightFront{
		background: #fcfcfc;
		height:342px;
		padding-top: 20px;}
		
		#spotlightSlideshow{
		height: 322px;
		background: url(../img/bg_slideshow.png) no-repeat;
		}
		
		#spotlightSlideshow object{
		z-index:1;
		}
		
		
		#spotlightContainer{
		margin-left: 9px;
		margin-top: 9px;
		border: 1px solid #fff;
		width: 600px;
		}
		
		#spotlightTabs{
		height: 316px;
		padding: 3px;
		overflow: auto;
		background: #fcfcfc;
		}
		
		div#tabs-1{
		padding: 0px;
		padding-top: 3px;
		background: #fcfcfc;}
				
		
		
		/*----------- 7.2 Supportbar -------------*/
		
        div#supportbar{
		background: url(../img/bg_supportBar.png) no-repeat top;
		min-height: 150px;
		padding-bottom: 1em;}
		
		#supportbarDividerTop{
		height: 1px;
		background: url(../img/supportbarDividerTop.png) no-repeat;}
		
		#supportbarDividerBottom{
		height: 2px;
		background: url(../img/supportbarDividerBottom.png) no-repeat;}
		
        div#supportbar div ul{
		padding-top: 20px;}
		
		div#supportbar div ul li{
		list-style: none;
		padding-left: 74px;
		float: left;
		width: 226px;
		background-position: 0% 50%;
		}
		
		div#supportbar p{
		color: #999;}
		
		#supportbar a:link, #supportbar a:visited, #supportbar a:active{
		color: #666;}
		
		#supportbar h2{
		margin-left: -64px;}
		
		#supportbarGetQuote h2{
		color: #4d4d4d;
		}
		
		#supportbarGetQuote{
		color: #fff;
		}
		
		#supportbarLiveSupport h2{
		color: #4d4d4d;}
		
		#supportbarEventSharing h2{
		color: #4d4d4d;}
		
		li#supportbarGetQuote {
		background: url(../img/icons/png/64x64/accept_page.png) no-repeat;
		}
		
		
		
		li#supportbarLiveSupport {
		background: url(../img/icons/png/64x64/comments.png) no-repeat;}
		
		li#supportbarEventSharing {
		background: url(../img/icons/png/64x64/calendar.png) no-repeat;}
		
		
		/*----------- 7.3 Featured Products-------------*/
		
		/*-----------jquerySlider--------------*/
		/* root element for the whole scrollable setup */
		div.scrollable {  
			position:relative;
			overflow:hidden;
			width: 940px;	 
			height:350px;
				
		}
		
		/* 
			root element for scrollable items. It is 
			absolutely positioned with large width. 
		*/
		#thumbs {	
			position:absolute;
			width:20000em;	
			clear:both;
		}
		
		/* custom positioning for navigational links */
		a.prev, a.next {
		margin-top:118px;
		}
		
		
		
		/* single item */
		
		#thumbs div {
			float:left;
			width:300px;
			height:330px;
			background:#fcfcfc url(../img/bgItem.png) no-repeat bottom;
			color:#fff;
			cursor:pointer;
			margin-right: 20px;
			margin-bottom: 10px;
		}
		
		#thumbs div  div{
			width: 330px;
		background: url(../img/bgItem.png) no-repeat top left;
		height: 140px;
		margin-bottom:10px;
		}
		
		#thumbs img{
		margin: 7px;
		margin-bottom: 0px;
		margin-top: 6px;}
		
		#thumbs h3{
		font-size: 14px; 
		margin: 0px 10px 10px 10px;
		padding-top: 10px;
		color: #333;}
		
		#thumbs p{
		margin: 0px 10px 20px 10px;
		color: #777;}
		
		#thumbs ul{
		margin: 0px;
		margin-right: 10px;
		position: relative;
		left: 0px;
		bottom: 0px;}
		
		#thumbs ul li{
		height: 28px;
		line-height: 28px;
		background: url(../img/btn_price.png) right no-repeat;
		float: right;
		border-right:none;
		list-style-type: none;
		padding: 0px 10px 0px 10px;
		margin: 0px;
		color: #333;
		font-size: 10px;}
		
		#thumbs ul li+li{
		background: url(../img/btn_price.png) left no-repeat;
		border-right:1px solid #b2b2b2;}
		
		#thumbs li span{
		font-size: 12px;
		font-weight: bold;
		color: #008dcf;}
		
		/* style when mouse is over the item */
		#thumbs div.hover {
			background-color:#fff;	
		}
		
		/* style when element is active (clicked) */
		#thumbs div.active {
			background-color:#066;
			cursor:default;
		}
		
		
		
		#thumbs h3 em {
			font-style:normal;
			color:yellow;
		}
		
		/* this makes it possible to add next button beside scrollable */
		div.scrollable {
			float:left;		
		}
		
		/* prev, next, prevPage and nextPage buttons */
		a.prev, a.next, a.prevPage, a.nextPage {
			display:block;
			width:18px;
			height:18px;
			background:url(http://www.flowplayer.org/tools/img/arrow/left.png) no-repeat;
			float:left;
			margin:0px;
			cursor:pointer;
			margin-bottom: 10px;
			margin-top: 10px;
		}
		
		a.prev{
		margin-right: 904px;}
		
		/* mouseover state */
		a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
			background-position:0px -18px;		
		}
		
		/* disabled navigational button */
		a.disabled {
			visibility:hidden !important;		
		}
		
		/* next button uses another background image */
		a.next, a.nextPage {
			background-image:url(http://www.flowplayer.org/tools/img/arrow/right.png);
			clear:right;	
		}
		
		
		
		/*********** navigator ***********/
		
		/* position and dimensions of the navigator */
		div.navi {
			margin-left:435px;
			width:200px;
			height:20px;
			
		}
		
		/* items inside navigator */
		div.navi a {
			width:8px;
			height:8px;
			float:left;
			margin:3px;
			background:url(http://www.flowplayer.org/tools/img/navigator.png) 0 0 no-repeat;     
			cursor:pointer;	
		}
		
		/* mouseover state */
		div.navi a:hover {
			background-position:0 -8px;      
		}
		
		/* active state (current page state) */
		div.navi a.active {
			background-position:0 -16px;     
		} 	
		
		
		/*----------- 7.4 MoreInfo -------------*/
		
		div#moreInfo{
		padding-top: 20px;}
		
		#moreInfo h2 img{
		vertical-align: text-bottom;
		}
		
		#moreInfo li{
		background: none no-repeat left;
		}
		
		#moreInfo ul{
		margin: 0px;
		}
		
		ul#introText{
		padding: 20px 0 50px 0;
		background: url(../img/bg_black.jpg) top left no-repeat #000;
		}
		
		#moreInfo .contentBoxMidgrey > div{
		padding-bottom: 0px;
		padding-top: 0px;}
		
		#introText p, #introText h3{
		padding: 0px 20px 0px 20px;
		color: #fff;
		}
		
		#introText p{
		margin-bottom: 0px;
		color: #fff;}
		
		#introText li{
		list-style-type: none;
		background-image: url(../img/icons/png/128x128/chart_up.png);
		background-position: 0% bottom;
		padding: 2em 20px 0 128px;
		margin: 0px 20px 0 20px;}
		
		#keyPoints p, #keyPoints h4{
		padding: 0px 10px 0px 10px;}
		
		ul#keyPoints{
		border-top: 1px solid #ddd;
		width: 100%;
		background: #fff url(../img/bg_white.jpg) bottom repeat-x;
 }
		
		#keyPoints li{
		list-style-type: none;
		background-position: 0% center;
		padding: 1em 0 0 64px;
		margin: 20px 0px 0 20px;
		float: left;
		width: 216px;}
		
		li#keyReferenzen {
		background-image: url(../img/icons/png/64x64/users_comments.png);}
		
		li#keyNewsletter {
		background-image: url(../img/icons/png/64x64/mail_receive.png);
		}
		
		li#keyEventpartner {
		background-image: url(../img/icons/png/64x64/image_accept.png);}
		
		li#keyRSS {
		background-image: url(../img/icons/png/64x64/rss.png);}
		
		
		/*----------- 7.5 Magazin Teaser -------------*/
		
		
		.clearfix:after, .container:after {
			content: "\0020"; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden; 
			overflow:hidden; 
		}
		
		#magazinTeaser ul{
		margin: 0px;
		padding: 0px;}
		
		#magazinTeaser li{
		list-style-type: none;
		padding: 20px;
		border-bottom: 1px solid #ddd;
		background: url(../img/bg_item.png) bottom repeat-x #fff;
		}
		
		#magazinTeaser li.firstArtikel{
		list-style-type: none;
		margin-bottom: 0px;
		border-bottom: none;
		}
		
		#magazinTeaser li.lastArtikel{
		list-style-type: none;
		margin-bottom: 0px;
		border-bottom: none;
		}
		
		#magazinTeaser div.frame{
		float: left;
		margin-right: 20px;
		padding-top: 3px;
		}
		
		#magazinTeaser p{
		padding: 0px;
		margin-bottom: 0px;}
		
		#magazinTeaser h3{
		padding: 0px;
		margin: 0px;}
	
	    #magazinTeaser div{
		padding-top: 0px;
		}
		
/*------ 9. Produkt Listing ---*/

#productListing li{
background: url(../img/bg_item.png) bottom repeat-x #fff; 
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
list-style-type: none;
padding: 20px;
-moz-border-radius-topleft: 5px; 
-webkit-border-top-right-radius: 5px; 
-moz-border-radius-topright: 5px; 
-webkit-border-top-left-radius: 5px;
}

#productListing li ul li{
border: none;
border-bottom: 1px dotted #ccc;
list-style-type: none;
padding: 5px 0 5px 0;
width: auto;
margin-left: 400px;
font-size: 0.8em;
margin-bottom: 0;
background: none;
 }

#productListing ul{
margin: 0;
padding: 0;}

#productListing h3, #productListing p, #productListing > ul > li > div{
margin: 0;
padding: 0;
float: left;}

#productListing h3{
margin-bottom: 1em;}

#productListing > ul > li > div{
background: #fff;
padding: 3px;
border: 1px solid #ccc;}

#productListing li.itemButtons{
background: #E7EEF3 url(../js/jquery/jqueryUI/css/custom-theme/images/ui-bg_highlight-soft_100_e7eef3_1x100.png) repeat-x;
background-position: 0% 50%;
padding: 6px 0px 6px 0px;
border: 1px solid #C4CBCF;
border-top: 1px solid #fff;
width: 618px;
margin-bottom: 20px;
-moz-border-radius-bottomleft: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-bottomright: 5px; 
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 0px; 
-webkit-border-top-right-radius: 0px; 
-moz-border-radius-topright: 0px; 
-webkit-border-top-left-radius: 0px;
position: static;
}


#productListing li.itemButtons div.itemPrice{
border: none;
margin-right: 18px;
margin-left: 20px;
font-size: 118%;
color: #333;
background: none;}

#productListing li.itemButtons div.itemQuoteForm{
width: 618px;
padding: 0px;
margin: 0px;
border: none;
background: none;}

#productListing li.itemButtons div.itemFormContainer{
width: 618px;
padding: 0px;
margin: 0px;
margin-bottom: 6px;
border: none;
border-top: 1px solid #C4CBCF;
border-bottom: 1px solid #C4CBCF;
background:#EEF6FB;
clear: left;}

#productListing img{
padding: 0px;}

#productListing ul > li > p,#productListing h3{
width: 220px;
margin-left: 20px;}

#productListing h4{
padding: 0;
margin-bottom: 5px;}

#productListing li.detailHeading {
padding: 0;
border-bottom: 1px solid #ccc;
margin-bottom: 0;}

table#productDetails{
background: #F2F5F9;}

div#actionBar{
background: #333;
padding: 10px;
font-size: 0.8em;}

div#actionBar img{
margin:0px;}

div#actionBar p{
float: right;}



#hierarchybreadcrumb{
float: left;
margin-bottom: 20px;}

a#hierarchybreadcrumb{
color: #333;}

/*------Magazin----------*/

#artikelListing li{
border-bottom: 1px solid #e6e6e6;
list-style-type: none;
padding: 20px;
padding-left: 0px;
}


#artikelListing li.lastArtikel{
border-bottom: none;
}

#artikelListing ul{
margin: 0;
padding: 0;}

#artikelListing h3, #artikelListing p, #artikelListing div{
margin: 0;
padding: 0;
float: left;}

#artikelListing h3{
margin-left: 20px;
margin-bottom:5px;}

#artikelListing div{
background: #fff;
padding: 3px;
border: 1px solid #ccc;}

#artikelListing img{
padding: 0px;}

#artikelListing p,#artikelListing h3{
width: 340px;
margin-left: 20px;}

#artikelListing h4{
padding: 0;
margin-bottom: 5px;}

#artikelListing li.detailHeading {
padding: 0;
border-bottom: 1px solid #ccc;
margin-bottom: 0;}

#artikelListing li > p{
margin-bottom: 20px;}

#artikelListing li p+p{
margin-bottom: 0px;}


/*------SiteEnd----------*/
#siteEnd{
background: url(../img/bg_siteEnd.png) bottom no-repeat;
height: 11px;
margin-left: auto;
margin-right: auto;
width: 1000px;}

		
/*------Foooter---------*/
div#footer{
padding-top: 20px;}

#footer p, #footer a:link, #footer a:visited, #footer p, #footer li{
color: #666;
}

#copyright{
text-align: center;}

/*--------DittoPagination----------*/

.ditto_currentpage {
	background: #008DCF;
	color: #fff;
	border: 1px solid #008DCF;
}

div#ditto_pages{
padding: 0px;
margin-bottom: 20px;
border: none;
}

div#ditto_pages > span{
padding: 3px 5px 3px 5px;
margin-right:4px;

}

#ditto_pages .ditto_off {
    border: 1px solid #ccc;
	color: #ccc;

}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #ccc;
    text-decoration: none !important;
    color: #666;
	padding: 3px 5px 3px 5px;
	margin-right: 4px;
	background: #eee;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}

/*beneftits*/
.benefits{
padding-top: 2em;
padding-bottom: 2em;}

.benefitslist ul{
margin-right: 0px;
margin-left: 0px;}

.benefitslist li{
margin-bottom: 18px;
list-style-type: none;
padding-left: 70px;}

.benefitslist li span{
color: #222;
font-size: 1.2em;}

li#benefit1{
background: url(../img/icons/png/48x48/users.png) no-repeat 0 50%;}

li#benefit2{
background: url(../img/icons/png/48x48/comments.png) no-repeat 0 50%;}

li#benefit3{
background: url(../img/icons/png/48x48/calendar.png) no-repeat 0 50%;}

li#benefit4{
background: url(../img/icons/png/48x48/refresh.png) no-repeat 0 50%;}

li#benefit5{
background: url(../img/icons/png/48x48/puzzle.png) no-repeat 0 50%;}

li#benefit6{
background: url(../img/icons/png/48x48/favorite.png) no-repeat 0 50%;}

li#benefit7{
background: url(../img/icons/png/48x48/process_info.png) no-repeat 0 50%;}

li#benefit8{
background: url(../img/icons/chart.png) no-repeat 0 50%;}

#EmailForm fieldset{
background: #efefef;}

#EmailForm input.text, #EmailForm textarea{
background: #fff;}

p.moreCountries{
margin: 0px;
float: right;
margin-right: 10px;}

p.moreCountries a:link, p.moreCountries a:visited{
color:#f90022;
text-decoration: none;
clear: right;

}

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
div#dialog .dialog-content {height: 400px; overflow:auto;}