/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for Pinklake

Author: elements.at 
--------------------------------------------------------------------- */



/* Basic CSS Rules
--------------------------------------------------------------------- */


body {
	background: #fff url(/static/img/pinklake/body_bg.gif) left top repeat-x;
}


#content {
	background: url(/static/img/pinklake/content_bg.gif) left top repeat-y;
}


/* generall elements
--------------------------------------------------------------- */

/* Language and Logo */
#logocontainer {
	background: #ec008c;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

#logocontainer .language {
	display: none;
}

#logocontainer .logo {
	width: 200px;
	height: 200px;
	overflow: hidden;
}

#logocontainer .logo img {
	behavior: url(/static/js/iepngfix.htc);
}


/* Navigation */
#navigation {
	background: #ec008c;
}


#navigation ul li {
	background: none;
	padding: 0;
	border-top: 1px solid #f680c6;

}

#navigation ul li em {
	font-style: normal;
	text-transform: none;
	color: #ffc1e1;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
	width: 160px;
}

#navigation ul li.active em {
	color: #fff;
}

/* Ebene 2*/
#navigation ul li.active ul {
	/*display: none;*/
}

#navigation ul li.active ul {
	list-style: none;
	width: 155px;
	overflow: hidden;
	padding: 5px 0 10px 15px;
}

#navigation ul li.active ul li {
	background: none;
	width: 155px;
	overflow: hidden;
	padding: 0;
	border-top: none;
}

#navigation ul li.active ul li a {
	background: none;
	width: 155px;
	overflow: hidden;
	padding: 3px 0;
	text-decoration: none;
	color: #ffc1e1;
	display: block;
}

#navigation ul li.active ul li a:hover, #navigation ul li.active ul li.active a.active  {
	background: none;
	width: 155px;
	overflow: hidden;
	padding: 3px 0;
	text-decoration: none;
	color: #fff;
	display: block;
}

#navigation .musicplayer {
	border-top:1px solid #F680C6;
	width:170px;
	color:#FFC1E1;
	padding:14px 5px;
	font-weight:bold;
	text-transform:uppercase;
}

#navigation .musicplayer a {
	width:170px;
	color:#FFC1E1;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}

/* Ebene 3*/
#navigation ul li.active ul li.active ul {
	display: none;
}

/* Holidayplaner*/
#vacationplaner {
	background: url(/static/img/pinklake/holidayplaner_bg.png) left top no-repeat;
}

#vacationplaner .tabs a.room_search {
	background: url(/static/img/pinklake/search_room.gif) left top no-repeat;
}

#vacationplaner .tabs a.acco {
	background: url(/static/img/pinklake/acco.gif) left top no-repeat;
}
#vacationplaner .tabs a.acco:hover {
	background: url(/static/img/pinklake/acco_hover.gif) left top no-repeat;
}

#vacationplaner .tabs a.packs {
	background: url(/static/img/pinklake/packages.gif) left top no-repeat;
}
#vacationplaner .tabs a.packs:hover {
	background: url(/static/img/pinklake/packages_hover.gif) left top no-repeat;
}

#vacationplaner .tabs a.enquiry {
	background: url(/static/img/pinklake/enquiry.gif) left top no-repeat;
}
#vacationplaner .tabs a.enquiry:hover {
	background: url(/static/img/pinklake/enquiry_hover.gif) left top no-repeat;
}

#vacationplaner form label {
	color: #520f4b;

}

#vacationplaner form input {
	color: #520f4b;
}

#vacationplaner form label.nights {
	color: #520f4b;
}

#vacationplaner form select {
	color: #520f4b;
}

#vacationplaner form input.year {
	width: 33px;
	margin: 0 3px 0 0;
}

#vacationplaner form .calendar_icon {
	background: url(/static/img/pinklake/calendar.gif) left top no-repeat;
}

#vacationplaner form .submitbutton {
	width: 170px;
	padding: 2px 15px 0 15px;
}

#vacationplaner form .submitbutton a {
	background: url(/static/img/arrow_white.gif) left 7px no-repeat;
	color: #fff;
}

*html #vacationplaner form .submitbutton a {
	padding: 3px 5px 3px 13px;
}


#vacationplaner form .submitbutton input.submit {
	background: url(/static/img/arrow_white.gif) left 7px no-repeat;
	color: #fff;
}


/* Footer
--------------------------------------------------------------- */
#footer {
	background: url(/static/img/pinklake/footer_pinklake_bg.png) left 15px no-repeat;
}

#footer .copyright {
	color: #7d97aa;
}

#footer .site_search .searchterm {
	color: #a6b8c5;
}


#footer .f_links a {
	color: #859cad;
}

#footer .elements a  {
	background: url(/static/img/pinklake/elements.gif) right 4px no-repeat;
	color: #859cad;
}

#footer .elements a:hover {
	background: url(/static/img/pinklake/elements_hover.gif) right 4px no-repeat;
}