/*
-----------------------------------------------
RECONLINE.COM SCREEN STYLE
VERSION: 08|11|02
COPYRIGHT: RECONLINE AG, ZERMATT
----------------------------------------------- */


/* GOBAL
----------------------------------------------- */

* {
margin: 0; 
padding: 0; }

:focus { outline: 0;}

body {
background: #fff; }

img { 
border: 0; }

.clear {
clear: both; }

.right {
float: right; }

.left {
float: left; }

hr, .hide {
display: none; }

h1 {
	font:normal 18px arial;
	margin:0 0 15px 0;
	color: #333333;
	}
	
h2 {
	font:normal 16px arial;
	margin:20px 0 15px 0;
	color: #333333;
	}



/* LAYOUT
----------------------------------------------- */

#wrapper {
width: 860px;
background: #fff; 
margin: 0px auto;
padding: 10px 0px 0px 10px; }

.section {
background: #fff;
height: 40px;
width: 850px;
border-top: #ccc solid 1px; }

/* HEADER
----------------------------------------------- */

#header {
	padding: 0px;
	width: 850px;
	}
 				
#header p  {
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	color: #CCCCCC;
	font-size: 11px;
	text-align: right;
	}

#header p a {
	font-family: Arial;
	color: #CCCCCC;
	font-size: 11px;
	text-decoration: none;
	}

#header p a:hover {
	color: #cc3300;
	}
	
#header p a.active  {
color:#cc3300;
}

/* TOPNAV
----------------------------------------------- */

#topnav {
height: 40px;
width: 850px;
margin: 30px 0px 10px 0px; }

#topnav .logo {
margin: 5px 0px 0px 2px;
float: left; }

#topnav ul { 
margin: 0px 0px 0px 0px;
padding: 0;
list-style-type: none;
float: right; }

#topnav li { 
display: block; 
height: 38px; 
width: 139px; 
background: #fff url(../_images/nav.gif) no-repeat left top;
font-family: Arial;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px; 
line-height: 38px; 
color: #00aeef; 
text-indent: 10px; 
float: left; }

#topnav li a:link, #topnav li a:visited  {
display: block;
background: #fff url("../_images/nav.gif") no-repeat left top;
color: #333333; 
text-decoration: none; }

#topnav li a:hover  {
display: block;
background: #f9f9f9 url("../_images/nav.gif") no-repeat left top;
color: #cc3300; 
text-decoration: none; }

#topnav li a.active  {
color:#cc3300;
}

/* MASTHEAD
----------------------------------------------- */

.masthead {
margin: 10px 0px 0px 0px; }


/* MASTHEADLINE
----------------------------------------------- */

.mastheadline {
margin: 40px 0px 40px 0px;
background: #fff;
width: 850px; }

.mastheadline p {
font-family: Georgia, serif;
font-size: 40px;
line-height: 48px;
color: #aaa; }

/* CONTENT
----------------------------------------------- */

#content_wrapper {
margin: 0; }

.maincol_1 {
height: 280px;
width: 370px;
margin-bottom: 10px;
padding-right: 10px;

border-right: #ccc dotted 1px;
float: left; }

.maincol_2 {
height: 280px;
width: 215px;
margin-bottom: 10px;
padding-right: 15px;
margin-left: 5px;
padding-left: 10px;

border-right: #ccc dotted 1px;
float: left; }

.maincol_3 {
height: 280px;
width: 215px;
margin-bottom: 10px;
padding-left: 10px;
margin-left: 5px;
padding-right: 0;
float: left; }

p.text {
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #666; 
margin-top: 10px;}

p.learnmore {
font-family: Arial;
font-size: 13px;
font-weight: normal;
line-height: 19px;
color: #666; 
margin-top: 10px;}

p.learnmore a:link, 
p.learnmore a:active, 
p.learnmore a:visited  {
color: #cc3300; 
text-decoration: none; }

p.learnmore a:hover  {
color: #cc3300;
text-decoration: underline; }

p.booknow {
font-family: Arial;
font-size: 12px;
font-weight: normal;
line-height: 19px;
color: #666;
margin-top: 10px;}

p.booknow a:link, 
p.booknow a:active, 
p.booknow a:visited  {
color: #666; 
text-decoration: none; }

p.booknow a:hover  {
color: #cc3300;
text-decoration: none; }


.detailcol_1 {
width: 235px;
margin-bottom: 10px;
padding-right: 10px;

border-right: #ccc dotted 1px;
float: left; }

.detailcol_2 {
width: 565px;
margin-bottom: 10px;
padding-right: 15px;
margin-left: 5px;
padding-left: 15px;
float: left; }

.detailblock {
    margin-bottom: 30px;
    padding-right: 15px;
    margin-left: 30px;
    padding-left: 15px;
}

p.detailtext {
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #666; 
margin-top: 10px;}

p.detaillink {
font-family: Arial;
font-size: 14px;
font-weight: normal;
line-height: 20px;
color: #666; 
margin-top: 10px;}

p.detaillink a:link, 
p.detaillink a:active, 
p.detaillink a:visited  {
color: #cc3300; 
text-decoration: none; }

p.detaillink a:hover  {
color: #cc3300;
text-decoration: underline; }

.subnav li a.active  {
color:#cc3300;
}

/* SUBNAV
----------------------------------------------- */

.subnav {
width: 100%;
}

.subnav ul { 
list-style: none;
padding-left: 0;
margin-left: 0;
border-top: 1px dotted #ccc;
 }
 
.subnav li {
padding-left: 0;
margin-left: 0;
border-bottom: 1px dotted #ccc;
}

.subnav li a:link, .subnav li a:visited  { 
font-family: Arial;
font-size: 13px;
display: block; 
padding: 6px 0;
color:#666;
text-decoration: none;
}

.subnav li a:hover  {
background-color:#f9f9f9;
color:#cc3300;
}

.subnav li a.active  {
color:#cc3300;
}



/* FOOTER
----------------------------------------------- */

#footer {
background: #fff;
height: 40px;
width: 850px;
border-top: #ccc solid 1px; }

p.footernav {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 11px;
line-height: 40px;
color: #aaa;
float: right; 
margin: 0px 4px 0px 0px;}

p.footernav a:link, 
p.footernav a:active, 
p.footernav a:visited  {
color: #999;
text-decoration: none; }

p.footernav a:hover  {
color: #cc3300;
text-decoration: none; }

p.footerlegal {
font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal;
font-size: 11px;
line-height: 40px;
color: #aaa;
float: right; 
margin: 0px 4px 0px 0px;}

p.footerlegal a:link, 
p.footerlegal a:active, 
p.footerlegal a:visited  {
color: #999;
text-decoration: none; }

p.footerlegal a:hover  {
color: #cc3300;
text-decoration: none; }


/* CONTACT FORM
----------------------------------------------- */

#contactform { background-color: #f7f7f7; border: 1px solid #f1f1f1; padding: 5px; margin: 15px 0 0 0;}
#contactform label { height: 24px; margin: 5px 0; }
#contactform label .text { width: 430px; }



fieldset label { display: block; clear: both; }
fieldset label input, fieldset label textarea { font-family: verdana, arial; }
fieldset label span { float: left; font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
font-weight: normal; font-size: 14px; color: #666;}
fieldset label .text, fieldset label .textarea
{
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	font-weight: normal;
	font-size: 14px;
	width: 135px;
	height: 18px;
	color: #666;
	background-color: #fff;
	border: 1px solid #ddd;
	float: right;
	padding: 2px 5px;
}
fieldset label .textarea { width: 430px; height: 150px; }
fieldset label .text:focus, fieldset label .textarea:focus { border: 1px solid #ef9d9d; }
fieldset label .button
{
	width: 50px;
	height: 50px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: url('/images/button.gif') no-repeat center center;
	border: none;
	margin: 0;
}
fieldset label .select
{
	width: 147px;
	height: 22px;
	border: 1px solid #ddd;
	color: #666;
	float: right;
}

.contact { 
	margin: 15px  0 15px 115px; /* contact button */
}

.contact-left {
    margin: 15px 0 15px 15px; /* contact button */
}