/*  
Theme Name: sputnic presents: **TILL*
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


.invisible {position:absolute;
            visibility:hidden;}



/* Begin Typography & Colors */
body {
	font-size: 60%;
	line-height:2em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFFFFF;
	color: #333;
	text-align: center;
      padding-top:0px;
      margin-top: 0px;
	}





.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}





h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}


h2 {
	font-size: 2.5em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

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

.small{
font-size: .8em;
line-height:1.5em;
}
.light{
color:#666666;
}
.entry p a:visited {
	color: #b85b5a;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #2864a0;
	text-decoration: none;
	}

a:hover {
	color: #2864a0;
	text-decoration: underline;
	}





/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 0px 0;
	padding: 0; 
	}

#page{background:  url('images/page_page_bg.jpg')repeat-y top center;

margin: 0px auto;
	margin-bottom:0px;
	padding:0;
	width: 710px;
}

#header {position: relative;
	background:  url('images/page_header_bg.jpg')no-repeat top center;
 	width: 710px;
	/*height:197px;*/
	align:left;
	padding-top:23px;
	}

.mainNavi {
		height:42px;
	    width:407px
        padding:0px;
		align:left;
          }
.logo {
padding:0px;
}
/*positioning subnavi
.subNavi {
width:150px;
margin-left:30px;
margin-right:30px;
padding-left:20px;
padding-right:15px;
padding-
align:center;

}
*/

.breadcrumb {
text-align: left;
margin-left:30px;
margin-right:30px;
padding-left:20px;
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
min-height:20px;
background-color:#FFFFFF;
font-size:1.3em;
font-family:;
font-weight:500;
}
.breadcrumb a {
color:#6f091a
}
.breadcrumb a hover{
color:#CC0000
}
.breadcrumb .current {
color:#666666;
}

/* post content */

#content {
position:relative;
	background:  url('images/content_bg.jpg') repeat-y top center;
	font-size: 1.2em;
	margin-top:0px;
    margin-left:30px;
	margin-right:30px;
	padding-top:0px;
	min-height:500px;
	text-align:left;      
	}




img .ttf {margin: 0 0 0 0}
.headline-kasten {
        background-color: #FFFFFF; 
		height: 27px;
		padding-top:8px;
		padding-left:18px;		
        border-top:1px solid;
		border-bottom:1px solid;
        border-color: #b2afae;
}
.headline { 
		/*margin-top:37px;*/
		height: 27px;
        width: 500px;
}

			
.post_image img{
		border-bottom:1px solid;
        border-color: #b2afae;
}

#content .entry {
             padding-left:20px;
             padding-right:20px;
		border-bottom:1px solid;
        border-color: #b2afae;
}

.drittelspalte{   margin-top:20px;
			text-align: left;
			left-margin:25px 
 			margin-right:15px;
			width:180px;
			height: 200px;
			float:left;
                  clear:none;
			}
#content .meta{
        padding-left:20px;
        padding-right:20px;
		border-bottom:1px solid;
        border-color: #b2afae;
}

/* Page Listing */

.postListe {padding-top:30px;
            padding-left:20px;
			padding-right:5px;
			margin-left:0px;
			margin-right:0px;
}
.postListItem{
			position:relative;
			text-align: left; 
			width:295px;
			height:150px;
			margin-left:0px;
			margin-right:15px;
			padding:0px;
			float:left;
}


		
.postListItem .titel {
		position:absolute;
		left:0px;
		top:0px;
		height: 18px;
        width: 295px;
		padding-top:4px;
        border-top:1px solid;
		border-bottom:1px solid;
        border-color: #b2afae;
}

.postListItem .thumb {
position:absolute;
left:0px;
top:24px;
height:100px;
width:100px;
}
								
#content .postListItem .entry {
position:absolute;
left:100px;
top:24px;
width:195px;
height:100px;
padding-left:5px;
padding-top:5px;
padding-right:0px;
border:none;
line-height:1.2em;
}
.postListItem .small{
font-size: .8em;
line-height:1.2em;
}

.linkListe {
			padding-left:0px;
			padding-right:0px;
}

.linkListeItem {
			position:relative;
			text-align: left; 
			/*width:650px;*/
			height:22px;
			padding-top:6px;
			padding-left:20px;
			border-bottom:1px solid;
        	border-color: #b2afae;
			background-color:#FFFFFF;
}


/* footer */
#footer {
    background: url('images/footer_bg.jpg');
	clear:both; 
	margin: 0px auto;
	width: 710px;
    height:35px;
	}

#footer .fusszeile {
	position:relative;
	top:5px;
	}
#footer a {color:#827c76;
		text-decoration:none 
}
#footer a:hover {color:#000000;
		text-decoration:none 
}
#footer a:visited {color:#827c76;
		text-decoration:none 
}




/* End Structure */


/* List Styling */

ul { margin: 0; padding: 5px 0; list-style-type: none; list-style-image: none; }
li { 	
				margin-right: 4px; 
				padding-right: 4px; 
				display: inline; }


/* Navi Styling: Hauptnavi */

.mainNavi a{text-decoration:none;}

.mainNavi ul{padding:0;align:left;}

.mainNavi li { 	
				margin-right: 0px; 
				padding-right: 0px; 
				display: inline; }

/* Buttons der Haauptnavi*/

div.glink { display: inline;}

div.actGlink {display: inline;}

div.glink a img.work-img {
  width: 90px;
  height: 42px;
  background: url('images/mainNav/work_default.png');
}
div.actGlink a img.work-img {
  width: 90px;
  height: 42px;
  background: url('images/mainNav/work_active.png');
}
div.glink a:hover img.work-img  {
  width:90px;
  height: 42px;
background: url('images/mainNav/work_mouseover.png');
}

div.actGlink a:hover img.work-img {
  width:90px;
  height: 42px;
background: url('images/mainNav/work_activeMo.png');
}

div.glink a img.life-img {
  width: 64px;
  height: 42px;
  background: url('images/mainNav/life_default.png');
}
div.actGlink a img.life-img {
  width: 64px;
  height: 42px;
  background: url('images/mainNav/life_active.png');
}
div.glink a:hover img.life-img  {
  width: 64px;
  height: 42px;
background: url('images/mainNav/life_mouseover.png');
}
div.actGlink a:hover img.life-img {
  width: 64px;
  height: 42px;
background: url('images/mainNav/life_activeMo.png');
}
div.glink a img.contact-img {
  width: 107px;
  height: 42px;
  background: url('images/mainNav/contact_default.png');
}
div.actGlink a img.contact-img {
  width: 107px;
  height: 42px;
  background: url('images/mainNav/contact_active.png');
}
div.glink a:hover img.contact-img {
  width: 107px;
  height: 42px;
background: url('images/mainNav/contact_mouseover.png');
}

div.actGlink a:hover img.contact-img {
  width: 107px;
  height: 42px;
background: url('images/mainNav/contact_activeMo.png');
}
div.glink a img.shop-img {
  width: 72px;
  height: 42px;
  background: url('images/mainNav/shop_default.png');
}
div.actGlink a img.shop-img {
  width: 72px;
  height: 42px;
  background: url('images/mainNav/shop_active.png');
}
div.glink a:hover img.shop-img  {
  width: 72px;
  height: 42px;
background: url('images/mainNav/shop_mouseover.png');
}

div.actGlink a:hover img.shop-img {
  width: 72px;
  height: 42px;
background: url('images/mainNav/shop_activeMo.png');
}


div.glink a img.blog-img {
  width: 71px;
  height: 42px;
  background: url('images/mainNav/blog_default.png');
}
div.actGlink a img.blog-img {
  width: 71px;
  height: 42px;
  background: url('images/mainNav/blog_active.png');
}
div.glink a:hover img.blog-img {
  width: 71px;
  height: 42px;
background: url('images/mainNav/blog_mouseover.png');
}

div.actGlink a:hover img.blog-img {
  width: 71px;
  height: 42px;
background: url('images/mainNav/blog_activeMo.png');
}
div.glink a img.news-img {
  width: 81px;
  height: 42px;
  background: url('images/mainNav/news_default.png');
}
div.actGlink a img.news-img {
  width: 81px;
  height: 42px;
  background: url('images/mainNav/news_active.png');
}
div.glink a:hover img.news-img  {
  width: 81x;
  height: 42px;
background: url('images/mainNav/news_mouseover.png');
}

div.actGlink a:hover img.news-img {
  width: 81x;
  height: 42px;
background: url('images/mainNav/news_activeMo.png');
}

/* Navi Styling: Subnavi */
.subNavi a {color:black;
font-family:'Arial',Arial,sans-serif;
font-size:12px;}

.subNavi ul li.trenner{
margin-right:15px;
margin-left:15px;
valign:center;
}

.subNavi ul li.active a{
color:#A30D26;
}



/* Buttons Previous, Next Page */

.btn_previous  {position:absolute; 
		top:200px; 
		left:-100px;

}

.btn_next	{position:absolute; 
		top:200px; 
		left:650px;
}

div.btn_previous a img.prev-img{
		background: url('images/btn_previous.png');
 		width: 100px;
		height: 70px;
}

div.btn_previous a:hover img.prev-img{
		 background: url('images/btn_previous_mouseover.png');
 		width: 100px;
		height: 70px;
}

div.btn_next a img.next-img{
		 background: url('images/btn_next.png');
 		width: 100px;
		height: 70px;
}

div.btn_next a:hover img.next-img{
		 background: url('images/btn_next_mouseover.png');
 		width: 100px;
		height: 70px;
}


/* Buttons Previous, Next category */

.btn_previous_cat  {position:absolute; 
		top:200px; 
		left:-100px;

}
.btn_next_cat	{position:absolute; 
		top:200px; 
		left:650px;
}
div.btn_previous_cat a img.prev-img{
		background: url('images/btn_previous_cat.png');
 		width: 100px;
		height: 70px;
}

div.btn_previous_cat a:hover img.prev-img{
		 background: url('images/btn_previous_cat_mouseover.png');
 		width: 100px;
		height: 70px;
}




div.btn_next_cat a img.next-img{
		 background: url('images/btn_next_cat.png');
 		width: 100px;
		height: 70px;
}

div.btn_next_cat a:hover img.next-img{
		 background: url('images/btn_next_cat_mouseover.png');
 		width: 100px;
		height: 70px;
}


/*buttons Link_Icon*/
a img.linkIcon{
		 background: url('images/linkIcon.png');
 		width: 9px;
		height: 12px;
}

a:hover img.linkIcon{
		background: url('images/linkIconMo.png');
 		width: 9px;
		height: 12px;
}


/* End: Added by Malte */


/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0 7px 2px 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}


blockquote {
padding-left: 20px;
quotes: "\00AB" "\00BB";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

blockquote p {
	display:inline;
	font-style:italic;
	margin:0;
	padding:0;
} 
blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	} 
hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/