/*  
Theme Name: Betschart Taransporte Brunnen
Theme URI: 
Description:RHO 4 Betschart Taransporte Brunnen
Version: 0.8
Author: RHO
Author URI: http://www.rhodesign.ch/
*/
a:link { text-decoration: none; color : #666; border: none;}
a:active { text-decoration: none; color : #666; border: none;}
a:visited { text-decoration: none; color : #666; border: none;}
a:hover	{ text-decoration: none; color : #555353; border: none;} 
a img{border: none !important;}



html {height:100%;}
body { 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
background:#5f5f5f url(images/bg_body.jpg) no-repeat; 
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
color: #5f5f5f; 
margin:0px;
height:100%;
}

#wrap { 
padding:0px; 
width:800px; 
background-image: url(images/bg_wrap.jpg);
background-position: bottom center;
background-repeat: no-repeat;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
margin:0px auto !important; 
}

#topheader{
height: 88px;
width: 800px;
border-bottom: 7px solid #CC0000;
}


#logo { 
width: 189px;
height: 51px; 
padding-left: 23px;
padding-top: 20px;}
#logo a img{
border: none;
text-decoration: none;
}

.breadcrumb{
float: right;
margin-right: 20px;
padding-top: 5px;
}


#header { 
background:#fff url(images/header1.jpg) no-repeat; 
margin: 0 0 10px 0; 
padding: 0px; 
height: 192px; 
clear:both; 
width:800px; 
}







/* START NAVIGATION 
--------------------------------------------------------- */


#newslink a{
text-transform: uppercase;
border-bottom: 1px solid #CC0000;
padding-bottom: 2px;
}
#newslink a:hover{
color: #cc0000;
}



/* Start Navigation NEWWWW*/
#navcontainer { 
width: 186px; 
margin: 0 20px 0 20px; 
float: left; 
padding-bottom: 30px;
}

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


#navcontainer ul li a{
color: #5f5f5f;
padding-left: 20px;
font-size:12px; 
outline: none;
display: block;
}




#level1 a{
text-transform: uppercase;
border-bottom: 1px solid #CC0000;
padding: 2px 0 2px 0;
}
#level1 a:hover{
color: #CC0000;
}
#level1current{
color: #CC0000 !important;
font-weight: bold;
padding: 2px 0 2px 15px;
font-size:12px; 
}
#level1highlight{
color: #CC0000 !important;
font-weight: bold;
padding: 2px 0 2px 15px;
font-size:12px; 
}
#level1current a{
color: #CC0000 !important;
display: block;
}



ul#level2 {
padding-top: 5px !important;
padding-bottom: 4px !important;
}

#level2 a{
padding: 1px 0 1px 40px  !important;
color: #5f5f5f ;
font-size: 10px  !important;
font-weight: normal !important;
border-bottom: 0px !important;
text-transform: none !important;
}
#level2 a:hover{
color: #000 ;
background-image: url(images/subnavi_pfeil.gif);
background-repeat: no-repeat;
}
#level2current{
color: #000 !important;
background-image: url(images/subnavi_pfeil.gif);
background-repeat: no-repeat;
}




#level2 ul li {
margin: 1px 0;
padding-top: 1px !important;
padding-bottom: 1px !important;
text-align: left;
font-weight: bold;
}

.active {
color: #CC0000 !important;
font-size:12px; 
font-weight: bold;
}
.active a{
color: #CC0000 !important;
font-size:12px; 
font-weight: bold;
}





/*######################### START CONTENT ################################# */

#right { 
line-height: 16px; 
font-size: 11px;  
float: right; 
margin-right: 20px;
width: 550px;
padding-bottom: 120px;
color: #5f5f5f;
}

#right h2 { 
font-size: 15px; 
padding: 7px 0px 0 0; 
margin: 0 0 3px 0; 
color: #5f5f5f;
}

#right ol{
padding-left: 20px !important;
}
#right ol li{
list-style: decimal;
}


#right a{
color: #CC0000;
text-decoration: none;
}
#right a:hover{
color: #cc0000;
text-decoration: underline;
}

/*######################### ENDE CONTENT ################################# */









.post_news{
width: 240px;
float: left;
margin-right: 35px;
border-top: 4px solid #CC0000;
border-bottom: 1px solid #CC0000;
margin-bottom: 30px;
background-color: transparent;
}

.news_content{
height: 220px;
}


.postmetadata { 
font-size:10px; 
padding:3px 0px 3px 0px; 
border-bottom:#cc0000 1px solid; 
border-top:#cc0000 1px solid; 
margin-bottom: 35px;
}
.postmetadata a{ 
color: #cc0000 !important;
text-decoration: none;
}
.postmetadata a:hover{ 
color: #CC0000 !important;
text-decoration: underline;
}











#footer { 
margin-left: auto;
margin-right: auto;
padding:7px 0 0 0; 
width:800px; 
font-size: 11px; 
color: #333; 

text-align:center; 
clear:both; 
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
font-size: 10px;
border-top: 5px solid #CC0000;
background: #bcbcbc;
}


.footer-nav ul { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.footer-nav li + li { margin-left: 25px; }
.footer-nav a { font-size: 10px; line-height: 16px; color: #5f5f5f; text-decoration: none; text-transform: uppercase}
.footer-nav a:hover { color: #CC0000; text-decoration: none; }
.footer-nav li.current_page_item a { color: #CC0000; text-decoration: none; }





.alignright{
float: right;
margin: 0 0 15px 20px;
}
.alignleft{
float: left;
margin: 0 20px 15px 0;
}
.foto{
width: 220px;
color:#666;
float: left;
font-size: 9px;

margin-right: 20px;
margin-bottom: 20px;
line-height: 12px;
}
.foto img{
margin-bottom: 5px !important;
margin-top: 3px;
}







blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { 
font-size: 14px; 
padding: 3px 0px; 
margin: 30px 7px 3px 0; 
border-bottom: dashed 1px #ccc;}
.bobcomment { margin-bottom:3px;  padding:3px; background:#f8fbfc; border-left:#ccc 2px dotted;  }
.bobcomment img { border:0px; } 
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; }
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input#submit{ background:#D3E8E3;border:1px solid #258a72; color:#000;font-size:13px; }
textarea { color: #666; width: 80%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}



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

td{
border-bottom: 1px solid #cc0000;
border-spacing:0px !important;
vertical-align: top; 
padding: 10px 10px 10px 0;
text-align: left !important;
}


table.tablepress{
width: 100% !important;	
border-spacing:0px !important;
margin-bottom: 40px;
}
table.tablepress td{
border-bottom: 1px solid #cc0000 !important;
border-spacing:0px !important;
vertical-align: top; 
padding: 10px 10px 10px 0;
text-align: left !important;
}
table.tablepress th{
border-bottom: 1px solid #ddd !important;
background: #ddd !important
}
/* ########################## Ende Tabelle ########################## */











.image_block{
	float: left;
	margin-right: 15px;
	margin-top: 11px;
}
.text_block {
display: block;
}