/*  
Theme Name: Buro Nord Fertig
Theme URI: http://www.buronord.ch
Description: Theme for BN Hoschis
Author: RHO
Author URI: http://www.rhodesign.ch/

background: #f0eee8 url(bg_images/rotate.php);
*/










@font-face {
font-family: 'Akkurat-LightRegular';
src: url('fonts/akkurat-light-webfont.eot');
src: local('☺'), url('fonts/akkurat-light-webfont.woff') format('woff'), url('fonts/akkurat-light-webfont.ttf') format('truetype'), url('fonts/akkurat-light-webfont.svg#webfontw6nnP7Dl') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Akkurat-BoldRegular';
src: url('fonts/akkurat-bold-webfont.eot');
src: local('☺'), url('fonts/akkurat-bold-webfont.woff') format('woff'), url('fonts/akkurat-bold-webfont.ttf') format('truetype'), url('fonts/akkurat-bold-webfont.svg#webfont7nYntHeD') format('svg');
font-weight: normal;
font-style: normal;
}




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



body {
font-family:Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
background-attachment:fixed;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}



#page {
text-align: left;
margin: 0px auto;
padding: auto;
width: 980px;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
margin-bottom: -120px;
}





#header {
width: 850px;
margin: 0 auto;
height: 114px;
padding: 0;
border-bottom: 4px solid #000;
position: relative;
}

#header a{color: #000;}

#logo {
background-image: url(images/cfi.png);
background-repeat: no-repeat;
width:93px;
height:74px;
position: absolute;
right: 0;
top: 0;
}
#logo h1 {
margin:0px;
display:block;
text-indent:-9999px;
}

#nj {
width:62px;
height:62px;
position: absolute;
right: 275px;
top: 7px;
}








/* ################# START NAVIGATION ################## */
#navcontainer{
width: 643px;
float:left;
}

ul#navlist{
margin: 0 0 0 8px;;
padding: 0;
}

#navlist li {
font-family: 'Akkurat-LightRegular',Arial, sans-serif;
display: block;
float: left;
margin-right: 35px;
list-style-type: none;
font-size: 20px;
padding-top: 11px;
}

#navlist a:link, #navlist a:visited{
color: #000;
text-decoration: none;
padding: 7px 0 0 0;
letter-spacing: 1px;
}

#navlist a:hover{
text-decoration: none;
border-top: 5px solid #000 !important;
}

#current{
font-family: 'Akkurat-BoldRegular',Arial, sans-serif;
color: #000;
text-decoration: none;
border-top: 5px solid #000 !important;
}


ul#navlist li.current_page_parent a, ul#navlist li.current_page_item a {
font-family: 'Akkurat-BoldRegular',Arial, sans-serif;
color: #000;
text-decoration: none;
border-top: 5px solid #000 !important;
}

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







#lead {
font-family: 'Akkurat-LightRegular',Arial, sans-serif;
float: left;
margin: 0 0 0 65px !important;
width: 850px;
height: 160px;
font-size: 20px;
line-height: 1.7em;
padding-top: 12px;
letter-spacing: 0.02em;
}

.pink{
color: #E5007E;
}







/* ################# START SUBNAVIGATION ################## */
#subnavi{
width: 850px;
margin: 0 auto;
display: block;
border-bottom: 1px solid #000;
float: left;
margin-left: 65px;
padding-bottom: 5px;
}

#subnavi ul{
margin: 0;
padding: 0;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}

#subnavi ul li {
display: block;
float: left;
margin-right: 40px;
list-style-type: none;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
}

#subnavi ul a:link, #subnavi ul a:visited{
color: #000;
text-decoration: none;
padding: 0;
letter-spacing: 1px;
padding-top: 4px;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
display: block;
}

#subnavi ul a:hover{
color: #e5007e;
text-decoration: none;
letter-spacing: 1px;
}

#subnavi li.current-cat a{
border-top: 3px solid #000 !important;
font-weight: bold;
}
a.current-cat{
border-top: 3px solid #000 !important;
font-weight: bold;
}


a.current{
border-top: 3px solid #000 !important;
}

#subnavi ul li.right {
float: right !important;
margin-right: 0px  !important;
}


#subnavi ul li.current_page_item a {
border-top: 3px solid #000 !important;
}


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








#content {
margin: 0 0 0 65px !important;
padding: 10px 0 0 0;
width: 883px;
display: block;
float: left;
font-size: 13px;
line-height: 1.6em;
display: inline;
position: relative;
}


#inhalt {
overflow: hidden;
display: block;
height: 300px; /* das hier f�r den ie */
}
#inhalt[id] {
height:auto;
min-height:300px;
}





.singlepost {
width: 850px;
}
.singlepost a{
color: #E5007E;
}
.singlepost a:hover{
color: #3D3C36;
}
.singlepost h2 {
font-size: 18px;
color: #000;
}
.singlepost h3 {
font-size: 14px;
color: #000;
margin: 0px 0px 20px 0px!important;
width: 400px;
}
.singlepost h4 {
font-size: 11px;
text-transform: uppercase;
color: #908f89;
margin: 0 0 0 0 !important;
width: 400px;
}

.singlepost h5 {
font-size: 11px;
text-transform: uppercase;
color: #908f89;
margin: 32px 0 0 0 !important;
width: 400px;
}




ul#referenzbeschrieb{
float: right;
margin: 0px 0px 30px 20px;
width: 300px;
list-style-type: none;
padding-left: 0px !important;
overflow: hidden;
}
ul#referenzbeschrieb li{
border-bottom: 1px solid #000;
padding-bottom: 15px;
margin-bottom: 15px;
}

#refbild {
margin-bottom: 15px;
}

.reftitle {
font-size: 11px;
text-transform: uppercase;
color: #908f89;
margin-bottom: 2px;
display: block;
}


.left{
float: left;
width: 500px;
}












/* ################## START NEWSBL�CKE ################### */
.post {
margin: 0 20px 20px 0;
width: 154px;
height: 154px;
float: left;
}




#tooltip{
position:absolute;
background-image: url(images/bg_tooltip.png);

}	
#tooltip p {
margin : 0;
padding:2px 5px;
color:#FFF;
}


.delay{
display:none;
}	





/* ################## ENDE NEWSBL�CKE ################### */






#contentpage {
float: left;
margin: 0 4px 0 0 !important;
width: 648px;
background-image: url(images/bg_content.png) !important;
background-image: url(images/bg_content.gif);
position: absolute;
min-height: 84%;
height:auto !important;
height:84%;
}








.archivpost {
margin: 0 24px 10px 15px;
border-bottom: 1px solid #000;
}
.archivpost h2{
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 12px 0 4px 0;
}










/* ################# START FOOTERS ################## */


#footer {
font-size: 12px;
width: 100%;
height: 95px;
padding-top: 25px;
float: left;
background: #3d3c36 url(images/bg_footer_gradient.jpg) repeat-x top;
color: #908f89;
position: relative;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
clear: both;
overflow: hidden;
}





#footer_container{
margin: 0 auto;
width: 850px;
text-align: left;
line-height: 1.8em;
}


#footer1{
float: left;
border-right: 1px solid #9e9c95;
width: 290px;
padding: 0 15px 0 0;
height: 80px;
}
#footer2{
padding: 20px 15px 0 15px;
border-right: 1px solid #9e9c95;
width: 75px;
float: left;
height: 60px;
}
#footer3{
padding: 0 20px;
border-right: 1px solid #9e9c95;
width: 110px;
float: left;
height: 80px;
}
#footer3 img{
padding: 0 12px 0 0;
}
#footer4{
padding: 0 20px;
border-right: 1px solid #9e9c95;
width: 90px;
float: left;
height: 80px;
}
#footer5{
padding: 0;
width: 130px;
float: right;
height: 80px;
}



/* ################# ENDE FOOTERS ################## */







.clear {
clear: both;
}


a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1 {
font-size: 18px;
padding-left: 40px;
}



h3 {
font-size: 11px;
}

h1 a, h1 a:hover, h2 a, h2 a:hover {
text-decoration: none;
}

hr {
display: block;
height: 1px;
border-top: 0px solid #FFF !important;
border-left: 0px  solid #FFF !important;
border-right: 0px solid #FFF !important;
border-bottom: 1px solid #000;
clear: both;
margin-bottom: 25px;
}


.archivtitle {
margin: 12px 0 4px 0;
padding-left: 14px !important;
padding-bottom: 10px;
}








/* ################# START IMAGES ################## */
.right {
margin: 0 0 10px 15px;
float: right;
}

.left {
margin: 0 15px 10px 0;
float: left;
}

a img {
border: none;
background-image: none !important;
padding-left: 0px  !important;
}

/* ################# ENDE IMAGES ################## */






/* ################# START NEWS-NAVIGATION ################## */
.navigation {
width: 599px;
display: block;
clear: both;
}
.navigation .alignright {
	padding-right: 0px !important;
}


.alignright {
float: right;
padding-right: 16px;
}
.alignleft {
float: left
}
/* ################# ENDE NEWS-NAVIGATION ################## */








/* ########### START CONTENTBOXEN SCHMAL UND BREIT ######## */



.entry {
margin-right: 16px;
}
.entry h2{
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
margin-bottom: 12px !important;
color: #000;
margin-top: 0px !important;
}






.schmal_links{
width: 190px;
float: left;
margin-bottom: 20px;
}
.schmal_links p{
margin: 0 0 14px 0;
line-height: 16px;
}
.schmal_links h2{
margin-top: 0px !important;
}
.schmal_links h4{
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 2px 0;
color: #9e9c95;
font-weight: normal;
}

.breit_rechts{
width: 395px;
float: right;
margin-bottom: 20px;

}






.breit_links{
width: 395px;
float: left;
margin-bottom: 20px;
}
.breit_links p{
margin: 0 0 14px 0;
line-height: 16px;
}
.breit_links h2{
margin-top: 0px !important;
}
.breit_links h4{
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 2px 0;
color: #9e9c95;
font-weight: normal;
}

.schmal_rechts{
width: 190px;
float: right;
margin-bottom: 20px;

}


.agendatitel{
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 2px 0;
color: #9e9c95;
font-weight: normal;
}
/* ########### ENDE CONTENTBOXEN SCHMAL UND BREIT ######## */






/* ################# START SUCHBOX ################## */
#searchform input{
padding:3px;
background: #fff; 
border: 1px solid #000; 
vertical-align:top;
}
#searchform input:hover{
padding:3px;
background: #fff; 
border: 1px solid #e5007e; 
vertical-align:top;
}
#searchform input:focus{
padding:3px;
background: #fff; 
border: 1px solid #e5007e; 
vertical-align:top;
}

#searchsubmit{
background-color: #e5007e !important;;
padding:2px 3px 2px 3px !important;
color: #fff !important;
}
#searchsubmit:hover{
background-color: #e5007e !important;;
padding:2px 3px 2px 3px !important;
color: #000 !important;
border: 1px solid #000 !important; 
}

/* ################# START SUCHBOX ################## */


























#kundenliste{
width: 850px !important;

}
#kundenliste td{
width: 270px !important;
padding: 5px 0;
background-image: url(images/linie.gif);
background-position: bottom left;
background-repeat: no-repeat;
}







ul.kundenliste{
margin: 20px 2px 20px 0;   /* ---  must have right margin. IE bug */
padding:0px; 
overflow:hidden; 
display: block;
}
ul.kundenliste li{
border-bottom: 1px solid #000;
font-size: 13px !important;
padding: 5px 0;
display: block;
}
ul.kundenliste li a{
font-size: 13px !important;

}
ul.kundenliste li a:hover{
background: #e5e5e4;
}



ul.kundenliste li.li_col1{
margin-right: 20px !important;
width: 270px;
}
ul.kundenliste li.li_col2{
margin-right: 20px !important;
width: 270px;
}
ul.kundenliste li.li_col3{
margin-right: 0px !important;

}
























.teamblock {
background-color: #fff;
width: 316px;
padding: 0 12px 0 12px;
display: block;
float: right;
height: 350px;
}



.teambeschrieb {
font-size: 11px;
text-transform: uppercase;
color: #908f89;
margin-bottom: 2px;
display: block;
}

.teamtext {
border-bottom: 1px solid #000;
padding-bottom: 12px;
margin-bottom: 12px;
display: block;
}