/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	p,div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	
	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
	.px210x750 .col1  { width: 209px; border-right: 1px solid #dcdcdc; }
	.px210x750 .col2  {	width: 750px;	}

/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	#wrap { width: 980px; margin: 0 auto; padding: 0; }

	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; }
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |------------25%------------|--------------------------------------75%--------------------------------------| */
	.p25x75 .col1 { width: 24.9%; }
	.p25x75 .col2 { width: 74.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; }
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	/* |---190px---|---535px---|---255px---| */
	.px185x532x250 .col1 { width: 179px; padding-left: 7px; overflow: hidden; }
	.px185x532x250 .col2 { width: 532px; padding-left: 7px; overflow: hidden; }
	.px185x532x250 .col3 { width: 240px; padding-left: 7px; overflow: hidden; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -30000px; padding-bottom: 30000px; }
	
	/* set the default margin for the content div */
	#contentMain { margin: 0 10px; }
	
	/* give them some nice margin */
/* 	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; } */
	
	/* override col1 left margin and col2 right margin for 2 cols */
	/*.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; } */
	
	/* override col1 left margin and col3 right margin for 3 cols */
	/*.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }*/

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */
	html, body { height: 100%; }
	body { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; font-style: italic; background: #E6E6E6 url(img/body-bg.gif) center top repeat-y; }
	a { color: #000; font-style: normal; }
		h1 a, h2 a { font-style: italic; }
		a:hover { color: #BB2838; }
	
	#wrap { background: #C9DDF5 url(img/main-bg.jpg) 0 289px repeat-x;  }
	
	#header { position: relative; height: 321px; background: url(img/header-bg.jpg) no-repeat; }
		#header #homeLink { position: absolute; width: 310px; height: 90px; text-indent: -9999px; overflow: hidden; }
		#header #menuMain { position: absolute; top: 290px; width: 100%; background: url(img/menuMain-bg.jpg) right top no-repeat; }
			#header #menuMain ul { margin: 0; padding: 0; list-style: none; }
				#header #menuMain ul li { float: left; }				
				/* menuMain: 2nd level */
				#subMenusContainer { display: block; position: absolute; top: -11px; left: 0; width: 100%; height: 0; overflow: visible; z-index: 1000000000; }
				.smOW { display: none; position: absolute; overflow: hidden; }
				#menuMain ul ul, #subMenusContainer ul { margin: 0; padding: 0 0 5px 0; list-style: none; background: #181818; }
				#menuMain ul ul { position: absolute; display: none; z-index: 9999; }
				/*#menuMain li:hover ul { display: block; }*/
				#menuMain ul ul li, #subMenusContainer ul li { float: none; margin: 0; padding: 0; }
				#menuMain ul ul li a, #subMenusContainer ul li a { display: block; line-height: 25px; padding: 0 12px; color: #fff; font-size: 12px; text-decoration: none; text-indent: 0; }
				#menuMain ul ul li a:hover, #subMenusContainer ul li a:hover { text-decoration: underline; }
	
	.px185x532x250 .col1 #languages { width: 179px; height: 118px; position: relative; background: url(../../../user_upload/buttons/skitest-ergebnisse.jpg) no-repeat; }
		.px185x532x250 .col1 #languages a { position: absolute; display: block; text-indent: -9999px; overflow: hidden; }
		.px185x532x250 .col1 #languages a.german { left: 15px; top: 68px; width: 60px; height: 17px; }
		.px185x532x250 .col1 #languages a.english { left: 105px; top: 68px; width: 51px; height: 17px; }
		.px185x532x250 .col1 #languages a.more { left: 15px; top: 90px; width: 142px; height: 17px; }
		
	.tx-sremailsubscribe-pi1-box { width: 179px; height: 105px; position: relative; background: url(img/newsletterRegister.bg.jpg) no-repeat; overflow: hidden; }
		.tx-sremailsubscribe-pi1-box .content { margin: 0 10px; padding-top: 45px; }
		.tx-sremailsubscribe-pi1-box input { border: 1px solid #cc131a; }
		.tx-sremailsubscribe-pi1-box button { background: url(img/newsletterRegister.gif) no-repeat; cursor: pointer; width: 131px; height: 15px; border: none; }
			.tx-sremailsubscribe-pi1-box button span { display: none; }
		.tx-sremailsubscribe-pi1-box  button.tx-sremailsubscribe-pi1-button-back { background: url(img/newsletterBack.gif) no-repeat; width: 47px; }
		.tx-sremailsubscribe-pi1-box  button.tx-sremailsubscribe-pi1-button-confirm { background: url(img/newsletterConfirm.gif) no-repeat; width: 68px; }
		
	
	.tx-sremailsubscribe-pi1 label { width: auto; }
	
	
	
	
	.px185x532x250 .col2 .content h1 { line-height: 36px; margin: 0 0 20px 0; padding: 0 10px; font-size: 18px; background: url(img/content-headline.png) -6px -5px no-repeat; }
	.px185x532x250 .col2 .content strong, .px185x532x250 .col2 .content b { color: #BB2838; }
	.px185x532x250 .col2 .content .container { margin: 0 0 20px 0; padding: 5px 0 0 0; background: url(img/contentbox-top.jpg) no-repeat; }
		.px185x532x250 .col2 .content .container .bottom { padding: 0 0 5px 0;  background: url(img/contentbox-bottom.jpg) left bottom no-repeat; }
			.px185x532x250 .col2 .content .container .content { margin: 0; padding: 5px; background: url(img/contentbox-content.jpg) repeat-y; }
				.px185x532x250 .col2 .content .container .content h1 { background: none; }
				.px185x532x250 .col2 .content .container .content h2 { margin: 0 0 10px 0; padding: 0 0; font-size: 16px; }
				.px185x532x250 .col2 .content .container .content p { text-align: justify; }
				.px185x532x250 .col2 .content .container .content .submenu { list-style: none; margin: 0 5px; padding: 0; }
				.px185x532x250 .col2 .tx-flvplayer2-pi1 { text-align: center; }
				.px185x532x250 .col2 .resultMark { margin: 0 0 20px 0; }
				.px185x532x250 .col2 .resultMark table { width: 100%; margin: 5px 0; border-collapse: collapse; white-space: nowrap; }
				.px185x532x250 .col2 .resultData { margin: 20px 0; }
				.px185x532x250 .col2 .resultData table { width: 100%; border-collapse: collapse; white-space: nowrap; }
				.px185x532x250 .col2 .resultData th { text-align: left; }
				.px185x532x250 .col2 .parentLink { margin: 20px 0 0 0; }
	
	.px185x532x250 .col3 .content .container { width: 240px; margin: 0 0 5px 0; padding: 5px 0 0 0; color: #fff; font-size: 10px; background: url(img/sidebarbox-top.png) no-repeat; }
		.px185x532x250 .col3 .content .container h2 { margin: 0; font-size: 14px; text-transform: uppercase; }
		.px185x532x250 .col3 .content .container .bottom { padding: 0 0 5px 0;  background: url(img/sidebarbox-bottom.png) left bottom no-repeat; }
			.px185x532x250 .col3 .content .container .content { margin: 0; padding: 0 5px; background: url(img/sidebarbox-content.png) repeat-y; }
				.px185x532x250 .col3 #promispruch img { float: left; margin: 0 10px 5px 0; }
				.px185x532x250 .col3 #promispruch .name { margin-top: 20px; }
				.px185x532x250 .col3 #promispruch .text { clear: both; }
				.px185x532x250 .col3 #galerie .ui-Item { width: 235px; height: 157px; text-align: center; }
				.px185x532x250 .col3 #partner .ui-Item { width: 236px; height: 60px; text-align: center; }
				.px185x532x250 .col3 .ui-Loader { display: none; }
	
	#footer { padding: 16px 0 6px 0; color: #FFF; font-style: normal; font-weight: bold; font-size: 13px; background: url(img/footer-bg.jpg) no-repeat; }
		#footer a { color: #FFF; font-weight: bold; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		#footer .content { margin: 0 10px;}
		#footer .col2 { text-align: right; }
	
	/* FlexSlide */
	.ui-Wrap .ui-Previous { float: left; width: 20px; height: 16px; margin: 5px 0; background: url(img/arrow-left.png); }
	.ui-Wrap .ui-Next { float: right; width: 20px; height: 16px; margin: 5px 0; background: url(img/arrow-right.png); }
	
	/* FORM */
	fieldset { border: 1px solid #ccc; }
	fieldset div { margin: 5px 0; }
	textarea { width: 450px; }
	legend { padding: 0 10px; }
	label { width: 100px; display: block; float: left; }
	input { width: 200px; }
	input.csc-mailform-radio { width: 10px; }
	#mailformBereich label, #mailformNewsletter_abonnieren label { float: none; display: inline; }
	
	/* chgallery */
	.px185x532x250 .col2 .tx-chgallery-pi1 { padding-left: 7px; }
	.chgallery-gallery-image { float: left; margin: 0 10px 10px 0; border: none; }
	.chgallery-gallery-image img { display: block; }
	.chgallery-gallery-image-4, .chgallery-gallery-image-7, .chgallery-gallery-image-10, .chgallery-gallery-image-13, .chgallery-gallery-image-16, .chgallery-gallery-image-19, .chgallery-gallery-image-22, .chgallery-gallery-image-25, .chgallery-gallery-image-28, .chgallery-gallery-image-31, .chgallery-gallery-image-34, .chgallery-gallery-image-37, .chgallery-gallery-image-40, .chgallery-gallery-image-43, .chgallery-gallery-image-46, .chgallery-gallery-image-49, .chgallery-gallery-image-52, .chgallery-gallery-image-55, .chgallery-gallery-image-58, .chgallery-gallery-image-61, .chgallery-gallery-image-64, .chgallery-gallery-image-67, .chgallery-gallery-image-70, .chgallery-gallery-image-73, .chgallery-gallery-image-76, .chgallery-gallery-image-79, .chgallery-gallery-image-82, .chgallery-gallery-image-85, .chgallery-gallery-image-88, .chgallery-gallery-image-91, .chgallery-gallery-image-94, .chgallery-gallery-image-97, .chgallery-gallery-image-100 { margin: 0 0 10px 0; }
	
	/* HighSlide */
	a.highslide:hover { opacity: 0.8; filter: alpha(opacity = 80); }
	.highslide-wrapper, .highslide-outline { background: #fff; }
	.highslide-container .highslide-caption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
	.highslide img { border: #000 1px solid !important; }
	.highslide-dimming { background: #000; }
	.highslide-image { border: 2px solid #fff; }
	.highslide-loading { color: #000; border: 1px solid #000; background-color: #fff; background-image: url(../js/highslide/graphics/loader.white.gif); }
	.highslide-controls { position: static !important; margin-bottom: 0; width: 165px !important; }
	.highslide-controls .highslide-move { display: none; }
	.highslide-gallery ul li { width: 106px; height: 106px; border: 1px solid #d0d0d0; background: #ededed; margin: 2px; }