/*  
Theme Name: Hausblog 14 v.2 test
Description: 
Version: 0.5 beta
Author: RHO - Roman Hospenthal - www.rhodesign.ch
Author URI: http://www.rhodesign.ch
*/





.wp-caption-text {
text-align: right;
font-size: 10px;
margin-top: -10px;
}


#tooltip{
position:absolute;
z-index: 99999;
background: #333;
border: 1px solid #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}	
#tooltip p {
margin : 0;
padding:3px 6px;
color:#FFF;
font-size: 11px;
}






ul.wp-tag-cloud{
margin: 20px 2px 0 0;   /* ---  must have right margin. IE bug */
padding:0px; 
overflow:hidden; 
}
ul.wp-tag-cloud li{
border-bottom: 1px solid #d0d0d0;
font-size: 12px !important;
margin-right: 20px;
}
ul.wp-tag-cloud li a{
font-size: 12px !important;
display: block;
padding: 2px 0;
}
ul.wp-tag-cloud li a:hover{
background: #e5e5e4;
}



@font-face {
font-family: 'FFFTusjBold';
src: url("fonts/FFF_Tusj.ttf") format("truetype");
}

@font-face {
font-family: 'FFFTusjBold';
src: url('fonts/FFF_Tusj.eot');
src: local('FFF Tusj'), local('FFFTusj-Bold'), url('fonts/FFF_Tusj.woff') format('woff'), url('fonts/FFF_Tusj.ttf') format('truetype'), url('fonts/FFF_Tusj.svg#') format('svg');
}

.fontface{
font-family: FFFTusjBold; 
font-size: 60px;
margin: 20px 0;
color: #333;
line-height: 60px;
}


* {
margin: 0;
padding: 0;
}
a {
color: #999;
text-decoration: none;
}
a img{
border: none;
outnine: none;
}



















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


body {
color: #3d3d3b;
margin: 0px;
text-align: center;
font: normal 0.8em sans-serif,Verdana;
background: #efefee url(img/bg_body.png) no-repeat center fixed; 
}


#container {
text-align: left;
width: 1000px; 
margin: 0 auto;
}




/* ############################# START HEADER ################################# */
#header {
height: 170px !important;
width: 1000px;
margin-bottom: 30px;
}

#logo{
width: 388px;
width: 145px;
position: relative;
top: 25px;
left: 30px;
}
/* ############################# ENDE HEADER ################################# */



#contentcontainer {
width: 1000px;
}




/* ################# START NAVIGATION ################## */
#navcontainer{
float:right;
position: relative;
top: 25px;
right: 30px;
}

ul#navlist{
margin: 0;
padding: 0;
text-align: right;
height: 60px !important;
}

#navlist li {
display: block;
float: left;
margin-left: 30px;
list-style-type: none;
}

#navlist a:link, #navlist a:visited{
text-indent: -999px;
}




.home {
display:block;
background: transparent url(img/button_home.png) no-repeat;
width: 101px;
height: 60px;
background-position: top;
position:relative;
}

.home span.hover {
display: block;
height: 60px;
width: 101px;
background: transparent url(img/button_home.png) no-repeat;
background-position: bottom;
}


.about {
display:block;
background: url(img/button_about.png) no-repeat;
width: 116px;
height: 60px;
background-position:top;
position:relative;
}

.about span.hover {
display: block;
width: 116px;
height: 60px;
background: url(img/button_about.png) no-repeat;
background-position: bottom;
}

.contact {
display:block;
background: transparent url(img/button_contact.png) no-repeat;
width: 155px;
height: 60px;
background-position:top;
position:relative;
}

.contact span.hover {
display: block;
width: 155px;
height: 60px;
background: transparent url(img/button_contact.png) no-repeat;
background-position: bottom;
}

a.home span, a.contact span, a.about span {
display:none;
}

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


#social {
position: fixed;
top: 25px;
right: 5px;
width: 30px;
}
.rss{
display:block;
background: transparent url(img/rss.png) no-repeat;
width: 30px;
height: 30px;
background-position:top;
position:relative;
margin-bottom: 10px;
}
.rss span.hover {
display: block;
width: 30px;
height: 30px;
background: transparent url(img/rss.png) no-repeat;
background-position: bottom;
}

.twitter{
display:block;
background: transparent url(img/twitter_new.png) no-repeat;
width: 30px;
height: 30px;
background-position:top;
position:relative;
}
.twitter span.hover {
display: block;
width: 30px;
height: 30px;
background: transparent url(img/twitter_new.png) no-repeat;
background-position: bottom;
}

.facebook{
display:block;
background: transparent url(img/facebook_new.png) no-repeat;
width: 30px;
height: 30px;
background-position:top;
position:relative;
margin-bottom: 10px;
}
.facebook span.hover {
display: block;
width: 30px;
height: 30px;
background: transparent url(img/facebook_new.png) no-repeat;
background-position: bottom;
}










/* ############################# START SIDEBAR ############################# */
#sidebar {
width: 270px;
float: right;
padding: 0 30px;
margin: 0 0 30px 0;
font-size: 11px;
border-left: 1px dotted #999;
}
#sidebar h3{
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
margin-top: 10px;
color: #3d3d3b;
}
#sidebar ul {
list-style-type: none;
padding-left: 0px;
margin-bottom: 30px;
}
#sidebar ul li {
height: auto;
}
#sidebar a {
color: #333;
text-decoration: none;
}
#sidebar a:hover {
color: #555;
text-decoration: none;
}
#sidebar a img{
border: none;
}




.feed {
margin: 35px 0;
padding: 15px 0 30px 0;
border-top: 2px solid #d0d0d0;
border-bottom: 2px solid #d0d0d0;
}
.feed a img{
filter:alpha(opacity: 70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.feed a img:hover{
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.feed h3{
padding-top: 10px;
margin-bottom: 2px;
}
.feed h3 a{
color: #3d3d3b !important;
}
.feed h3 a:hover{
color: #666 !important;
}



#adds {
margin-bottom: 20px;
}
#adds a img {
border: 5px solid #c7c7c7;
margin-bottom: 10px;
filter:alpha(opacity: 80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#adds a:hover img {
border: 5px solid #c0c0c0;
margin-bottom: 10px;
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}





#recent_comments li{
padding: 0 !important;
}
#recent_comments li a{
color: #333;
border-bottom: 1px solid #d0d0d0;
display: block;
padding: 7px 0;
}
#recent_comments li a:hover {
color: #333;
background-color: #e7e7e7;
}



#tipps li{
padding: 0 !important;
}
#tipps img{
border: 1px solid #d0d0d0 !important;
background-color: #FFF;
text-align: center;
}
#tipps li a{
border-bottom: 1px solid #d0d0d0;
display: block;
padding: 7px 0;
height: 60px;
overflow: hidden !important; /*clip content that go outside dimensions of holding panel DIV*/
color: #333;
}
#tipps li a:hover {
color: #333;
background-color: #e7e7e7;
}
.text{
text-align: left; /*leave this value alone*/
overflow: hidden !important; /*clip content that go outside dimensions of holding panel DIV*/
padding: 0 0 5px 0;
height: 50px;
}




#pod{
display: block !important; 
margin-bottom: 40px;
}

#pod li{
float: left;
margin-right: 15px;
}
#pod li a img{
border: 1px solid #d0d0d0;
background-color: #FFF;
text-align: center;
padding: 1px;
}
#pod li a img:hover{
border: 1px solid #999 !important;
}

/* ############################# ENDE SIDEBAR ################################# */





















/* ############################# START CONTENT ################################# */
#content {
clear: both;
width: 595px;
float: left;
padding: 0 0 50px 33px;
clear: both;
}
#content_breit {
clear: both;
width: 940px;
float: left;
clear: both;
padding: 0 0 50px 33px;
}

#content ul {
list-style: none !important;
padding-left: 0px !important;
margin-left: 0px !important;
}
#content h2 {
margin: 0 0 5px 0;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #3d3d3b;
}
#content ul li {
list-style: none !important;
padding-left: 0px !important;
margin-left: 0px !important;
}

#content ol li {
list-style: decimal;
}
#content ol {
margin: 0 30px 0 46px;
}

#content p{
padding-bottom: 18px;
}

/* Ende Div Content */








.entry{
overflow: hidden;
display: block;
line-height: 1.6em;
}

.entry img{
margin-bottom: 10px;
padding: 9px;
background-color: #FFF;
border: 1px solid #AAA;
}

.entry a{
text-decoration: none;
color: #3d3d3b;
background: #d0d0d0;

}
.entry a:hover{
color: #111;
}
.entry h2, .entry h2 a {
margin: 0 0 15px 0 !important;
text-transform: uppercase;
font-size: 24px !important;
font-weight: bold;
color: #3d3d3b;
font-family: "Georgia",Times New Roman, Times, serif;
line-height: 1.2em;
}
.entry h2 a:hover, .entry h3 a:hover{
color: #AAA;
text-decoration: none;
}

h2.searchtitle{
margin: 0 0 15px 0 !important;
text-transform: uppercase;
font-size: 24px !important;
font-weight: bold;
color: #3d3d3b;
font-family: "Georgia",Times New Roman, Times, serif;
}

.entry h3, .entry h3 a  {
margin: 15px 0 5px 0;
text-transform: uppercase;
font-size: 18px !important;
font-weight: bold;
color: #3d3d3b;
font-family: "Georgia",Times New Roman, Times, serif;
text-decoration: none;
}
















/* ################################### START THUMBNAIL STUFF ########################################## */

.hovertitle {
width: 180px;
position: absolute;
left: 9px;
bottom: 9px;
font-size: 12px;
color: #fff;
background: #000;
padding: 3px 10px;
filter:alpha(opacity=65);
opacity:.65;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}



ul.columns {
width: 970px;
list-style: none;
margin: 0 auto; 
padding: 0;
}
ul.columns li {
width: 218px;
height: 138px;
float: left; 
display: inline;
margin: 0 20px 20px 0; 
position: relative;
background: #fff;
border: 1px solid #AAA;

}
ul.columns li:hover {z-index: 99;}



.shadow {
background: #fff url(img/shadow.png) no-repeat;
background-position: bottom;
height: 11px;
}

/*--Thumbnail Styles--*/
ul.columns li img {
position: relative;
filter: alpha(opacity=50);
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE8 Specific--*/
padding: 9px !important;

}
ul.columns li:hover img{
z-index: 999;
filter: alpha(opacity=100);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


ul.columns li .hoverinfo {
position: absolute;
left: -5px; 
top: -5px;
padding: 150px 20px 10px 20px;
width: 186px;
display: none;
background: #fff;
font-size: 11px;
border: 1px solid #AAA;

}
ul.columns li:hover .hoverinfo {display: block;}

ul.columns li h2 {
font-weight: bold;
text-transform: uppercase;
margin: 0 0 15px 0; 
padding: 0;
font-size: 12px !important;
color: #444;
text-decoration: none;
}
ul.columns li p {padding: 0; margin: 0; font-size: 12px;}


.date{
margin: 10px 0;
color: #555;
font-size: 11px;
text-align: right;
}

/* ################################### ENDE THUMBNAIL STUFF ########################################## */


























.communitylinks {
overflow: hidden;
font-size: 10px;
margin: 0;
padding: 5px 0 0 0;
text-align: right;
display: block;
height: 21px !important;
}

.communitylinks a img{
filter:alpha(opacity: 60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.communitylinks a img:hover{
filter:alpha(opacity: 90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
/* ############################# ENDE CONTENT ################################# */




/* ############################# START INFO ################################# */

.info{
border-top: 2px solid #AAA;
border-bottom: 4px solid #555;
padding: 5px 0;
font-size: 11px;
color:#888;
margin: 10px 0 40px 0;
}
.info a{
color:#888;
text-decoration: none;
padding-left: 4px;
}
.info a:hover{
color:#444;
text-decoration: underline;
}


.autor{
float: right;
width: 140px;
text-align: right;
}

/* ############################# ENDE INFO ################################# */







/* Comments Styling */



.commentlist{

}

.kommentator{
color: #D0D0D0 !important;
background-color: #504f4b;
padding: 3px 0 3px 5px;
margin-bottom: 0px !important;
margin-top:2px;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid  #222;
}
.kommentator a{
color: #D0D0D0 !important;
}

.comment {
padding: 12px 5px 1px 5px;
list-style-type: none !important;
background-color: #888;
margin-bottom: 0px !important;
}


.commentspitz {
	height: 15px;
	width: 100%;
	background-image: url(img/spitz.png);
	background-repeat: no-repeat;
background-position:top right;
margin: 0 0 8px 0 !important;
display: block;
}
#commentlist a{
color: #555;
text-decoration: none  !important;
}
#commentlist a:hover{
color: #333 !important;
}
#commentlist p{
margin-bottom: 10px;
font-size: 12px;
color: #222;
}
.commentdate{
font-size: 10px; 
margin-bottom: 0px !important;
margin-top: 0px !important;
color: #D0D0D0 !important;
background-color: #888;
padding:0px 0px 3px 5px;
}









/* ######################### START COMMENTFORM ########################## */

#kommentarformbox {
background-color: #888;
padding: 20px 5px 15px 5px;
height: 120px;
}

.spitz {
height: 15px;
width: 100%;
background-image: url(img/spitz.png);
background-repeat: no-repeat;
background-position:top right;
}

h1.postcomment{
color: #D0D0D0 !important;
background-color: #504f4b;
padding: 4px 0 4px 5px;
margin-bottom: 0px !important;
border-bottom: 1px solid  #222;
}

#comment_inputs_right{
float:right;
width: 230px;
color: #222;
}

#commentform textarea {
background: #fff;
border: 1px solid #555;
width: 310px;
height: 100px !important;
padding: 3px 5px;
float: left;
margin-right: 10px;
}


#commentform #email, #commentform #author, #commentform #url {
background: #fff;
border: 1px solid #555;
width: 150px;
}

#commentform input{
margin-bottom: 2px;
padding: 3px 5px;
margin-right: 10px;
}

#submit{
color: #333;
border: 1px solid #555;
margin: 3px 0 20px 0;
font-size: 12px;
}
#submit:hover{
color: #333;
border: 1px solid #333;
}

/* ######################### ENDE COMMENTFORM ########################## */






/* ######################### START NEWS-NAVIGATION ########################## */
.navigation {
display: block;
clear: both;
padding: 15px 0 0 0;
}

/*
.navigation a{
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-bottom: 4px;
color: #3d3d3b !important;
}
*/


.navigation a{
color: #3d3d3b !important;
}
/* ######################### ENDE NEWS-NAVIGATION ########################## */











/* ############################# START FOOTER ################################# */


#footer {
padding: 10px  30px 10px 30px;
margin: 0 auto;
width: 940px;
height: auto;
overflow: hidden;
clear: both;
background: url(img/bg_footer.png) repeat-x top;
} 

.footer_links {
width: 320px;
padding: 10px 20px 5px 0;
float: left;
text-align: left;
}

.footer_rechts {
width: 280px;
padding: 10px 0 5px 0;
float: right;
text-align: left;
}

.footer_middle {
width: 300px;
padding: 10px 20px 5px 0;
float: right;
text-align: left;
}

#footer h2, #footer2 h2 {
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#footer ul {
list-style-type: none;
padding-left: 0px;
margin-top: 15px;
margin-bottom: 10px;
}

#footer ul li, #footer2 ul li {
height: auto;
}

#footer ul li a{
color: #3d3d3b;
text-decoration: none;
display: block;
font-size: 11px;
padding: 2px ;
border: 1px solid transparent;
}
#footer ul li a:hover {
color: #3d3d3b;
text-decoration: none;
background: url(img/40percent-white.png);
}




#footer3 {
padding: 5px  30px;
margin: 0 auto;
width: 940px;
clear: both;
background:#555;
color: #fff;
font-size: 11px;
}
/* ############################# ENDE FOOTER ################################# */








/* ##################################### START SEARCH ######################### */
#searchdiv{margin: 5px 0 0 0;}

#searchform {}
	
#searchform input {
font-family:Verdana, sans-serif;
font-size: 9px;
text-align: left;
color: #333;
width: 250px;
margin-bottom: 0px;
padding: 3px 4px 3px 4px;
border: 1px solid #666;
background-color: #AAA;
}
#searchform input:hover {
border: 1px solid #555;
}
#searchform input:focus {
border: 1px solid #555;
}
/* ##################################### ENDE SEARCH ######################### */	














/* Misc */
blockquote {
padding: 10px 10px 0px 40px;
color: #666;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #999;
border-bottom: 1px solid #999;

background: url(img/quote.gif) no-repeat 8px 9px;

margin-bottom: 8px;
margin-top: 8px;
}

code {
font: normal 1em "Lucida Sans Unicode",serif;
color: #666;
display: block;
padding: 5px 10px;
margin-top: 10px;
border:1px dashed #999;
background-color: #FFF
}


.alignright{
float: right;
margin-left: 20px;
margin-bottom: 20px;
}

.alignleft{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}


ul.archive{
margin-top: 20px;
}
ul.archive li{
padding: 2px 0 2px 0 !important;
}
ul.archive li a{
color: #333;
display: block;
}
ul.archive li a:hover{
background-color: #e7e7e7;
}





.clear {
clear:both;
}






/* ##################################### START SLIDE BOX ######################### */	
#myslides{ margin: 0 0 20px 0;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 970px; /*Width of Carousel Viewer itself  972*/
height: 165px; /*Height should enough to fit largest content's height*/
margin: 19px 15px 0 15px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 18px ; /*margin around each panel*/
width:218px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#fff;
height:138px;
border:1px solid #aaa;
}


.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 9px; /*margin around each panel img*/
padding:0px;
position: relative;
filter: alpha(opacity=50);
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE8 Specific--*/
}

.stepcarousel .panel img:hover{
z-index: 999;
filter: alpha(opacity=100);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* ##################################### ENDE SLIDE BOX ######################### */



li#comment-preview {
	display: block;
	padding-top: 40px;
	padding-left: -20px;
	margin-left: -20px;
}	

a.more-link {
	text-decoration: none;
	margin-top: 10px !important;
}








ul#authorarchives li a{
display: block;
padding: 5px 0 10px 0 !important;
color: #333;
}
ul#authorarchives li a:hover{
background-color: #e7e7e7;
}

ul#authorarchives li{
border-bottom: 1px solid  #D0D0D0;
overflow: hidden;

}
ul#authorarchives li img{
border: 1px solid #AAA;
background: #FFF;
padding: 3px;
margin-bottom: 3px;
float: left; 
margin-right: 15px;
}

.authorarchives-title{
text-transform: uppercase;
padding: 3px 0;
}
.authorarchives-datum{
font-size: 10px;
color: #555;
}







/* ######################################## START POSTNAVIGATION ########################################### */
#postnavigation{
display: block;
margin: 30px 0;
overflow: hidden;
}
#postnavigation a{
color: #999; 
background-color: #efefef;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #888;
display:block;
padding: 3px 10px;
text-transform:uppercase;
}
#postnavigation  a:hover{
background:#fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #999;
color:#444;
}

/* ######################################## ENDE POSTNAVIGATION ########################################### */







#wp_thumbie {
	margin-bottom: 30px;
	clear: both;
}
#wp_thumbie_thumb {
margin-bottom: 0px !important;
}
#wp_thumbie a{ 
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #333;
}
#wp_thumbie ul{
margin: 15px 0 30px 0;
}
#wp_thumbie ul li{
border-bottom: 1px dotted #d0d0d0;
padding: 3px 0;
float: left;
width: 280px;
}
#wp_thumbie ul li img{
float: left;
margin-right: 15px;
background: #FFF;
padding: 3px;
border: 1px solid #AAA;
}
#wp_thumbie_rl2 {
display: none; 
visibility: hidden;
}