/* ***********************************************
   * Wild One - Saas Fee                      *
   * WEB STYLESHEET      *
   * ------------------------------------------- *
   * Supported: IE6, IE 7+, Firefox , Safari . Opera *
   *    * ------------------------------------------- *
   * created 2009 by Magicline Laufen   *
   * http://www.magicline.ch                *
   *********************************************** */

/* ***********************************************
    Style and HTML Options
   *********************************************** */
   
html	{
	height : 100%;
	width : 100%;
}

body		{
	margin : 0;
	padding : 0;
	height : 100%;
	width : 100%;
	font : 9pt Verdana, Helvetica, sans-serif;
	color : #ffffff;
	background : #000000 url(../images/body-bg-winter.png) no-repeat top;
	scrollbar-base-color:#000000;
	scrollbar-3dlight-color:#333333;
	scrollbar-arrow-color:#01b3c8;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#333333;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#000000;
}

div, table,td, p	{
	margin : 0;
	padding : 0;
	text-align : left;
}

h1, h2, h3		{
	color : #01b3c8;
	font-size : 10px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 5px 0px;
}

h2, h3		{
	margin : 0px 0px 2px 0px;
}

ul		{
	margin : 0px 0px 0px 15px;
	padding : 0;
	text-align : left;
	color : #ffffff;
	list-style : circle;
}

li		{
	line-height : 20px;
}

a,
a:link,
a:visited,
a:active,
a:hover		{
	color : #01b3c8;
	font-weight : normal;
	border : 0px;
	text-decoration : underline;
}

a img		{
	border : 0px;
}

form {
	margin: 0;
	padding: 0;
}

button {
	font-size: 11px; 
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

input, select, textarea, option {
	font-size: 11px; 
	line-height:normal; 
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #333333;
	background-color:#ffffcc;	
}


/* ***********************************************
    Page Layout  Main Site
   *********************************************** */

#contentbox	{
	width : 500px;
	height : 100%;
	position : absolute;
	left : 50%;
	top : 0%;
	margin : 0px 0px 0px -250px;
	padding: 0;
	background : #000000;
	border-left : 1px solid White;
	border-right : 1px solid White;
}

#logo		{
	width : 350px;
	height : 210px;
	background : transparent url(../images/logo-winter.png) no-repeat right;
	margin : 30px 0px 0px 150px;
	padding: 0;
}

#top-navi		{
	width : 155px;
	height : 25px;
	background : transparent url(../images/bg-topnavi-winter.png) no-repeat left;
	margin : -150px 0px 0px 0px;
	padding: 0;
	overflow : hidden;
}

#navi		{
	width : 100px;
	margin : 20px 0px 0px 15px;
	padding: 0;

}

#title		{
	width : 400px;
	height : 15px;
	position : absolute;
	left : 90px;
	top : 250px;
	margin : 0;
	padding: 0;
	font : bold 11pt Verdana, Helvetica, sans-serif;
	color : #ffffff;
	overflow : hidden;
}

#content		{
	width : 400px;
	height : 47%;
	position : absolute;
	left : 90px;
	top : 280px;
	margin : 0;
	padding: 0px 5px 0px 0px;
	color : #ffffff;
	overflow : auto;	
}

#designer		{
	width : 155px;
	height : 25px;
	position : absolute;
	bottom : 5px;
	left : 10px;
	background : transparent left;
	margin : 0;
	padding: 0;	
	overflow : hidden;
}

#bottom-navi		{
	width : 155px;
	height : 25px;
	position : absolute;
	bottom : 15px;
	right : 0px;
	background : transparent url(../images/bg-bottomnavi-summer.png) no-repeat left;
	margin : -150px 0px 0px 0px;
	padding: 0;	
	overflow : hidden;
}

/* ***********************************************
    IE 6 Hacks
   *********************************************** */


   
/* ***********************************************
    Typo3 Classes
   *********************************************** */
   
p.bodytext	{
	margin : 0;
	padding : 0;
	text-align : left;
	color : #ffffff;
}

p.bodytext	b  {
	color : #01b3c8;
	font-weight : bold;
}

table.contenttable td	{
	padding : 0px 10px 0px 0px;
	vertical-align : top;
}

.csc-header h1	{
	color : #01b3c8;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 0px 0px 5px 0px;
	text-decoration : underline;
}

.csc-mailform		{
	border : 0;
}

.csc-mailform-field,
.csc-mailform-label		{
	margin : 0px 0px 7px 0px;
}

.csc-mailform-field input,
.csc-mailform-field textarea	{
	position : absolute;
	left : 150px;
	padding : 0px 0px 0px 0px;
}

.csc-mailform-submit	{
	margin-top : 60px;
	width : 100px;
	height : 20px;
}


/* ***********************************************
    Typo3 Powermail  Extension Classes
   *********************************************** */
.tx_powermail_pi1_fieldwrap_html_html		{
	height : 5px;
	clear : both;
	border-top : 1px dashed #01b3c8;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: #01b3c8;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 35%;
	float: left;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	font-size: 11px; 
	line-height:normal; 
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color:#ffffff;		
	text-align : left;
	width: 60%;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {	
	margin: 0px 0px 0px 5px;
}
tx_powermail_pi1_fieldwrap_html_radio label,
tx_powermail_pi1_fieldwrap_html_radio input	{
	margin: 0px 5px 0px 5px;
	float : left;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 8px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit,
.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit {
	/* submit button */
	margin: 20px 20px 0px 0px;
	font-size : 11px;
	background-color : #ffffff;
	color: #01b3c8;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
span.tx_powermail_pi1_fieldwrap_html_radio_title {
	display: block;
	width: 35%;
	float: left;
	clear: both;
}
div.countryzone {
	margin: 10px 0 0 150px;
}

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
.tx_powermail_pi1_fieldwrap_html_captcha label	{
	width : 30%;
}
.tx-powermail-pi1_confirmation p	{
	width : 70%;
	margin : 0px 0px 10px 0px;
}
.tx_powermail_pi1_formconfirmation_back	{
	float : left;
}