/*  
Theme Name: DESIGNTEES 3
Theme URI: 
Description: 
Version: 1.0
Author: RHO 4 RHOdesign
Author URI: http://www.rhodesign.ch

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

body {
color: #000;
font-size: 11px;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
margin: 0px 0px 0px 0px;
background-image: url(images/bg_body.gif);
background-repeat: repeat-y;
background-position: top center;
background-color: #575757;
}
	
a, a:visited{
color: #46290C;
text-decoration: underline;
border: none;
outline: none; 
}
	
a:hover{
color: #9E9D4A;
border: none;
text-decoration: none;
}
	


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




/* ########################### START HEADER ############################### */
* { behavior: url(iepngfix.htc) }
#header img { behavior: url(iepngfix.htc) }
	
#header { 
height: 344px;
padding: 0;
background-image: url(images/header3.jpg);
}
#logo {
position: absolute;
top: 0px;
left: 70px;
}
#slogan {
position: absolute;
top: 25px;
left: 600px;
}
/* ########################### ENDE HEADER ############################### */



/* ##################### START HORIZONTAL NAVI ########################### */
#hornavcontainer{
padding-left: 0;
font-family: arial, helvetica, sans-serif;
position: absolute;
top: 304px;
width: 1020px;
height: 40px;
background-image: url(images/bg_hornav.gif);
border-top: 1px solid #222;
border-bottom: 1px solid #222;
}
#hornavcontainer ul{
padding-left: 400px;
margin: 0 !important;
padding-top: 0 !important;
padding-left: 160px;
}

#hornavcontainer ul li { 
height: 30px;
display: inline; }

#hornavcontainer ul li a{
padding: 10px 20px 0px 20px;
color: #9e9d4a;
text-decoration: none;
float: left;
font-size: 16px;
text-transform: uppercase;
}

#hornavcontainer ul li a:hover{
color: #c4c36c;
background-image: url(images/bg_hornavhover.png);
background-repeat: no-repeat;
background-position: top center;
}
li.current{
color: #c4c36c !important;
background-image: url(images/bg_hornavhover.png) !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}
current{
color: #c4c36c !important;
background-image: url(images/bg_hornavhover.png) !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}
li.current a{
color: #c4c36c !important;
background-image: url(images/bg_hornavhover.png) !important;
background-repeat: no-repeat !important;
background-position: top center !important;
}
/* ##################### ENDE HORIZONTAL NAVI ########################### */





#content_container{
width: 1020px; 
margin: 0px;
padding: 0px;
}



#content { 
width: 620px; 
margin-bottom: 200px;
margin-right: 0px;
position:relative;
padding: 5px 0px 80px 20px;
overflow: auto;
}
iframe #spreadshop {
overflow: scroll !important;
}
#content img{
margin-bottom: 12px;
border: 1px solid #CCC;
}

	
#content p{
margin: 0px;
line-height: 18px;
padding: 0px 0px 10px 0px;
margin-top: 5px;
}
	







#content ol {
list-style-type: decimal;
line-height: 18px;
margin: 0px;
padding: 0px 0px 10px 30px;
}
#content ul {
list-style: none;
margin: 0px;
padding: 0px 0px 10px 0px;
}
	
#content li {
margin: 0px;
padding: 0px;
}
	
#content ul li {
list-style: square inside;
margin: 0px 0px 0px 10px;
padding: 5px 0px 0px 0px;
}
	
#content ul li a {
color: #797979;
text-decoration: none;
}

#content ul li a:hover {
color: #000000;
text-decoration: underline;
}
	
	
	
	
	
	
	
	
#content h2 {
font-family: helvetica, arial, sans-serif;
font-size: 14px; 
color: #46290; 
margin: 0px;
text-transform: uppercase;
letter-spacing: 1px;
background-image: url(images/bg_h2.jpg);
background-repeat: no-repeat;
height: 23px;
padding: 8px 0 0 10px;
}
#content h2 a  {
color: #46290C;
text-decoration: none;
display: block;
}
#content h2 a:hover {
color: #C4C36C;
text-decoration: none;
}
	
.post {
border-left: 1px solid #bdbd7c;
border-right: 1px solid #bdbd7c;
padding: 10px 10px 5px 10px;
background-color: #f7f7e2;
min-height: 210px;
}
.post img{
border: none !important;
} 
.post a img{
border: none !important;
}  


.postfooter{
margin: 0 0 20px 0;
background-color: #bdbd7c;
padding: 3px 0 3px 10px;
clear: both;
overflow: hidden;
font-size: 11px;
}	
.postfooter a{
text-decoration: none;
}	
	
h2.singleposttitle{
margin-bottom: 20px !important;
padding-left: 0px !important;
background-image: none  !important;
border-bottom: 1px dotted #46290C !important; 
}
h2#respond{
margin-bottom: 20px !important;
margin-top: 20px !important;
padding-left: 0px !important;
background-image: none  !important;
}
h2#motivpagetitle{
margin-bottom: 20px !important;
padding-left: 0px !important;
background-image: none  !important;
}
	
	
	
	

	

	



	
	
	
	
	
#left { 
width: 182px;
float: left; 
margin-bottom: 20px;
background-image: url(images/sidebar.jpg);
background-repeat: repeat-x;
background-color: #9a9947;
padding-bottom: 150px;
}

	

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

#left ul {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 0px;
}
	
#left li {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
}
	

#left ul li a {
color: #46290C;
text-decoration: none;
padding: 10px 0 10px 10px;
display: block;
border-bottom: 1px dotted #46290C;
text-transform: uppercase;
font-size: 13px;
display: block; 
text-decoration: none; 

}

#left ul li a:hover {
text-decoration: none;
color: #9e9d4a;
background-color: #625c08;
background-image: url(images/sidenav_hover.png);
background-repeat: no-repeat;
background-position: center left;
}


li.active {
text-decoration: none;
color: #9e9d4a !important;
background-color: #625c08 !important;
background-image: url(images/sidenav_hover.png)!important;
background-repeat: no-repeat !important;
background-position: center left !important;
}
li.active a{
text-decoration: none;
color: #9e9d4a !important;
background-color: #625c08 !important;
background-image: url(images/sidenav_hover.png) !important;
background-repeat: no-repeat !important;
background-position: center left !important;
}
	
	
	





	
	
	
	

	
	




	
#right { 
width: 181px;
float: right; 
margin-bottom: 50px;
background-image: url(images/sidebar.jpg);
background-repeat: repeat-x;
background-color: #9a9947;
margin-bottom: 240px !important;
}
	
	
#right h2 {
color: #46290C;
border-bottom: 1px dotted #46290C;
padding: 10px 0 10px 10px;
display: block;
border-bottom: 1px dotted #46290C;
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
}

#right a{
color: #46290C ;
text-decoration: none;
}
#right a:hover{
text-decoration: underline;
}


#right ul {
list-style: none;
margin: 0px;
padding: 0px;
margin-left: 10px !important;
margin-bottom: 20px !important;
}
	
#right li {
list-style: none;
margin: 0px;
padding: 0px;
}
	
#right ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
	
#right a img {
border: none;
}





.st-tag-cloud{
padding-left: 10px !important;
padding-right: 10px !important;
}

#randomimage{
margin-left: 10px;
}

#randomimage img{
width: 160px;
}

#randomimage a img{
filter:alpha(opacity: 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#randomimage a img:hover{
filter:alpha(opacity: 80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}







#widget{
padding-left: 10px;
padding-right: 10px;
}

#widget a{
color: #46290C;
text-decoration: none;
display: inline !important;
font-weight: normal !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
border-bottom: none !important;
}
#widget a:hover{
text-decoration: underline;
color: #46290C;
}









#footer {
background-image: url(images/footer.jpg);
background-repeat: repeat;
width: 1020px;
height: 144px;
overflow: hidden;
font-size: 8pt;
margin: 0px auto 0px;
padding:  65px 0px 0px 0px;
line-height: 17px;
clear: both;
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
}

#footer p {
color: #9A9947;
padding: 0px;
margin: 0px;	
}
	
#footer a, #footer a:visited {
color: #46290C;
text-decoration: none;
}
	
#footer a:hover {
text-decoration: underline;
}

#footer_left{
width: 250px;
margin-right:	20px;
float: left;
padding-left: 15px;
margin-left: 190px;
}
#footer_middle{
width: 340px;
margin-right:	40px;
float: right;
margin-right: 185px;
}
#footer_left ul, #footer_middle ul {
list-style: none;
margin: 0px;
padding: 0px 0px 20px 0px;
}
#footer_left ul li, #footer_middle ul li{
list-style: none;
margin: 0px;
padding: 0px;
display: block;
}
#footer_left h2, #footer_middle h2 {
font-size: 12px;
text-transform: uppercase;
color: #46290C;
margin-bottom: 2px;
}
	
	
	
	
#copyright {
width: 1020px;
overflow: hidden;
font-size: 8pt;
margin: 0px auto 0px;
padding:  5px 0px 7px 0px;
line-height: 17px;
color: #46290C;
text-align: center;
}	
#copyright a{
text-decoration: underline !important;
}	
	
	









#searchform {
margin-bottom: 0px;
float: right;
}
	
#searchform input {
font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
font-size: 9pt;
text-align: right;
color: #46290C;
border: 1px solid #9a9947;
background-color: #9a9947;
width: 150px;
margin-bottom: 0px;
margin-top: 5px;
margin-right: 10px;
}








	
.entry {
margin-bottom: 12px;
border-bottom: 1px solid #E3E3E3;
}	

#s,#submit {	
background-color:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
margin:0 0 16px;
padding:4px;
width:130px;
}
	
#author {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#email {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#url {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}

#comment  {
width: 350px;
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;
}





.alignleft{
float: left  !important;
margin-right: 5px;
margin-bottom: 5px;
}
.alignright{
float: right;
margin-right: 12px;
margin-bottom: 12px;
}

blockquote{
background-color: #F3F3F3;
margin: 0px;
margin-left: 15px;
margin-bottom: 12px;
padding: 7px;
width: 420px;
font-style: italic;
color: #666666;
border: 1px solid #cccccc;
}









.alle_motive {
width: 192px;
float: left;
margin: 0 10px 10px 0;
font-size: 12px;
text-align: center;
}

.alle_motive a img {
margin-bottom: 0px !important;
border: 1px solid #635d09  !important;
background-color: #FFF;
}

.alle_motive a img:hover {
border: 1px solid #9f9e4b !important;

}
.motivtitel{
margin-top: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
color: #46290C !important;
font-weight: bold !important;
background-image: url(images/bg_vorschatext.gif);

}


















#top_motive{
display: block;
margin-bottom: 20px;
height: 156px !important;
background-image: url(images/bg_top_motive.gif) !important;
background-repeat: no-repeat;
padding-left: 4px;
}
#top_motive h3{
padding-top: 12px !important;
color: #C4C36C;
font-size:14px;
margin-bottom: 12px;
}

.top_motive{
float: left;
margin: 0 4px 0 0;
font-size: 12px;
text-align: center;
}
.top_motive a img{
margin-bottom: 0px !important;
border: none !important;
height: 98px !important;
width: 98px !important;
filter:alpha(opacity: 70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

}
.top_motive a img:hover{
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}









#pagination{
display: block;
width: 620px;
}
#pagination a{
font-size: 22px;
color: #625C08;
font-weight: bold;
text-decoration: none;
}
#pagination a:hover{
color: #9E9D4A;
font-weight: bold;
text-decoration: none;
}












#myslides{
background: #adac61 url(images/bg_top_motive.gif) ;
background-repeat: no-repeat;
margin-top: 20px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
left: 10px;
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 210px; /*Height should enough to fit largest content's height*/

}

.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 15px 10px 0; /*margin around each panel*/
width:190px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:190px;
}




.stepcarousel .panel a img{
margin-bottom: 0px !important;
border: none !important;
filter:alpha(opacity: 80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;

}
.stepcarousel .panel a img:hover{
filter:alpha(opacity: 100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}



.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
line-height: 18px;
font-size: 12px;
padding: 0 15px 12px 0
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
font-weight:bold;
fnt-family: Verdana, Helvetica, Arial, Sans-Serif;
font-size: 14px; 
color: #000; 
margin: 10px 0 15px 0;
padding-right: 15px;
line-height: 120%;
text-transform: uppercase;
letter-spacing: 0.01em;
}