/* 
 * Color Line implementation of
 * POLOPOLY SITE ENGINE *LAYOUT* MASTER TEMPLATE
 * ---------------------------------------------
 *
 * This document declares widths, relations, 
 * margins and paddings for the Color Line implementation
 * of Polopoly Site Engine elements
 *
 * NOTE: rules beggining with an underscore (_)
 * are IE hacks and should remain as is.
 */ /* THE "SITE" CONTAINER */
.cl_borderLayout {
	width: 100%;
	overflow: hidden;
	_height: 1%;
}

/* A MAIN GRID COLUMN */
.cl_borderLayoutColumn {
	float: left;
	overflow: hidden;
	_height: 1%;
}

/* TOP & SUB MENU */
.cl_borderLayoutMastHead .cl_menu.cl_menuTop,.cl_menu.cl_menuPage {
	overflow: hidden;
	_height: 1%;
}

.cl_borderLayoutMastHead .cl_menu.cl_menuTop LI,.cl_borderLayoutMastHead .cl_menu.cl_menuPage LI
	{
	float: left;
}

/* CONTAINER */
.cl_container {
	overflow: visible;
	_height: 1%;
}

/* NAVIGATION PATH ELEMENT */
.cl_navpath {
	overflow: hidden;
	_height: 1%;
}

.cl_navpath LI {
	float: left;
}

/********************************************************
/*IE 6 fix
/********************************************************/

/* 2 Col Splitter, 50 - 50 Frontpage */
.cl_container.cl_twoColumns div.cl_col1Fp, .cl_container.cl_twoColumns div.cl_col2Fp	{
	width: 463px;
	float: left;
    padding:9px 0px 5px 8px;}
.cl_container.cl_twoColumns div.cl_col2Fp {
    padding-left:0px !important;}
/* 2 Col Splitter, 50 - 50 Subpage if wide */
.cl_container.cl_twoColumns div.cl_col1SubWide,.cl_container.cl_twoColumns div.cl_col2SubWide {
	width: 345px;
	float: left;
    padding:5px 0px 5px 9px !important;}
.cl_container.cl_twoColumns div.cl_col2SubWide {
    padding-left:0px !important;}

/* 2 Col Splitter, 50 - 50 Subpage if wide and bordered */
.cl_container.cl_twoColumns div.cl_col1SubWideB,.cl_container.cl_twoColumns div.cl_col2SubWideB {
	width: 335px;
	float: left;
    padding:5px 5px 5px 10px !important;}
.cl_container.cl_twoColumns div.cl_col2SubWideB {
    padding:5px 10px 5px 5px !important;}

/* 2 Col Splitter, 50 - 50 Subpage if "narrow" */
.cl_container.cl_twoColumns div.cl_col1Sub,.cl_container.cl_twoColumns div.cl_col2Sub {
	width: 228px;
	float: left;
    padding:5px 0px 5px 0px;}
.cl_container.cl_twoColumns div.cl_col2Sub {
    padding-left:0px !important;}

/* 2 Col Splitter, LeftHeavy Frontpage */
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1FpLH {
	width: 550px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2FpLH {
	width: 375px;
	float: left;
    padding-left:0px !important;}

/* 2 Col Splitter, LeftHeavy Subpage */
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1SubLH {
	width: 460px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2SubLH {
	width: 230px;
	float: left;
    padding:5px 0px 5px 0px !important;}

/* 2 Col Splitter, RightHeavy Frontpage */
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col1FpRH {
	width: 375px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col2FpRH {
	width: 550px;
	float: left;
    padding:5px 0px 5px 0px !important;}

/* 2 Col Splitter, RightHeavy Subpage */
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col1SubRH {
	width: 230px;
	float: left;
    padding:5px 0px 5px 8px;}
.cl_container.cl_twoColumnsRightHeavy .cl_container div.cl_col2SubRH {
	width: 460px;
	float: left;
    padding:5px 0px 5px 0px !important;}

/* 2 Col Splitter, FlashBooking Frontpage */
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col1FpFB {
	width: 590px;
	float: left;
    padding:0px 0px 30px 0px;}
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col2FpFB {
	width: 350px;
    height:400px;
	float: left;
    padding-left:4px !important;}

/* 2 Col Splitter, FlashBooking Subpage */
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col1SubFB {
	width: 470px;
	float: left;
    padding:0px 0px 0px 0px;}
.cl_container.cl_twoColumnsFlashBooking .cl_container div.cl_col2SubFB {
	width: 235px;
	float: left;
    padding:0px 0px 0px 0px !important;}

.cl_col2SubFB div.cl_teaser {
    padding-left:0px !important;
    padding-right:0px !important;}


/* 2 Col Splitter, 50 - 50 Subpage if "narrow" filled with elements */
#cl_content_main .cl_col1SubCenter, #cl_content_main .cl_col2SubCenter {
	width: 220px;
	float: left;
    padding:5px 5px 5px 5px;}
#cl_content_main .cl_col2SubCenter {
    padding-left:4px !important;
    padding-right:5px !important;}

#cl_content_main .cl_col2SubCenter .cl_box_top_left, #cl_content_main .cl_col1SubCenter .cl_box_top_left {
    background:none;
    padding:0px;
    margin:0;}
#cl_content_main .cl_col1SubCenter .cl_box_content p, #cl_content_main .cl_col2SubCenter .cl_box_content p {
    border:0px solid #ff9900;
    padding:5px 0px 0px 0px;}

#cl_content_main .cl_col1SubCenter ul,
#cl_content_main .cl_col2SubCenter ul {
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px !important;}
#cl_content_right .cl_box_bottom_left ul {
    padding:0px 0px 0px 0px !important;
    margin:0px 0px 0px 10px !important;}

#cl_main .cl_department_teaser ul li a,
#cl_content_right .cl_box_bottom_left ul li a,
#cl_content_main .cl_col1SubCenter ul li a,
#cl_content_main .cl_col2SubCenter ul li a {
    background: url("/img/colorline/bg_ArrowSmal.gif") 1px 4px no-repeat;
    display:block;
    padding:0px 0px 0px 10px !important;}
/*#cl_content_main .cl_col1SubCenter .cl_box_content ul {
    margin:50px 0px 0px 0px; !important}*/
#cl_main .cl_department_teaser ul li a {
    font-size:1.1em;
    font-weight:bold;}
#cl_content .cl_department_teaser ul li a {
    font-size:1.0em;
    font-weight:normal;}
.cl_department_teaser ul.teaserBulletList {
	padding-left:7px !important;
    padding-top:2px;}

#cl_content_main .cl_col1SubCenter .cl_box_top_left h3, #cl_content_main .cl_col2SubCenter .cl_box_top_left h3 {
    color:#4D4D4D !important;
    font-weight:bold;
    margin:3px 0 2px;
    min-height:20px;
    padding:4px 0 2px;
    border-bottom:1px dotted #b3b3b3;}


/* Links in documentlisting */
#cl_content_right .cl_box_bottom_left ul.cl_document_list {
    margin:10px 0px 0px 10px !important;}
#cl_content_right .cl_box_bottom_left ul.cl_document_list li.cl_document_list_entry a {
    padding:0px 0px 0px 0px !important;
    background:none;
    display:inline;
    /*text-decoration:none;*/}




div.cl_department_teaser_extra h3.cl_element_content {
    padding:0px 0px 0px 10px;
}
div.cl_department_teaser_extra ul.teaserBulletList li a {
    margin-left:5px !important; 
}













.cl_container.cl_twoColumns div.cl_col1,.cl_container.cl_twoColumns div.cl_col2
	{
	width: 49.999%;
	float: left;
	overflow: hidden;
}

.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1 {
	float: left;
	/*width: 75%;*/
    width:470px;
    margin-right: 4px;
	overflow: hidden;
}
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col1 .cl_image_element {
    padding:5px 5px 5px 5px;
}

.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2 {
	float: left;
	/*width: 25%;*/
    width:225px;
    margin-right: 0px;
	overflow: hidden;}
.cl_container.cl_twoColumnsLeftHeavy .cl_container div.cl_col2 .cl_image_element {
    padding:5px 5px 5px 5px;}

.cl_container.cl_twoColumnsRightHeavy div.cl_col1 {
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsRightHeavy div.cl_col2 {
	float: left;
	width: 75%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsFlashBooking div.cl_col1 {
	float: left;
/*	width: 60%; */
	overflow: hidden;
/*	margin-right: 10px;*/
    margin-right: 4px;

}

/*
.cl_container.cl_twoColumnsFlashBooking div.cl_col1 .cl_image_element{
}
*/

.cl_container.cl_twoColumnsFlashBooking div.cl_col2 {
	float: left;
/*	width: 40%;*/
	overflow: hidden;
}


/* twoColumns container layout */
/*div.cl_col1 {
} */

/*div.cl_col2 {
} */

.cl_margin_bottom_15px{
	margin-bottom:15px;
	border:dotted 3px;
}

.cl_container.cl_twoColumns>div.cl_col1,.cl_container.cl_twoColumns>div.cl_col2
	{
	width: 49.999%;
	float: left;
	overflow: hidden;
}

/*
.cl_container.cl_twoColumnsLeftHeavy>div.cl_col1 {
	float: left;
	width: 75%;
    width: 470px;
    margin-right: 4px;
	overflow: hidden;
}


.cl_container.cl_twoColumnsLeftHeavy>div.cl_col2 {
	float: left;
	width: 25%;
    width:233px;
    margin-right: 0px;
	overflow: hidden;
}
*/

.cl_container.cl_twoColumnsRightHeavy>div.cl_col1 {
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsRightHeavy>div.cl_col2 {
	float: left;
	width: 75%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsFlashBooking>div.cl_col1 {
	float: left;
	width: 64%;
	overflow: hidden;
}

.cl_container.cl_twoColumnsFlashBooking>div.cl_col2 {
	float: left;
	width: 36%;
	overflow: hidden;
}

/* threeColumn container layout */
.cl_container.cl_threeColumns>div.cl_col1,.cl_container.cl_threeColumns>div.cl_col2,.cl_container.cl_threeColumns>div.cl_col3
	{
	float: left;
	width: 33.333%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsLeftHeavy>div.cl_col1 {
	float: left;
	width: 50%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsLeftHeavy>div.cl_col2,.cl_container.cl_threeColumnsLeftHeavy>div.cl_col3
	{
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsRightHeavy>div.cl_col3 {
	float: left;
	width: 50%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsRightHeavy>div.cl_col1,.cl_container.cl_threeColumnsRightHeavy>div.cl_col2
	{
	float: left;
	width: 25%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsFlashBooking>div.cl_col3 {
	float: left;
	width: 64%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsFlashBooking>div.cl_col1,.cl_container.cl_threeColumnsRightHeavy>div.cl_col2
	{
	float: left;
	width: 36%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsCenterHeavy>div.cl_col2 {
	float: left;
	width: 50%;
	overflow: hidden;
}

.cl_container.cl_threeColumnsCenterHeavy>div.cl_col1,.cl_container.cl_threeColumnsCenterHeavy>div.cl_col3
	{
	float: left;
	width: 25%;
	overflow: hidden;
}

/* fourColumn container layout */
.cl_container.cl_fourColumns>div.cl_col1,.cl_container.cl_fourColumns>div.cl_col2,.cl_container.cl_fourColumns>div.cl_col3,.cl_container.cl_fourColumns>div.cl_col4
	{
	width: 25%;
	float: left;
	overflow: hidden;
}