/*
Theme Name: OST 4
Theme URI: http://www.shuttle-one.de.org/
Description: The Werk Ost theme that graced versions 1.2.x and prior.
Version: 1
Author: Shuttle One, Sören Schumann
Tags: Werk Ost, Shuttle One

Default Werk Ost Theme by Sören Schumann || http://shuttle-one.com

*/


html {overflow: scroll}

* {margin:0; padding:0;}


body {
font-family: verdana, arial, sans-serif;
font-size:14px;
color: #000;
line-height: 20px;
background: #FFF;
text-align: center;
overflow: hidden;
}

.wrapper {
width: 960px;
margin: 0 auto;
text-align:left;
overflow: hidden;
}




/* GENERAL */

a{
color: #0066cc;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

h1,h2,h3,h4{
font-family: arial, verdana, sans-serif;
clear: right;
}

p{
padding-bottom: 8px;
}

img{
border: 0px;
}

small{
font-size: 10px;
line-height: 12px;
}

.alignleft{
margin: 5px 10px 10px 0;
float: left;
}

.alignright{
margin: 5px 5px 10px 10px;
float: right;
}


.aligncenter{
margin: 20px 0;
}

.seperator{
height: 1px;
background-color: #ccc;
display: block;
clear: both;
oveflow: hidden;
}

.seperator.space{
height: 1px;
margin: 30px 0;
background-color: #ccc;
display: block;
clear: both;
oveflow: hidden;
}

.seperator.dot{
height: 1px;
margin: 20px 0 10px 0;
background-color: #fff;
border-bottom: 1px #999 dotted;
display: block;
clear: both;
oveflow: hidden;
}

ul.space li{
padding-bottom: 100px;
}



#inner { 
margin: 10px 0;
background: url(images/inner-back.png) repeat-y;
overflow: hidden; 
}





/* COLS SUB-HEAD + FOOTER */


 .col{
width: 290px;
padding: 0px 0 5px 10px;
border-right: 1px solid #ccc;
float: left;
}

.col.side{
width: 343px;
border: 0px; 
}

.col ul,
.box ul{
margin-top: 4px;
padding-left: 15px;
line-height: 16px;
}

.col li,
.box li{
margin-bottom: 3px;
}

.col strong{
line-height: 16px;
}







/* HEADER */

#header{
padding-top: 30px;
}

#header a.logo{
height: 0px;
width:283px;
padding-top: 50px;
background: url(images/sprite.png) no-repeat;
display: block;
overflow: hidden;
float: left;
}

#header a.rss{
margin-top: 25px;
padding: 3px 40px 5px 0;
font-weight: bold;
background: url(images/sprite.png) no-repeat 126px -55px ;
float: right;
overflow: hidden;
}

#header .navigation{
height: 15px;
margin-top: 70px;
padding: 10px 0 15px 0;
background: #0066cc;
overflow: hidden;
}


#header .navigation a{
font-family: arial, tahoma, verdana, sans-serif;
color: #FFF;
font-size:15px;
font-weight: bold;
}

#header .navigation li{
margin-left: 20px;
list-style-type: none;
float: left;
}





/* SUBHEAD */

#sub-head{
padding: 15px 0 10px 0;
font-size: 12px;
overflow: hidden; 
}

#sub-head .inner{
background: url(images/subhead-back.png) repeat-y;
overflow: hidden;
}


#sub-head .col{
border: 0px;
}

#sub-head .col.side{
width: 343px;
border: 0px; 
}

#sub-head .col ul{
color: #0066cc;
}


#sub-head .col.side.ebook p{
margin-top: 10px;
line-height: 14px;
}

#sub-head .col.side.ebook small{
font-size: 11px;
line-height: 12px;
}








/* MAIN-COL */
#main-col{
width: 601px;
padding-top: 30px;
overflow: hidden;
float: left;  
}

#main-col .spacer{
padding: 0px 20px 10px 5px;
overflow: hidden;
}

#main-col h2,
#main-col h2 a{
font-size: 22px;
line-height: 26px;
color: #333;
}

#main-col h2 a:hover{
color: #0066cc;
text-decoration: none;
}

#main-col p a{
text-decoration: underline;
}

#main-col .meta{
padding-bottom: 5px;
font-size: 10px;
font-family: arial, tahoma, verdana, sans-serif;
color: #999;
}

#main-col .meta a{
color: #666;
text-decoration: underline;
}

#main-col .meta a:hover,
#main-col span{
color: #0066cc;
}






/* MAIN-COL SINGLE*/


.spacer.single h1 {
font-size: 22px;
line-height: 24px;
}

.spacer.single h2,
.spacer.single h2 a{
padding: 30px 0 5px 0;
font-size: 18px;
font-weight: normal;
}

.spacer.single h3,
.spacer.single h3 a{
padding: 10px 0 0px 0;
font-size: 14px;
}


.spacer.single a{
text-decoration: underline;
}


.spacer.single ol,
.spacer.single ul{
margin: 0 0 20px 30px;
}


.box.read-more{
margin: 20px 0 30px 0;
}

.spacer.single .box.read-more ul {
margin: 10px 0px 10px 10px;
color: #0066cc;
}

.spacer.single .box.read-more ul li{
padding-bottom: 5px;
}

.spacer.single .box.read-more ul li a{
text-decoration: none;
}





/* MAIN-COL ERROR + SEARCH */

.spacer.search ul, 
.spacer.error ul{
padding-left: 50px;
color: #0066cc;
font-size: 12px;
line-height: 16px;
}

.spacer.search li, 
.spacer.error li{
margin-bottom: 3px;
}

.spacer.search ul li ul, 
.spacer.error ul li ul{
margin-top: 3px;
padding-left: 0px;
list-style-type: disc;
}






/* MAIN-COL Category*/

.spacer.category {
font-size: 12px;
}

.spacer.category h1,
.spacer.category h1 a {
color: #cc0000;
font-size: 24px;
line-height: 26px;
}

.spacer.category small span#category{
color: #666;
}


.spacer.category.image h1{
height: 0px;
margin-bottom: -15px;
padding-top: 100px; 
overflow: hidden;
display: block;
}






/* MAIN-COL Page */

.spacer.page h1,
.spacer.page h1 a,
.spacer.page h1 a:hover {
color: #333;
font-size: 22px;
text-decoration: none;
line-height: 24px;
}



.spacer.page h2,
.spacer.page h2 a{
padding: 30px 0 5px 0;
font-size: 18px;
font-weight: normal;
}


.spacer.page ul{
margin-bottom: 20px;
padding-left: 50px;
line-height: 16px;
color: #333;
}

.spacer.page ul li{
margin-bottom: 3px;
}

.spacer.page ul.space li{
padding-bottom: 10px;
}




.spacer.page.newsletter{
font-size: 12px;
}



.box-more{
margin: 30px 0px;
padding: 20px 10px 30px 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.spacer.page .box-more h1,
.spacer.page .box-more h2,
.spacer.page .box-more h3{
padding-top: 0px;
}



.spacer.page.sale a.order{
font-size: 16px; font-weight: bold;
}

.spacer.page.sale small{
line-height: 10px;
}

.spacer.page.sale .box.order{
font-size: 12px;
line-height: 14px;
}



.spacer.page.offer a.btn{
width: 190px;
height:50px;
font-size: 16px; 
font-weight: bold;
color: #fff;
line-height: 45px;
background: url(images/sprite.png) no-repeat -105px -66px ;
display: block;
}


.box.autor{
margin: 20px 0;
padding: 0 10px 10px 10px;
background: #f2f2f2;
overflow: hidden;
}

.box.autor h3{
margin-bottom: 10px;
}








/* SIDE-COL */
#side-col{
width: 348px;
padding: 20px 0 30px 0;
font-size: 12px;
line-height: 16px;
overflow: hidden;
float: right;
}

#side-col .box{
width: 335px;
padding: 15px 0 15px 13px;
border-bottom: 1px solid #ccc;
clear: both;
overflow: hidden;
}

.box h3,
.box h3 a{
margin-left:-1px;
padding-bottom: 10px;
color: #cc0000;
font-size: 14px;
text-transform: uppercase;
}



.box.download ul,
.box.ratgeber ul{
padding: 0px;
}

.box.download li,
.box.ratgeber li {
padding: 0 0 2px 25px;
list-style-type: none;
}

.box.download li {
background: url(images/sprite.png) no-repeat -332px -40px ;
}

.box.ratgeber li {
background: url(images/sprite.png) no-repeat -332px -85px ;
}



.box.serien,
.box.serien a{
color: #666;
}

.box.serien h3 a,
.box.serien h3{
margin-left:-3px;
padding: 0px;
}

.box.serien h4{
padding-top: 10px;
font-size: 12px;
}



.box.intern .col{
width: 157px;
color: #0066cc;
float: left;
}

.box.intern .col.b{
border: 0px;
}

.box.intern ul ul{
padding: 0px;
list-style-type: disc	;
}



.box.syndikat ul{
margin-top: 20px;
padding: 0px;
list-style-type: none;
} 



.box.newsletter{
color: #333;
background: url(images/sprite.png) no-repeat 0px -500px;
}

.box.newsletter p{
padding-right: 10px;
}

.box.newsletter small{
color: #666;
}



.box ul.blogroll {
color: #0066cc;
}



#side-col .box.feature{
width: 330px;
margin-bottom: 20px;
padding: 5px 8px 8px 8px;
border-bottom: 0px;
background: #336699;
font-family: arial, verdana;
}

#side-col .box.feature h3{
padding-bottom: 3px;
color: #fff;
}

.box.feature .inner{
padding: 10px;
background: #fff;
overflow: hidden;
}

.box.feature .item{
border-bottom: 1px #999 dotted;
}

.box.feature .item a.title{
color: #333;
font-size: 14px;
}

.box.feature .item p.more,
.box.feature .item p.more a{
color: #336699;
}

.box.feature .item p.more{
padding-bottom: 15px;
font-size: 13px;
}

.box.feature .item p.more a{
text-decoration: underline;
}









/* Advertising */
.box.anzeige{
color: #ccc;
font-size: 10px;
text-align: right;
overflow: hidden;
}

.box.anzeige a{
margin-top: 10px;
color: #999;
text-decoration: underline;
float: right;
clear: both;
display:block;
}



#side-col .box.anzeige .ad-button{
width: 125px;
height: 108px;
margin: 10px 10px 0 0;
padding: 3px;
text-align: center;
border:1px solid #ccc;
overflow: hidden;
float: left;
}

#side-col .box.anzeige .ad-button.smava{
width: 126px;
height: 71px;
padding-left: 5px;
padding-top: 40px;
} 

#side-col .box.anzeige .ad-button.designen-lassen{
height: 91px;
padding-top: 20px;
} 

#side-col .box.anzeige .ad-button.ebuero{
height: 81px;
width: 126px;
padding-left: 5px;
padding-top: 30px;
} 


#side-col .box.anzeige .ad-button a{
margin: 0;
padding: 0;
float: left;
}


#main-col .box.anzeige{
margin-bottom: 20px;
padding: 0  0 10px 10px;
text-align: left;
border-bottom: 1px solid #ccc;
}

#main-col .box.anzeige.single-top a{
margin-top: -25px;
}

#main-col .box.anzeige.single-bottom a{
margin-top: 0px;
}


#main-col .box.anzeige.page {
margin-top: 50px;
border-top: 1px solid #ccc;
border-bottom: 0px;
}

#main-col .box.anzeige.page a {
float: left;
}


#main-col .box.anzeige.category {
margin-bottom: 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
}

#main-col .box.anzeige.category a{
float: left;
text-align: left;
}

#main-col .box.anzeige.category-top {
margin-top: -50px;
margin-right: 20px;
}

#main-col .box.anzeige.category-top a.advertise,
#main-col .box.anzeige.category a.advertise {
margin-top:0px;
float: right;
}

#main-col ul.single-ad-bottom li{
margin: 0 20px 20px 0;
list-style-type: none;
float: left;
}



.header-ad{
margin: -8px 0 0 30px;
float: left;
}


.sub-head-ad{
padding: 5px;
background: #dbe9fb;
}









/* FORMS */
input,
textarea{
width: 250px;
padding: 3px;
border: 1px solid #CCC;
font-family: arial, verdana, sans-serif;
font-size: 12px;
background: url(images/sprite.png) no-repeat 0px -124px #fff;
}

input.btn{
border: 0px;
}

input.btn,
input#btn-subscribe{
width: 100px;
height: 28px;
margin-top: 5px;
padding-top: 3px;
border: 0px;
color: #fff;
font-size: 12px;
background: url(images/sprite.png) no-repeat 0px -83px  #0066cc;
}
html* input.btn, input#btn-subscribe{
padding-top: 8px;
}
*+html input.btn{
padding-top: 5px;
}
*+html input#btn-subscribe{
padding-top: 7px;
}


input.radio{
width: 20px;
height: 10px;
background: #FFF;
border: 0px;
}


label{
font-size: 12px;
vertical-align: text-top;
}





#header .navigation form{
margin-top: -3px;
float: right;
}
html* #header .navigation form{
margin-top: -1px;
}
*+html #header .navigation form{
margin-top: 2px;
}



#header .navigation input{
width: 125px;
margin-top: -6px;
}


#header .navigation input.btn{
width: 55px;
height: 35px;
curser: pointer;
background: url(images/sprite.png) no-repeat -295px 5px #0066cc;
}
html* #header .navigation input.btn{
height: 30px;
background: url(images/sprite.png) no-repeat -295px 0px #0066cc;
}
*html #header .navigation input.btn{
height: 30px;
margin-top: -7px;
background: url(images/sprite.png) no-repeat -295px 4px #0066cc;
}

*+html #header .navigation input.btn{
height: 30px;
margin-top: -14px;
background: url(images/sprite.png) no-repeat -295px 4px #0066cc;
}


.box.newsletter form{
margin-top: 10px;
}

.box.newsletter input{
width: 220px;
margin-bottom: 3px;
}

.box.newsletter input.btn{
margin-bottom: 8px;
}






.comments form{
margin: 20px 0 0 30px;
color: #666;
}

.comments form input.text{
width: 250px;
}

.comments form textarea{
width: 330px;
}

.comments form textarea{
margin-bottom: 0px;
}

.spacer.page.newsletter form{
margin: 20px 0 0 30px;
color: #666;
}





.spacer.page.newsletter form{
margin-bottom: 40px;
}

.spacer.page.sale form input.text,
.spacer.page.newsletter form input.text{
width: 250px;
margin-bottom: 5px;
}


.spacer.page.newsletter input.radio{
margin: 15px 0 10px 0;
width: 15px;
}







/* FOOTER */
#footer{
padding: 10px 0;
font-size: 12px;
color: #fff;
border-top: 2px solid #ccc;
background-color: #0066cc;
}

#footer .col{
height: 280px;
}

#footer .col ul{
padding-right: 20px;
}


#footer .col a{
color: #fff;
}

.wrapper.footer{
font-size: 12px;
line-height: 12px;
color: #ccc;
background-color: #0066cc;
}

.wrapper.footer ul{
margin: 50px 0 20px 0;
}
*+html .wrapper.footer ul{
padding: 0 0 5px 0;
}


.wrapper.footer li{
margin-right: 5px;
list-style-type: none;
float: left;
}

.wrapper.footer a{
color: #ccc;
padding-bottom: 20px;
}

.wrapper.footer a.shuttle-one{
margin-top: -10px;
float: right;
}
*+html .wrapper.footer a.shuttle-one{
margin-top: -25px;
}

.wrapper.footer a.shuttle-one:hover{
text-decoration: none;
}

.wrapper.footer a.shuttle-one span{
text-decoration: underline;
}









/* COMMENTS*/
.comments{
margin-top: 20px;
font-size: 12px;
}

.comments .comment-item{
padding: 30px 10px;
}

.comments .comment-img{
width: 50px;
float: left;
}

.comments .comment-img img{
padding: 1px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.comments .comment-text{
margin-left: 60px;

}





/* Top Bar */
#top-bar{
padding: 3px 0px 3px 0;
font-family: arial, verdana, sans-serif;
color: #fff;
font-size: 12px;
font-weight: bold;
background: #0066cc;
background-color: #cc0000;
}

#top-bar h1{
margin-right: 10px;
font-size: 12px;
font-weight: normal;
display: inline;
float: left;
}

#top-bar a{
padding: 0 10px;
color: #fff;
}

#top-bar a:hover{
color: #0066cc;
background: #fff;
text-decoration: none;
}

#top-bar ul{
list-style-type: none;
display: inline;
}

#top-bar li{
float: left;
}




/* Bottom Bar */
#bottom-bar{
bottom:0; 
left:0;  
width:100%;
padding:15px 0px 10px 0; 
font-family: arial, verdana, sans-serif;
color: #FFF;
background: url(images/bottom-bar-back.png) repeat-x #0066cc;
position:fixed; 
z-index:2000; 
}

#bottom-bar .left{
width: 350px;
float: left;
}

#bottom-bar .right{
margin-left: 600px;
float: right;
}

#bottom-bar	.wrapper a.btn-dl{
width: 150px;
margin-top: 2px;
margin-left: 400px;
padding: 8px 0px 10px 22px;
font-size: 18px;
color: #FFF;
background: url(images/btn-bottom-bar.png) no-repeat;
display: block;
}


#bottom-bar	 a#hide-bottom-bar{
margin-top: -50px;
margin-right: 10px;
font-weight: bold;
color: #FFF;
float: right;
}


#bottom-bar strong{
font-size: 20px;
}





/*WP KEYWORD LINK */
#main-col .wp_keywordlink a{ 
text-decoration: none;
border-bottom: 1px dotted #666; 
color: #000;
}

#main-col .wp_keywordlink a:hover{ 
color: #0066cc;
border-bottom: 1px dotted #0066cc; 
}





/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.6 Plugin: WP-PageNavi 2.40									|
|	Copyright (c) 2008 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/


#main-col .wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background-color: #0066cc;
  border: 0px;
}
*html .wp-pagenavi a, .wp-pagenavi a:link {
width: 0 auto;
	padding: 2px 8px 2px 8px;
}
*+html .wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
}


.wp-pagenavi a:hover {
	color: #FFF;
	background-color: #cc0000;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	color: #fff;
	background-color: #cc0000;
	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #0066cc;
}



#main-col .wp-pagenavi span.current {
	padding: 2px 3px 2px 4px;
	margin: 2px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	background-color: #cc0000;
	border: 0px;
}
*html  .wp-pagenavi span.current {
	padding: 2px 0px 2px 0px;
}
*+html  .wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	color: #000000;
	background-color: #FFFFFF;
	border: 0px;
}
*+html .wp-pagenavi span.extend {
width: 30px;
}