/**
* Dr Who Styling

Design Styling Begin **/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 85%;
    color: #232323;
    background-color: #0e5833;
    background-image:url('/style/graphics/bg.png');
    background-repeat:repeat-x;
}

#mainwrapper {
    margin: 0 auto;
    width: 1000px;
    position:relative;
}

#wrapper { 
    width: 1000px;
    min-height: 300px;
    background-image: url('/style/graphics/background_gradient.png');
    background-repeat: repeat-x;
    background-color: #909091;
    position: relative;
    float: left;
}

.logo {
    background-image: url('/style/graphics/logo.png');
    width: 239px;
    float:left;
    margin-top:20px;
    margin-left:14px;
    height: 137px;
    position: absolute;
    z-index:20;
}
.teaser{
    background-image:url(/style/graphics/teaser.png);
    float:right;
    height:87px;
    margin-right:16px;
    margin-top:83px;
    position:relative;
    width:411px;
    z-index:20;
}
.borderwrapper{
    background-image:url(/style/graphics/wrapper.png);
    width:1011px;
    float:left;
    background-repeat:repeat-y;
}

.content {
    background-color: #fff;
    width: 780px;
    position: relative;
    float: right;
    margin-right:15px;
}

.content #frontContentBg {
    background:url('/style/graphics/frontContentBg.png') repeat-y right;
    width:100%;
    height:100%;
}

.content #infoBlock {
    width:240px;
    padding:0 0 0 10px;
    margin:-25px 0 0 0;
    color:#0e5833;
}

#infoBlock h2 {
    font-size:20px;
    padding:0 0 0 15px;
    color:#0e5833;
}

#infoBlock p {
    margin:10px 20px;
    line-height:13px;
}

.footer a {
    float: right;
    font-size:76%;
    color: #bcbdc0;
}
.header{
    position:absolute;
    height:275px;
    width:980px;
    top:0px;
    z-index:1;
}
.slideshowframe #topSlideshow{
    position:absolute;
    height:275px;
    width:980px;
    right:12px;
    right:15px;
    top:26px;
    z-index:1;
}

.slideshowframe {
    width: 1011px;
    height: 313px;
    float: left;
    position: relative;
    z-index:10;
}
.frame {
    width: 1011px;
    height: 313px;
    background-image: url('/style/graphics/slideshowframe.png');
    background-repeat: no-repeat;
    float: left;
    position: absolute;
    z-index:10;
}
/** Design Styling End **/


/** Menu Styling Start **/
#menu {
    width: 200px;
    text-transform:uppercase;
    float: left;
    list-style-type: none;
    padding:0;
    margin:0 0 0 15px;
}

#menu li {
    background-image: url('/style/graphics/menu_bg.png');
    background-repeat: no-repeat;
    margin:2px 0 2px;
    width:182px;
    line-height:41px;
}

#menu li.current {
    background-image: url('/style/graphics/menu_current.png');
}

#menu li a {
    display: block;
    text-decoration: none;
    font-size: 99%;
    color: #ffffff;
    margin:0 0 0 30px;
}

/* Menu children start */
#menu li ul {
    list-style:none;
    margin:5px 0 5px 10px;
    padding:0;
}

#menu li li {
    background:none;
}

#menu li li.current {
    background:none;
}

#menu li li a {
    color:#0e5833;
    margin:0;
    padding:0 0 0 10px;
    line-height:25px;
}

/* Menu children end */

/** Menu Styling End **/

/** Styling general A Tags **/
a{ 
    color: #ffffff;
    text-decoration: none;
}

/** Styling CMS Pages **/
.content p { 
    font-size: 80%;
    margin-right:30px;
}
h1 {
    font-family: Verdana, Geneva, sans-serif;
    color:#0e5833;
    font-weight:lighter;
    font-size:20px;
    letter-spacing:-1px;
}
h2{
    font-family: Verdana, Geneva, sans-serif;
    color:#cae333;
    font-weight:lighter;
    letter-spacing:-1px;
}	

.content a {
    color: #343434;
}

.content-top {
    background-image: url('/style/graphics/border_top.png');
    margin-left: -30px;
    margin-top: -11px;
    height: 7px;
    width: 1006px;
}

.mainbottom {
    background-image: url('/style/graphics/bottom.png');
    margin-left: 0px;
    height: 25px;
    width: 1011px;
    float: left;
    position:relative;
    bottom: 0px;
    left: 0px; 
    vertical-align: bottom;
}

img{ 
    border: 0px;
}
.footer{
    float:right;}

#container {
    float:left;
    margin-right:15px;
    width:310px;
    height:180px;
    position:relative;
}
.tekst{
    color:#FFFFFF; margin-left:135px; margin-top:132px; position:absolute; z-index:2;}
#main {
    position:absolute;
    width:310px;
    height:180px;
    z-index:0;
}
#minor {
    position:absolute;
    width:310px;
    height:180px;
    z-index:1;
}

/** Forms
	*******************************************************************/
		#bookingForm { font-size: 0.8em; }
    #errorList { padding:0; margin:0; list-style-type:none; background: url(/style/graphics/messagebox_warning.png) 240px top no-repeat; }
    #errorList li label { color:red; float:none; font-size:13px }
    span.req { color:red }
    #bookingForm label { display:block; float:left; }
		#bookingForm .clear { clear: left; }
		#bookingForm fieldset { float: left; }
		#bookingForm #arrival, #bookingForm #owner, #bookingForm #contacts { margin-top: 30px; width: 360px; }
		#bookingForm #arrival label, #bookingForm #arrival input, #bookingForm #owner label, #bookingForm #owner input,  #bookingForm #contacts label, 
			#bookingForm #contacts input { float: left; margin: 5px 5px 0 0; width: 160px; }
		#bookingForm fieldset { border: none; }
		#bookingForm legend { font-weight: 800; }
		#bookingForm label, #bookingForm input, #bookingForm select { float: left; margin: 5px 5px 0 0; width: 176px;  }
		#bookingForm select { width: 180px; }
		#bookingForm #comments { margin-top: 30px; text-align: center; }
		#bookingForm #comments legend span, #bookingForm #comments label, #bookingForm #comments p { width: 780px; text-align: center; display: block; }
		#bookingForm #comments textarea { height: 150px; width: 500px; }
		#bookingForm #comments #btnSubmit { float: none; }
		
		#bookingForm #arrival input { width: 100px; }
		#bookingForm #arrival select { width: 56px }