html{height:101%;}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
background:url(../Images/urlaub_bg_body.png) left top repeat-x #fff;
}

#wrap, #header, #content, #footer{
width:900px;
}

#wrap{
position:relative;
margin:0 auto;
padding-top:140px;
}

#wrap:after{content:"";}

#header{
position:absolute;
top:0;
height:140px;
background:url(../Images/urlaub_bg_header.png) left bottom repeat-x;
}

	a#logo{
	position:absolute;
	top:45px;
	left:20px;
	display:block;
	}
	
	ul#mainnav{
	}

		#mainnav li{
		float:left;
		}
		
		#mainnav a{
		display:block;
		height:23px;
		padding-top:6px;
		margin-right:4px;
		font-weight:bold;
		color:#000;
		}
		
		#mainnav a:hover{
		color:#fff;
		}

#content{
position:relative;
}

	#rightcol{
	width:560px;
	padding:45px 20px 30px 40px;
	margin-bottom:35px;
	float:right;
	background:url(../Images/urlaub_blueline.gif) 40px bottom no-repeat;
	line-height:18px;
	}
		
		#rightcol h1{
			margin-bottom:10px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:30px;
			font-weight:normal;
			line-height:35px;
			color:#333;
		}
		
		#rightcol h2{
		font-size:18px;
		line-height:22px;
		font-weight:bold;
		padding-top:8px;
		margin-bottom:12px;
		}
		
		#rightcol p{
		margin-bottom:12px;
		}
		
		#rightcol a{
		color:#57b1e3;
		text-decoration:none;
		}
		
			#rightcol a:hover{text-decoration:underline;}
		
		#breadcrumb{
		position:absolute;
		left:20px; top:14px;
		color:#8d8d8d;
		font-size:10px;
		}
		
			#breadcrumb a{
			color:#8d8d8d;
			text-decoration:underline;
			}

	#leftcol{
	width:260px;
	padding:45px 0 0 20px;
	margin-bottom:35px;
	float:left;
	}
	
		ul#sidebarnav{
		padding:5px 20px 10px 20px;
		border:10px solid #dff0fa;
		}
		
			#sidebarnav li{
			padding:5px 0 5px 0;
			border-top:1px solid #e5e5e5;
			}
			
				#sidebarnav li.first{
				border:none;}
				
				#sidebarnav h4, #sidebarnav h4 a{
				font-size:18px;
				line-height:22px;
				color:#000;
				text-decoration:none;
				font-weight:normal;
				}
				
				#sidebarnav h4 a:hover{
				color:#000;
				text-decoration:underline;
				}
		
			#sidebarnav a{
			display:block;
			font-size:12.6px;
			line-height:18.9px;
			color:#142B75;
			text-decoration:none;
			}
		
				#sidebarnav a:hover{
				color:#ED822A;
				}
	
	#footer{
	height:40px;
	padding-bottom:80px;
	clear:both;
	background:url(../Images/urlaub_bg_footer.jpg) 2px top no-repeat;
	}
	
		#footernav{
		font-size:11px;
		line-height:25px;
		padding:0 0 0 27px;
		}
		
			#footernav li{
			display:inline;
			}
			
			#footernav a{
			color:#8d8d8d;
			text-decoration:none;
			padding:0 8px 0 8px;
			}
			
			#footernav a:hover{text-decoration:underline;}
	
	#information {
	position:absolute;
	bottom:20px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	}
	
		#information li {
		float: none;
		display: inline;
		}
		
		#information a {
		padding: 0 11px 0 0;
		color:#8d8d8d;
		font-size: 10px;
		white-space:nowrap;
		text-decoration:none;
		}
		
		#information a.first {
		padding: 0px 0px 0px 0px;
		background: none;
		}
		
		#information a:hover {
		text-decoration: underline;
		}
	
/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

.static{
position:static;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */


/* Site navigation-------------------------------------------------- */
.nav {
position: absolute;
top: 105px;
left: 7px;
width: 100%;
font-size: 15px;
line-height: 35px;
font-weight:bold;
z-index: 5;	
}

.nav ul {
position: absolute;
left: 7px;
margin: 0;
padding: 0;	
list-style: none;
font-weight:bold;
}

.nav li {	
float: left;
margin: 0;
padding: 0;
position: relative;
}

.nav a,.nav a:visited {
color: #142b75;
text-decoration: none;
}

.nav a:hover,.nav a.active,.nav a.active:visited {
color: #ed822a;
}

.nav li a,.nav li a span {
float: left;
display: block;	
padding: 0 15px 0 0;	
}

.nav li a span {
padding: 0 0 0 13px;
}

.nav li:hover a,.nav li:hover span,.nav li.hover a,.nav li.hover span {	
color: #ed822a;	
text-decoration: none;
background: url(../Images/urlaub_bg_tabs-nav.png) no-repeat right top;
}

.nav li:hover span,.nav li.hover span {	
background-position: left top;
}

/* dropdown */

.nav a{cursor:pointer;}

.nav li ul {
left: -9999px;
top: 35px;	
width: 180px;
font-size: 12px;
font-weight:normal;
padding: 0 12px 15px 3px;		
line-height: normal;	
background: url(../Images/urlaub_bg_tabs-nav.png) no-repeat left bottom;
}	

.nav li:hover ul,.nav li.hover ul {
left: 0;
}

.nav li li {
float: none;
display: block;
width: 100%;
padding: 0;
}

.nav li li a {
padding: 5px 8px; 
margin: 0 2px;
cursor:pointer;
}

.nav li:hover li a,.nav li.hover li a {
float: none;
display: block;	
background: none;	
cursor:pointer;
}

.nav li:hover li a,.nav li.hover li a,.nav li:hover li a:visited,.nav li.hover li a:visited {
color: #142b75;
}

.nav li:hover li a.active,.nav li.hover li a.active,.nav li:hover li a.active:visited,.nav li.hover li a.active:visited {
color: #ed822a;
}

.nav li:hover li a:hover,.nav li.hover li a:hover,.nav li:hover li a.active:hover,.nav li.hover li a.active:hover  {
color: #fff;
background: #ed822a;
}

/* Segment navigation-------------------------------------------------- */

.segment-nav {
position: absolute;
left: 20px;top: 10px;
line-height: 20px;
list-style: none;
}

.segment-nav li {
float: left;
margin-right: 1px;
font-size: 11px;
}

.segment-nav a,

.segment-nav span {	
float: left;
height: 20px;
text-decoration: none;
background:url(../Images/urlaub_bg_tabs-segments.png) no-repeat right top;
cursor:pointer;
}

.segment-nav li span {
color: #fff;	
margin-right: 10px;
padding-left: 10px;
background-position: left top;
}

.segment-nav a.active,

.segment-nav a:hover {
text-decoration: none;
background-position: right bottom;
}

.segment-nav a.active span,

.segment-nav a:hover span {
color: #57b1e3;	
background-position: left bottom;
}

/* Language navigation (extends: faux-dropdown)-------------------------------------------------- */

#language-nav {	
position: absolute;
top: 45px;
right: 20px;	
width: 185px;	
font-size: 11px;
}

#language-nav .select {
color: #666;
}

#language-nav .options {
width: 183px;
}

#language-nav .options a {
color: #666;
}

#language-nav .options a:hover {
color: #fff;
}

a#home{
position:absolute;
top:49px; right:215px;
font-size:11px;
line-height:13px;
color:#142B75;
text-decoration:none;
}

a#home:hover{color:#ED822A;}


/* Faux-dropdown------------------------------------------------- */

.faux-dropdown {	
position: relative;	
width: 200px;
overflow: visible;
}

.faux-dropdown * {
margin: 0;
padding: 0;
list-style: none;
}

.faux-dropdown a,
.faux-dropdown a:visited {
color: #666;	
text-decoration: none;
}

.faux-dropdown .select {
position: relative;
display: block;
border: solid 1px #d0d0d0;	
background: #fff url(../Images/urlaub_bg_gradient-inputs.png) repeat-x left top;
}

.faux-dropdown .select span {
overflow: hidden;
display: block;
height: 20px;
line-height: 20px;
padding: 0 30px 0 3px;
background:url(../Images/urlaub_sprite_buttons.png) no-repeat right -199px;
}

.faux-dropdown.expand .select span {
background-position: right -219px;
}

.faux-dropdown .options {		
position: absolute;	
z-index: -1;
left: -9999px;
width: 198px;
border: solid 1px #000;
border-top: none;	
background: #fff;
}

.faux-dropdown .options ul,
.faux-dropdown .options li {
margin: 0;
padding: 0 0 1px;
list-style: none;
}

.faux-dropdown .options li {
padding: 0 1px;
}

.faux-dropdown .options a {
display: block;
padding: 2px;
}

.faux-dropdown .options a:hover {	
color: #fff;	
background: #ed822a;
}

.faux-dropdown:hover,

.faux-dropdown.expand {
z-index: 6;
}

.faux-dropdown:hover .select,
.faux-dropdown.expand .select {
 	border-color: #000;
	border-bottom: none;
 	padding-bottom: 1px;
} 

.faux-dropdown:hover .options,
.faux-dropdown.expand .options {
left: 0;
}

.hasJS .faux-dropdown:hover .select {
border-color: #d0d0d0;
border-bottom: solid 1px #d0d0d0;
padding-bottom: 0;
}

.hasJS .faux-dropdown.expand .select {
border-color: #000;
border-bottom: none;
padding-bottom: 1px;
}

.hasJS .faux-dropdown .options /*,
.hasJS .faux-dropdown:hover .options */ {
display: none;
}

.hasJS .faux-dropdown.expand .options {
display: block;
}

/* Form: Quick search -------------------------------------------------- */

input,select,textarea {
padding: 3px 2px;
font-size:11px;
font-family:Verdana, Tahoma, Arial, sans-serif;
line-height:13px;
border: solid 1px #d0d0d0;
background: #fff url(../Images/urlaub_bg_gradient-inputs.png) repeat-x left top;
}

.quick-search {
width:190px;
position: absolute;
right: 20px;
top: 75px;
}

fieldset{
border:none;
}

.quick-search label {
padding: 3px 0 0;
float: left;
}

.hasJS .quick-search label {
display: none;
}

.quick-search input {
color: #666;
font-size: 11px;
margin-left: 5px;
padding-right: 30px;
width: 151px;
height: 14px;	
line-height: 14px;
}

.btn.search {
position: absolute;
right: 2px;
top: 2px;
padding: 0;
margin: 0;		
height: 18px;		
width: 26px;
overflow: hidden;
background-position: 0 -180px;
}

.btn.search span {
padding: 0;
left: -9999px;
}

.btn.search:hover,.quick-search .btn.hover {
background-position: -30px -180px;
}

.btn.search:active {
background-position: -60px -180px;
}

/* Buttons-------------------------------------------------- */

.btn { 	
position: relative;
display: inline;
border: 0; 
padding: 0;
text-indent: 0;
cursor: pointer;
text-align: center;
text-decoration: none;
overflow: visible; /* IE padding fix */	
}

a.btn,
a.btn span {
float: left;
}

button::-moz-focus-inner { /* moz padding fix */
padding: 0;
border: none;	
}

.btn span { 
position: relative;
display: block; 
white-space: nowrap;	
}

.btn { 
padding: 0 15px 0 0;	
background: url(../Images/urlaub_sprite_buttons.png) no-repeat right 0; 
}

.btn span {
padding: 0 0 0 15px; 
height: 23px;
line-height: 20px;
color: #fff;
font-weight: bold; 
background: url(../Images/urlaub_sprite_buttons.png) no-repeat left 0;  	
}

.btn:hover,
.btn.hover,
button.hover {
text-decoration: none;
background-position: right -30px;
}

.btn:hover span,
.btn.hover span,
button.hover span {
background-position: left -30px;	
}

.btn:active,
.btn.active {
background-position: right -60px;
}

.btn:active span,
.btn.active span  {
background-position: left -60px;
}

/* Module: Imageviewer-------------------------------------------------- */

.imageviewer{
margin-bottom:12px;
}

.imageviewer .content {
position: relative;
height: 350px;	
width: 100%;
overflow: hidden;
background: #f7fcfe;	
}

.imageviewer .content img {
position: relative;
display: block;
margin: 0 auto;
vertical-align: middle;
}

.imageviewer .content img.hidden {
display: none;
}

.imageviewer .prev,.imageviewer .next {
position: absolute;
height: 40px;
bottom: 25px;
left: 0;	
padding: 0;
width: 60px;
cursor: pointer;
color: #57B1E3;
line-height: 40px;
font-size: 1.5em;
text-decoration: none;
background: #fff url(../Images/urlaub_sprite_buttons.png) no-repeat 0 -320px;
}

.imageviewer .next {
right: 0;
left: auto;
width: auto;
padding: 0 60px 0 10px;
background-position: 100% -320px;
}

.imageviewer .prev:hover,.imageviewer .prev:visited:hover {
background-position: 0 -360px;	
}

.imageviewer .next:hover,.imageviewer .next:visited:hover {	
background-position: 100% -360px;
}

.imageviewer a:hover,.imageviewer a:visited:hover {
color: #ed822a;
text-decoration: none;
}