/*  
Project Name: Bähler AG
Project URI: http://baehler-ag.ch
Description: Typo3 Template für Bähler AG
Version: 1.0
Author: RHO für buronord.ch
Author URI: http://www.rhodesign.ch/
*/

* { padding: 0; margin: 0; }

html, body { 
padding:0px;
margin:0px;
height:100%;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #ebebeb;
background-image: url(/fileadmin/images/bg_body.gif);
background-repeat: repeat-x;
}



#wrapper { 
background-color: #FFF;
margin: 0 auto;
width: 900px;
position: relative;
min-height: 94%;
height:auto !important;
height:94%;
}


#contentwrapper {
overflow: auto; /*  Fix for IE */
width: 100%;
padding-bottom: 0px;
}




/* ########################## START HEADER ############################ */
#logohead {
margin: 0 auto;
width: 900px;
height: 65px;
padding-top: 12px;
text-align: right;
display: block;
}



#header {
width: 900px;
height: 150px;
background-image: url(/fileadmin/images/header.jpg);
background-repeat: no-repeat;
}
/* ########################## ENDE HEADER ############################ */


/* #################### START NAVIGATION ####################### */
#navcontainer{
background-image: url(/fileadmin/images/bg_navcontainer.gif);
background-repeat: repeat-x;
width: 900px;
height: 51px;
}

#navcontainer ul{
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-left: 1px solid #fff;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{
padding: 10px 14px 9px 14px;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover{
background-color: #e07900;
color: #fff;
}

#current{
background-color: #e07900 !important;
color: #fff !important;
} 

/* #################### ENDE NAVIGATION ####################### */



/* #################### START SUBNAVIGATION ####################### */
#subnavi {
padding-left: 0;
margin-left: 0;
}

#subnavi li{
list-style: none;
margin: 0;
border-bottom: 1px solid #f98700;
}

#subnavi li a { 
text-decoration: none; 
display: block;
padding: 6px 0 6px 12px;
}
#subnavi li a:hover { 
background-color: #f2f2f2;
}

#subcurrent {
background-color: #f2f2f2;
font-weight: bold;
} 

/* #################### ENDE SUBNAVIGATION ####################### */




/* ###################### START LINKE SPALTE ######################### */
#leftcolumn { 
display: inline;
padding: 0px;
width: 200px;
float: left;
margin-top: 25px;
font-size: 12px;
}

#leftcolumn h1{ 
display: block;
color: #9d9b9c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
#leftcolumn h2{ 
display: block;
color: #f98700;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

#leftcolumn a{
color: #f98700;
text-decoration: none;
background-repeat: no-repeat;
}
#leftcolumn a:hover{
text-decoration: none;
background-repeat: no-repeat;
}
#leftcolumn p{
margin-top: 13px;
}
/* ###################### ENDE LINKE SPALTE ######################### */


/* ######################## START CONTENT ########################### */
#content { 
float: left;
color: #333;
padding: 0px;
width: 318px;
display: inline;
position: relative;
margin: 25px 20px 0 20px;
line-height: 1.2em;
}
#content h1{
color: #f98700;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
display: block;
margin-bottom: 16px;
line-height: 18px;
}
#content h2{
color: #f98700;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}
#content h3{
color: #f98700;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}

#content ul{ 
margin-bottom: 20px;
padding-left: 15px;
}
#content ul li{ 
list-style-image: url(/fileadmin/images/li.gif);
margin-bottom: 3px;
}
#content p {
margin-bottom: 18px;
}
#content a {
text-decoration: none;
color: #f98700;
}
#content a:hover {
text-decoration: underline;
color: #f98700;
}
#content a:visitted {
text-decoration: none;
color: #f98700;
}
/* ######################## ENDE CONTENT ########################### */




/* #################### START RECHTE SPALTE ######################## */
#rightcolumn { 
display: inline;
position: relative;
color: #333;
padding: 0px;
width: 318px;
float: right;
margin: 25px 14px 0 0px;
line-height: 1.2em;
}
#rightcolumn h1{
color: #f98700;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
display: block;
margin-bottom: 16px;
}
#rightcolumn h2{
color: #f98700;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}
#rightcolumn h3{
color: #f98700;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}

#rightcolumn ul{ 
margin-bottom: 20px;
padding-left: 15px;
}
#rightcolumn ul li{ 
list-style-image: url(/fileadmin/images/li.gif);
margin-bottom: 3px;
}
#rightcolumn p {
margin-bottom: 18px;
}
#rightcolumn a {
text-decoration: none;
color: #f98700;
}
#rightcolumn a:hover {
text-decoration: underline;
color: #f98700;
}
#rightcolumn a:visitted {
text-decoration: none;
color: #f98700;
}
/* #################### ENDE RECHTE SPALTE ######################## */

/* ####################### START NEWSBLOCK ######################## */
.newsblock{
display: block;
}

.datum{
display: block;
color: #9d9b9c;
font-size: 12px;
font-weight: bold;
margin-bottom: 20px;
}

.newsbottom{
clear: both;
border-bottom: 1px solid #f98700;
display: block;
height: 5px;
margin-bottom: 7px;
}
/* ####################### ENDE NEWSBLOCK ######################## */





/* ####################### START TEAMBLOCK ######################## */
.teamblock{
width: 95px;
float: left;
margin-right: 10px;
margin-bottom: 14px;
border-bottom: 1px solid #F98700;
padding-bottom: 5px;
font-size: 11px;
}
.teamblock img{
display: block;
margin-bottom: 5px;
}

/* ####################### ENDE TEAMBLOCK ######################## */


/* ####################### START REFERENZBLOCK ######################## */
.referenzblock{
width: 95px;
float: left;
margin-right: 10px;
margin-bottom: 14px;
border-bottom: 1px solid #F98700;
padding-bottom: 5px;
font-size: 11px;
height:112px;
}
.referenzblock img{
display: block;
margin-bottom: 5px;
}

/* ####################### ENDE REFERENZBLOCK ######################## */




.left{
float: left;
margin-right: 12px;
}
.right{
float: right;
margin-left: 12px;
}


a img{
border: 1px solid #FFF;
}
a img:hover{
border: 1px solid #bbb;
}

/* ####################### START FOOTER ########################## */
#footer { 
width: 100%;
background-image: url(/fileadmin/images/bg_footer.gif);
background-repeat: repeat-x;
background-position: top;
height: 50px;
clear: both;
margin: 0 auto !important;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
display: block;
}
/* ####################### ENDE FOOTER ########################## */









/* ########################## 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 */ 

/* ########################## End Clearfixes ########################## */




/* ########################## Start Formular ########################## */

form{
padding-bottom: 30px;
}

label {
display: block;
float: left;
margin-bottom: 2px;
text-align: left;
width: 60px;
padding-right: 20px;
margin-top: 5px;
}

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

.formfield, input {
border: 1px solid #f98700;
width: 308px;
font-family: Arial, Helvetica, sans-serif;
padding: 2px 5px 2px 5px;
margin-top: 2px;
}

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

.csc-mailform-field label {
width: 160px;
margin-top: 10px;
}

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

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

.csc-mailform-submit {
margin-top: 10px;
width: 120px;
background-color: #f98700;
}

.csc-mailform-submit:hover {
background-color: #E07900;
}

textarea {
clear: both;
border: 1px solid #f98700;
width: 308px;
padding: 2px 5px 2px 5px;
}

textarea:hover {
background-color: #ebebeb;
}
textarea:focus {
background-color: #ebebeb;
}
/* ########################## Ende Formular ########################## */




/* ########################## Start Tabelle ########################## */
table{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 25px;
}

td{
border-bottom: 1px solid #f98700;
height: 28px !important;
border-spacing:0px !important;
}
/* ########################## Ende Tabelle ########################## */








.icon{
padding: 1px;
border: 2px solid #cdcdcd;
float: left; 
margin-right:13px;
margin-bottom: 13px;
}
.icon:hover{
border: 2px solid #BBB;
}

hr {
border: solid #FFF 1px;
border-bottom:solid #f98700 1px !important;
margin-top: 7px;
}