/* Farbdefinitionen 



Rot: #e5352c; 



Breite: 972px

12 Spalten: 70px

Steg: 12px



*/



















/*========================================================================

	Main Elements

========================================================================*/



.pngFix { behavior: url(/js/iepngfix/iepngfix.htc); }



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:16px;

	margin:0px; padding:0px;

	color:#000;

	background:#e5352c;

}



h1, h2, h3, h4, h5 {

	margin:0px;

	padding:0px;
	margin-bottom:2px;

}



h1 { 

	font-size:16px;

}



h2 { font-size:11px; font-weight:bold;}



p {

	margin:0px 0px 5px 0px;

	padding:0px;

}



a {

	text-decoration:none;

	color:#e5352c;

}



a:hover {

	color:#a09f9f;

}



/*

input {

	color:#e5352c;

	border:1px solid #e5352c;

	background:#fff;

}

*/



input.default {

	font-size:11px;

	color:#e5352c;

	height:14px;

	margin:4px 0px;

	border:none;

	border:1px solid #e5352c;

	background:#fff;

}



div#cont100Perc ul {

	margin-left:0px;

	padding-left:2px;

	list-style:none;

}



div#cont100Perc li {

	list-style-position:outside;

	padding-left:12px;

	height:1%;

	background:url(/pix/main/listdot.gif) no-repeat 0px 6px;

}





/*========================================================================

	CMS Styles

========================================================================*/



.qgAlert{

	border:1px solid #e5352c;

}



.qgAlert .title{

	background:#e5352c;

}



.qgAlert .content {

	border:none;

}



div.cmsPopUpContent{

	overflow:auto;

}



#qgCmsContTrash{

	z-index:6000;

}







/*========================================================================

	Navigation

========================================================================*/







div#mainNavigation {

	position:absolute;

	width: 958px; height:36px;

	bottom:0px;

	padding:0px 7px;

	margin:0px;

	background:url(/pix/navigation/bg.png) no-repeat;

	z-index:999;

}



div#service {

	position:relative;

	width:972px;

	margin:15px 0px 6px;

}



div#serviceNavigation {

	color:#fff;

	margin-top:20px;

	float:right;
	
	margin-right:6px;

}

div#socialNetworkIcons {
	margin-top:20px;
	float:right;
}


ul.navi,ul.serviceNavi {

	margin:0px;

	padding:0px;

	list-style:none;

}



ul.navi { height:36px; }





ul.navi li,ul.serviceNavi li {

	display:inline;

}



a.naviNode {

	margin-right:12px;

}



a.serviceNaviNode { margin-left:6px; color:#fff; }

a.serviceNaviNodeActive,a.serviceNaviNode:hover { margin-left:6px; color:#000; }



div#subNavigation {

	position:relative;

	float:left;

	width:210px;

	margin-right:12px;

	padding:6px 12px;

	background:#fff;

}



a.subNaviNode {

	display:block;

	color:#e5352c;

	padding-left:12px;

	background:url(/pix/navigation/arrow_off.gif) no-repeat left center;

}



a.subNaviNodeActive,a.subNaviNode:hover {

	color:#000;

	padding-left:12px;

	background:url(/pix/navigation/arrow_on.gif) no-repeat left center;

}



div.subSubNavigation {

	display:block;

	margin-left:12px;

}



a.subSubNaviNode {

	display:block;

	padding-left:12px;

	background:url(/pix/navigation/arrow_off.gif) no-repeat left center;

}



a.subSubNaviNodeActive,a.subSubNaviNode:hover {

	color:#000;

	padding-left:12px;

	background:url(/pix/navigation/arrow_on.gif) no-repeat left center;

}





/*========================================================================

	Layout

========================================================================*/





div#backgroundContainer {

	position:relative;

	margin:0px auto;

}



div#mainContainer {

	position:relative;

	width:972px;

	margin:0px auto;

	/*background:#99FFFF;*/

}



div#header {

	position:relative;

	margin-bottom:8px;

}



img#logo {

	position:relative;

	display:block;

	float:left;

	width: 346px; height:32px;

	margin-bottom:4px;

} 



div#mood_Home,div#mood {

	position:relative;

	width:972px; height:302px;

}



div#mood { height:200px; } /*159px*/



img#moodPix {

	position:absolute;

	display:block;

	top:0px; left:0px;

}



div#cont100Perc {

	position:relative;

	float:left;

	width:972px;

	margin-bottom:12px;

	/*background:#33FFFF;*/

}



div#footer {

	position:relative;

	font-size:10px;

	width:972px; height:17px;

	margin-bottom:2px;

	background:#fff;

	text-align:center;

}



/*========================================================================

	Layout Styles Allgemein

========================================================================*/



div.cont30Perc,div.cont60Perc,div.contLeft,div.contRight,div.cont20Perc {

	position:relative;

	float:left;

}





/*========================================================================

	Layout Home

========================================================================*/





div.cont30Perc {

	width:316px;

	margin-right:12px;

}





/*========================================================================

	Layout Main

========================================================================*/



div.cont60Perc {

	width:702px;

	padding:6px 12px;

	background:#fff;

}



div#cont100Perc_container {

	position:relative;

	float:left;

	background:url(/pix/main/bg_main.gif) repeat-y;

}





/*========================================================================

	Layout Angebote

========================================================================*/



div.contLeft,div.contRight {

	width:374px;

	margin-right:12px;

	padding:6px 12px;

	background:#fff;

}



div.contRight {

	width:538px;

	margin-right:0px;

}



div.red{

	width:562px;

	padding:0px;

	background: #e5352c;

}





/*========================================================================

	Layout Destination

========================================================================*/





div.cont20Perc {

	width:333px;

	margin-right:12px;

	padding:6px 12px;

	/*background:#fff;*/

}



div#cont20Perc_container {

	position:relative;

	float:left;

	background:url(/pix/main/bg_dest.gif) repeat-y;

}







/*========================================================================

	Module

========================================================================*/





div.teaserbox_container {

	position:relative;

	width:316px; height:152px;

	overflow:hidden;

	margin-bottom:8px;

	background:#fff;

}



div.imgContainer {

	float:left;

	width:152px; height:152px;

	margin-right:12px;

}



div.teaserbox_container img { 

	width:152px; height:152px;

}



div.teaserbox_heading {

	float:right;

	font-size:12px; /*font-size:16px;*/

	font-weight:bold;

	width:140px; height:17px;

	margin:4px 12px 0px 0px;

	overflow:hidden;

}



div.teaserbox_content {

	float:right;

	width:140px; height:115px;

	margin:4px 12px 0px 0px;

	overflow:hidden;

}



a.more,div.more {

	position:absolute;

	display:block;

	width:304px;

	bottom:4px;

	text-align:right;

}



/*

div.line {



}

*/





/* ***** Offer Search ***** */



div#offerSearch {

	position:relative;

	width:100%;

}



div#offerSearch_Head {

	position:relative;

	width:100%;

	margin-bottom:10px;

}



div#offerSearch_Region {

	float:left;

	width:181px;

}



div#offerSearch_Category {

	float:right;

	width:181px;

}



a#offerSearch_Button, a#offerSearch_Reset{

	

	margin-top:10px;

	float:right;

}



a#offerSearch_Button { 

	float:right;

	text-align:right;

}



a#offerSearch_Reset {

	width:70px;

	margin-right:130px;

	float:left;

}



input.search {

	width:179px;

}



div.content {

	display:block;

	margin:3px 0px;

	padding:4px 0px;

	border-top:1px solid #e5352c;

	border-bottom:1px solid #e5352c;

}



a.region {

	display:block;

	padding-left:12px;

	background:url(/pix/navigation/arrow_off.gif) no-repeat left center;

}



a.region:hover {

	color:#000;

	background:url(/pix/navigation/arrow_on.gif) no-repeat left center;

}



img.checkPix { cursor:pointer;}



div.hotelC {

	float:left;

	width:45px;

	margin-bottom:6px;

}



div.hotelC img {

	float:left;

	padding-right:4px;

}



a.infoKlass {

	display:block;

	color:#e5352c;

	padding-left:12px;

	margin-bottom:15px;

	margin-top:15px;

	background:url(/pix/navigation/arrow_suche_off.gif) no-repeat left center;

}



a.infoKlass:hover {

	color:#A09F9F;

	background:url(/pix/navigation/arrow_suche_on.gif) no-repeat left center;

}



.flashslider {

	height:100px;

}



/* ***** Offer Result ***** */



div.offerResult {

	position:relative;	

	width:538px;

	margin-bottom:6px;

	border-bottom:1px solid #e5352c;

}



div.offerResult img {

	float:left;

	width:140px; height:126px;

	margin:6px 12px 6px 0px;

}





div.offerResult_Content {

	float:left;

	width:386px;

	padding-bottom:25px;
}

div.offerResult_Content h1 {
	margin-bottom: 8px;
}

div.offerResult_Content h2 {
	margin-bottom:6px;
}


div.offerResult a.more { width:100%;bottom:1px;}



table.table_Result { width:100%; margin-bottom:25px; }



table.table_Result td {

	border-bottom:1px solid #000;

}





/* ***** Offer Result Special ***** */



div.offerResult_Special {

	position:relative;

	width:100%; /*height:151px;*/

	margin-bottom:8px;

	background:#fff;

}



div.offerResult_Special img {

	float:left;

	width:234px; height:151px;

	margin:0px 12px 0px 0px;

}



div.offerResult_Special_Content {

	float:left;

	width:304px; /*height:118px;*/

	margin-top:6px;

	margin-bottom:12px;

	padding-right:12px;

	line-height:1.5;

	/*overflow:hidden;*/

}

div.offerResult_Special_Content h1 {
	margin-bottom:8px;	
}

div.offerResult_Special_Content h2 {
	margin-bottom:5px;	
}

div.offerResult_Special div.more { width:100%; }



div.offerResult_Special h1 {

	font-size: 14px;

}



/* ***** Offer Result Destination ***** */



div.offerResult_Destination {

	position:relative;	

	width:333px;

	margin-bottom:6px;

	/*background:#9999CC;*/

	border-bottom:1px solid #e5352c;

}



div.offerResult_Destination img {

	float:left;

	width:85px; height:76px;

	margin:0px 12px 0px 0px;

}



div.offerResult_Destination_Content {

	float:left;

	width:236px;

}



div.top {

	width:100%;

	margin-bottom:8px;

}



div.offerResult_Destination a.more { width:100%;bottom:1px;}







/*========================================================================

	Default Elements

========================================================================*/



.clearBoth {

	clear:both;

	height:0px;

	line-height:0px;

	font-size:0px;

}



form {

	margin:0px;

	padding:0px;

}



div.nomarginright { margin: 0px; }

.borderBottom { border:1px solid #e5352c; }



a.arrow { 

	padding-left:12px;

	background:url(/pix/navigation/arrow_off.gif) no-repeat left center;

}

a.arrow:hover { 

	color:#000;

	background:url(/pix/navigation/arrow_on.gif) no-repeat left center;

}