/*  
Project Name: Xundheit Schwyz
Project URI: 
Version: 1.0 beta
Author: RHOdesign - www.rhodesign.ch - switzerland
Author URI: http://www.rhodesign.ch/

all rights reserved!
*/




html, body { 
padding:0px;
margin:0px;
height:100%;
font-family: "Verdana", Arial, sans-serif;
}

body {
background-color: #86bd21;
font-size: 10px;
text-align:center;
}

p {
padding:0px;
margin:0px;
}

#container {
width:980px;
margin: 0px auto;
padding:0px;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
background-repeat: repeat-y;
background-image: url(../images/bg_container.gif);
background-position: center;
}



/* ######################  Start Head ############################## */
#head {
background-color:transparent;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
margin-left: 140px;
margin-right: 140px;
height: 144px;
}
/* ######################  Ende Head ############################## */




/* ######################  Start Navigation Links ################# */
#left {
width:140px;
padding:0px;
margin: 0px;
float:left;
margin-top: -21px;
}

#left ul{
margin-left: 0;
padding-left: 0;
margin-top: 0;
padding-top: 0;
list-style-type: none;
}

#left a{
display: block;
padding: 4px 0 4px 10px;
width: 130px;
background-color: #40525c;
border-bottom: 1px solid #86bd21;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
}

#left a:link, #navlist a:visited{
color: #fff;
text-decoration: none;
}

#left a:hover{
background-color: #7a858b;
color: #fff !important;
}

#active{
background-color: #7a858b  !important;
}
/* ######################  Ende Navigation Links ################# */



/* ###################### Start Horizontal Navi ################## */
#nav {
background-color: #40525c;
height: 21px;
width: 700px;
margin: 0 auto;
}
#nav a{
color: #FFF;
text-decoration: none;
font-size: 10px;
}
#nav a:hover{
color: #86BD21;
}

#nav ul{
margin: 0;
padding: 0;
padding-top: 3px;
}
#hornavlist li{
display: inline;
list-style-type: none;
padding: 0 10px 0 10px;
border-right: 1px solid #FFF;

}
#current{
color: #86BD21 !important;
}
/* ###################### Ende Horizontal Navi ################## */



/* ####################### Start Content ######################### */
#content {
width:664px;
float:left;
background-color:#fff;

line-height: 16px;
font-size: 11px;
overflow: auto;
padding: 5px 18px 30px 18px;
margin-bottom: 30px;
}

#content h1 {
color: #86bd21;
font-size: 18px;
padding-bottom: 5px !important;
margin: 0px;
padding-top: 20px !important;
width: 600px;
}

#content h2 {
color: #86bd21;
font-size: 11px;
padding-top: 15px !important;
margin: 0px !important;
display: block;
}

#content h3 {
color: #000;
font-size: 11px;
padding-top: 15px !important;
padding-bottom: 3px !important;
margin: 0px !important;
}

#content p{
margin-top: 0px !important;
}

#content a {
color: #86bd21;
text-decoration: underline;
}

#content a:hover {
color: #86bd21;
text-decoration: none;
}

#content .csc-frame-rulerBefore {
	border-top: 1px solid #86BD21;
}

#content .csc-frame-rulerAfter {
	border-bottom: 1px solid #86BD21;
}



/* ####################### Ende Content ######################### */



#einspaltig h1{
margin-bottom: 20px;
}
#einspaltig  h3 {
color: #000;
font-size: 11px;
padding-top: 2px !important;
padding-bottom: 3px !important;
margin: 0px !important;
}



/* ############### Start Broschuerenblock 2spaltig ############### */
.broschuerenblock{
border-bottom:dotted #86bd21 1px !important;
clear: both;
height: auto;
min-height: 160px;
}

.broschuerenblock img{
float: right;
margin-left: 50px;
}



/* ############### Ende Brosch?renblock 2spaltig ############### */



/* ###################### Start  3spaltig ###################### */
#dreispaltig{
padding-bottom: 15px;
}
#dreispaltig_left{
width: 200px;
float: left;
padding-right: 20px;
padding-bottom: 30px;
}
#dreispaltig_left h1{
padding-top: 0px !important;
}


#dreispaltig_middle{
width: 210px;
float: left;
padding-right: 20px;
padding-bottom: 30px;
padding-top: 17px;
}
#dreispaltig_middle img{
padding-top: 8px;
}


#dreispaltig_right{
width: 200px;
float: left;
margin-bottom: 30px;
padding-top: 17px;
}
#dreispaltig_right img{
margin-top: 8px;
}
/* ###################### Ende  3spaltig ###################### */





/* ####################  Start image floats etc ####################  */
.floated_left{
float: left;
margin-right: 14px;
margin-bottom: 8px;
}
.floated_right{
float: right;
margin-left: 14px;
margin-bottom: 8px;
}
/* ####################  Ende image floats etc ##################### */






/* ####################### Start Tipp Rechts ####################### */
#right {
width:140px;
padding:0px;
margin: 0px;
float:left;
margin-top: -21px;
background-color: #dedfe3;
position:relative;
 z-index:3;
}

#right h1{
display: block;
height: 18px;
padding-left: 10px;
margin-top: 0px;
padding-top: 3px;
width: 130px;
background-color: #40525c;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #FFF;
}
#right p{
font-size: 10px;
padding: 10px 10px 10px 10px;
}

#mydiv{
font-size: 10px;
padding: 10px 10px 20px 10px;
border-bottom: 4px solid #709d1c;
background-color: #9bdc24;
height: auto;
}

#right a img{
border: none;
border: 0px;
}
/* ####################### Ende Tipp Rechts ####################### */





/* ########################## Start Footer ########################## */
#footer{
height: 70px;
width: 980px;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat !important;
position: absolute;
bottom: 0 !important;
display: block;
clear: both;

}
/* ########################## Ende Footer ########################## */





/* ########################## Start Tabellen ########################## */
table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
border-collapse: collapse;
empty-cells: hide;
height: auto !important;
}


td{
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px !important;
border-bottom: 1px solid #86bd21;
height: 14px !important;
border-spacing:0px !important;
border-collapse: separate;
vertical-align: top;
}

/* ########################## Ende Tabellen ########################## */






/* ########################## Start Formular ########################## */
form{
padding-bottom: 30px;
}

fieldset {
border: none;
padding-left: 0px !important;
}

.formfield, input {
border: 1px solid #86bd21;
width: 250px;
padding: 2px 5px 2px 5px;
margin-top: 5px;
}

input:hover {
background-color: #e9e9e9;
}
input:focus {
background-color: #e9e9e9;
}

.csc-mailform-field label {
display: block;
text-align: left;
width: 370px;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 2px;
float: right;
}

textarea {
border: 1px solid #86bd21;
width: 250px;
padding: 2px 5px 2px 5px;
margin-top: 5px;
}

textarea:hover {
background-color: #e9e9e9;
}
textarea:focus {
background-color: #e9e9e9;
}

.csc-mailform-field {
clear: both;
}

.csc-mailform-field .csc-mailform-check {
width: 15px;
float: left;
clear: right;
margin-top: 10px;
border: none;
background-color: #86bd21;
}

.csc-mailform-submit {
margin-top: 5px;
border: 1px solid #86bd21;
background-color: #86bd21;
width: 262px !important;
color: #FFF;
}

.csc-mailform-submit:hover {
background-color: #98dc24;
color: #FFF;
}
/* ########################## Ende Formular ########################## */






/* ########################## Start Diverses ########################## */
hr {
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:dotted #86bd21 1px !important;
}
/* ########################## Ende Diverses ########################## */






/* ########################## Start Clearfixes ########################*/
.clear { 
clear: both; 
background: none; 
}
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
/* ########################## EndeClearfixes ########################*/