/*  
Theme Name: krachb00ns
Theme URI: http://www.krachb00ns.de
Description: Das krachb00ns Wordpress Theme!
Version: 1.1
Author: Sasumotu
Author URI: http://www.krachb00ns.de 
*/

html{
     }
body{
	font-size: 80%;
	font-family:Arial, Sans-Serif;
	background:fixed #44484F url(images/patterns/dango1.png);
	background-repeat:repeat;
	background-position: top left;
	color: #333333;
	height:100%;
	margin-top:20px;
    }
*{
	margin:0;
	padding:0;
	}
	 
/*--------------------Webdesign-------------------------*/
#header{
	position:relative;
	width:1200px;
	height:241px;
	background-image:url(images/header.png);
	margin:auto;
	}
	#buttons{
		position:absolute;
		bottom:5px;
		left:100px;
		}
		#button1 {
		  float:left;
		  }
		#button2 {
		  float:left;
		  }
		#button3 {
		  float:left;
		  }
		#button1 img {
      position:absolute;
      bottom:0px;
      }
    #button2 img {
      position:absolute;
      bottom:0px;
      left:40px;
      }
    #button3 img {
      position:absolute;
      bottom:0px;
      left:80px;
      }      
	#banner{
		width:1160px;
		height:226px;
		margin-left:20px;
		}
		#headerlinks{
			float:left;
			width:199px;
			height:226px;
			color:#FFFFFF;
			background-color:#FFFFFF;
			background-image:url(images/horo.png);
			background-repeat:no-repeat;
			margin-top:10px;
			text-align:center;
			}
		#headerrechts{
			float:right;
			width:961px;
			height:226px;
			margin-top:10px;
			}
#navigation{
	width:1200px;
	height:24px;
	margin:auto;
	}
	#navilinks{
		float:left;
		width:116px;
		height:24px;
		background-image:url(images/navilinks.png);
		background-repeat:no-repeat;
		}
	#navi{
		float:left;
		width:968px;
		height:24px;
		background-color:#000000;
		}
	#navirechts{
		float:left;
		width:116px;
		height:24px;
		background-image:url(images/navirechts.png);
		background-repeat:no-repeat;
		}
#blog{
	width:1200px;
	height:100%;
	margin:auto;
	background-image:url(images/bg.png);
	overflow:auto;
	padding-bottom:60px;
	}
	#content{
		width:1170px;
		height:100%;
		margin:auto;
		padding-top:10px;
		}
		#sidebar2{
			float:left;
			width:210px;
			height:auto;
			background-color:#EEEEEE;
			border:1px solid #DDDDDD;
			margin-right:2px;
			padding-bottom:10px;
			}
			#side2{
				padding-left:10px;
				padding-right:5px;
        font-size:10px;
				}
		#artikel{
      position:relative;
			float:left;
			width:742px;
			height:auto;
			}
			#postnavi{
				width:100%;
				margin:auto;
				padding-bottom:20px;
				}
				#previous{
					float:left;
					margin-left:10px;
					}
				#next{
					float:right;
					margin-right:10px;
					}
			.post{
				float:center;
				width:725px;
				height:auto;
				padding:5px;
				padding-left:10px;
				padding-bottom:20px;
				background-color:#FAFAFA;
				border:1px solid #DDDDDD;
				margin-bottom:10px;
				}
.post-16734 {
font-family: Lucida Grande;
line-height: 1.75em;
        background-color:#000000;
}
.post-16734 p, h1, h2, h3, h4, h5, h6 {
        color:#FFFFFF;
}
				.info{
          }
				  .block{
            width:650px;
            float:left;
            }
				    .title{
					     font-size:20px;
					     font-weight:bold;
					     }
				    .title {
					     color:#333333;
					     font-weight:bold;
					     }
					  .cattags{
					     font-size:10px;
					     margin-bottom:20px;
					     font-style:italic;
					     }
					.author{
            float:right;
            }
            .agrav{}
            .aname{
              font-style:italic;
              font-size:10px;
              text-align:center;
              }
				#post img{
					max-width:95%;
					margin:5px;
					}
				#singleinfo{
					width:700px;
					height:auto;
					font-size:10px;
					font-style:italic;
					margin:auto;
					margin-top:30px;
					margin-bottom:3px;
					padding:3px;
					background-color:#FFFFFF;
					border-top:1px solid #DDDDDD;
					border-bottom:1px solid #DDDDDD;
					}
			#post ul{
				padding-left:50px;
				}
			#post ol{
				padding-left:50px;
				}
			#comments{
				width:98%;
				margin:auto;
				margin-top:20px;
				margin-left:5px;
				}
		#sidebar1{
			float:right;
			width:210px;
			height:auto;
			background-color:#EEEEEE;
			border:1px solid #DDDDDD;
			padding-bottom:10px;
      font-size:10px;
			}
			#side1{
				padding-left:10px;
				padding-right:5px;
				}
			#side1 ul{
        list-style-type:none;
				}
	#artikelpage{
		position:relative;
    clear:both;
		width:990px;
		margin:auto;
		}
		#postpage{
      clear:both;
			width:968px;
			height:100%;
			margin:auto;
			margin-top:10px;
			padding:5px;
			border:1px solid #DDDDDD;
			background-color:#FAFAFA;
			}
		#pagecontent{
			margin-left:10px;
			margin-right:10px;
			margin-top:15px;
			margin-bottom:10px;
			}
		#pagecontent img{
			max-width:95%;
			margin:5px;
			}
		#pagecontent ul{
			padding-left:50px;
			}
		#pagecontent ol{
			padding-left:50px;
			}
		#sitemap{
			margin-left:10px;
			margin-right:10px;
			margin-top:15px;
			margin-bottom:10px;
			padding-left:50px;
			}		
		#sitemap ul{
			list-style-type:none;
			}
		#navisingle{
			width:100%;
			margin:auto;
			margin-bottom:20px;
			}
			#previoussingle{
				float:left;
				}
			#nextsingle{
				float:right;
				}
#footer{
	position:relative;
	clear:both;
	width:1200px;
	height:80px;
	margin:auto;
	text-align:center;
	background-image:url(images/footer.png);
	}
	#ftext{
		position:relative;
		top:10px;
		}
#nagisa{
	position:absolute;
	bottom:14px;
	right:50px;
	width:141px;
	height:37px;
	/*background-image:url(images/nagisa.png);
	background-repeat:no-repeat;*/
	}
#nagisa img{
  position:absolute;
  bottom:0px;
  right:25px;
  }
#dango{
	position:absolute;
	top:-60px;
	left:40px;
	width:280px;
	height:111px;
	background-image:url(images/dango.png);
	background-repeat:no-repeat;
	}
#osaka{
	position:relative;
	left:-302px;
	bottom:341px;
	clear:both;
	width:302px;
	height:361px;
	background-image:url(images/osaka_s.png);
	}
#suche{
	position:absolute;
	top:20px;
	left:350px;
	}
#ergebnisse{
	width:323px;
	height:auto;
	background-color:#ff8182;
	}
#ergebnisse #postnavi{
	margin-bottom:10px;
	}
#ergebnisse #postnavi a{
	color:#000000;
	}
#ergebnisse ul{
	padding-left:30px;
	}	
	#stitle{
		height:20px;
		}
	#stitle a{
		color:#000000;
		}
	#soben{
		clear:both;
		width:323px;
		height:32px;
		background-image:url(images/suche_oben.png);
		}
	#sunten{
		clear:both;
		width:323px;
		height:251px;
		background-image:url(images/suche_unten.png);
		}
#fk{
   clear:both;
   }
.fk{
   clear:both;
   }
/*--------------------textgestaltung--------------------*/

p{
	margin: 1em 0;
	color: #333333;
     }

h1,h2,h3,h4,h5,h6{
	color: #333333;
        margin: 1em 0;
     }


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	
	}

blockquote {
	margin:auto;
        clear:both;
	max-width:90%;
	background:no-repeat #FFFFFF url(images/marks.png);
	border-top: 1px dotted #DDDDDD;
	border-bottom: 1px dotted #DDDDDD;
	font-style:italic;
	margin-bottom:10px;
	}
blockquote p {
	margin:1em;
	margin-left:10px;
	margin-right:10px;
	}

blockquote cite {
	
	}



hr {
	
	}





dl{
     }
     dt{
          }
          dd{
          }

ol, ul {
}

ol ol, ol ul, ul ul, ul ol {
padding: 0 0 0 5px;
}

ul {
} 

li {
	
}
blockquote{
     }
     blockquote p{
          }

code{
	margin:auto;
        clear:both;
	width:90%;
	margin-bottom:10px;
        font-family: Monospace;
        font-size:12px;
     }

pre{
     }

b, strong,i,em {
     }

img{
     }

address {
     }

/*--------------------linkgestaltung--------------------*/


a {
	color: #2679b2;;
     }
a:link { 
	color:#2679b2;
	text-decoration: none;
     }
a:visited {
	color:#2679b2;
	text-decoration: none;
     }
a:link:focus{ 
	color:#2679b2;
	text-decoration: none;
     }
a:link:hover, 
a:visited:hover { 
	color:#2679b2;
	text-decoration: none;
    }
a:link:active, 
a:visited:active {
	color:#2679b2;
	text-decoration: none;
     }

/*--------------------bilder als links--------------------*/
a img{
     }
a:link img { 
	text-decoration: none;
	border: none;
     }
a:visited img { 
	text-decoration: none;
	border: none;
     }
a:link:active img, 
a:visited:active img {
	text-decoration: none;
	border: none;
      }

/*--------------------smilies im text--------------------*/

body img.wp-smiley{
     }



/*--------------------der weiterlesen link--------------------*/

.more-link{
     }

/*--------------------die seiten wenn es mehrere gibt--------------------*/
p.serif{
     }

/*--------------------suche--------------------*/

#searchform{
	position:relative;
	padding-bottom:15px;
     }

input#s{
	width:135px;
	position:absolute;
	top:3px;
	left:5px;
	border: 1px solid #DDDDDD;
     }

input#searchsubmit{
	position:absolute;
	top:-5px;
	left:145px;
     }


/*--------------------Kommentare--------------------*/
/* fuer die Kommentarliste an sich*/
ol.commentlist{
	margin-left:30px;
	}
#comlist{
	list-style-type:none;
	}
#comlist li{
	list-style-type:none;
	}
 
/*folgende class stehen zur Gestaltung des li bereit */
 
.comment {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background-color:#FAFAFA;
	margin-top:10px;
	}
.pingback{
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background-color:#FAFAFA;
	margin-top:10px;
	}
.byuser {}
.comment-author-admin {	}
.bypostauthor {
	background-color:#EEEEEE;
	}
 
/* class um die li der 1 Ebene zu gestalten*/
.depth-1{
	}
 
/*hat man Kind Kommentare gibt es dann noch soviel wie man eben braucht */
.depth-2{
	}
.depth-3{
	}
 
/* folgende gestalten das li abwechselnd, wenn man mag*/
/* erstes li*/
.even {}
.thread-even{}
/* zweites li*/
.odd {}
.alt {}
.thread-odd {}
.thread-alt{}
 
 
 
/*---ende der class fuer die li---*/
 
/* fuer die Darstellung des Kommentarautors die class des divs*/
.comment-author {
	margin-top:5px;
        font-size:1em;
	font-weight:bold;
	margin-left:10px;
	}
.vcard{}
 
.comment-author cite{}
.vcard cite{}
 
.comment-author cite a{}
.vcard cite a{}
 
/* fuer den Avatar*/
img.avatar{
	margin-left:5px;
        margin-right:5px;
	float:right;
	}
/*---ende der class fuer den Autor---*/
 
/*fuer die  Zeit wann der Kommentar geschrieben wurde und den Bearbeitungslink die class des divs*/
.comment-meta {
	font-size:10px;
        padding-left:10px;
	}
.commentmetadata{}
 
.comment-meta a{}
.commentmetadata  a{}
 
/*---ende der Meta Daten---*/
 
/*Kommentartext  */
 
ol.commentlist p{
	margin-top:8px;
	margin-left:15px;
	margin-right:30px;
	margin-bottom:5px;
	font-size:12px;
	}

ol.commentlist img{
        max-width:90%;
        max-height:1000px;
        }
 
/*---ende des Kommentartextes ---*/
 
/*Reply Link ist auch in einem div*/
.reply{
	margin-left:15px;
	margin-bottom:5px;
	}
.reply a{}

.edit-link{
  width:90%;
  text-align:right;
  }
 
/*---ende Reply Link---*/
 
 
/*Kindkommentare sind in einer ul Liste*/
 
ol.commentlist ul.children{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:10px;
	} /*ul.children gibt es auch in der sidebar-aufpassen*/
 
/*------alle oben genannten class wiederholen sich auch unter ul children------*/

#commentform {
	margin-top:50px;
	}

#commentform p {
	font-size:15px;
	margin-bottom:10px;
	}


#commentform input {
	border:1px solid #DDDDDD;
	}

#commentform textarea{
	border:1px solid #DDDDDD;
	background-image:url(images/com/comment2.png);
	background-repeat:no-repeat;
	background-position:right;
	margin:auto;
	width:100%;
	}

#commentform #submit {
	background-image: fixed url(images/comment.png);
	background-repeat:no-repeat;
	float:right;
	margin-top:20px;
	}


#respond{}

/*--------------------fuer den wp kalender--------------------*/
 
#wp-calendar th {
	 
	}


#wp-calendar {
	empty-cells: show;
	
	}

#wp-calendar #next a {
	
	}

#wp-calendar #prev a {
	
	}

#wp-calendar a {
	
	}

#wp-calendar caption {
	
	}

#wp-calendar td {
	
	}

#wp-calendar td.pad:hover { 
      }


/*-------------------- widgets---------------------*/
h2.widgettitle{
  clear:both;
	margin-bottom:2px;
    }
.widget {
  clear:both;
	padding-right:5px;
	text-align:left;
	list-style-type:none;
  padding-top:10px;
	padding-bottom:10px;
    }
.widget li{
	list-style-type:none;
	margin-left:2px;
	}
.widget ol{
	list-style-type:none;
	margin-left:2px;
	}
select.postform {width: 100%}

/*--------------------Archive--------------------*/

li#archives{
	
     }

.widget_archives{
     }

/*--recent posts--*/


li#recent-posts{
     }

.widget_recent_entries{
     }



/*--------------------text widget--------------------*/
li.widget_text{
     }

/*--id haengt von der nummer des text widgets ab*/
li#text-4{
     }
div.textwidget{
     }

/*--------------------links blogroll--------------------*/

li#links{
     }

.widget_links{
     }


/*--------------------kategorien--------------------*/

li#categories{
     }
.widget_categories{
     padding-right:5px;
     }
.widget_categories li{
	
     }


/*-------------------body class---------------------*/

 .rtl{}
 . home{}
 . blog{}
 . archive{}
 . date{}
 . search{}
 . paged{}
 . attachment{}
  .error404{}
 . single postid-(id){}
 . attachmentid-(id){}
 . attachment-(mime-type){}
 . author{}
 . author-(user_nicename){}
  .category{}
  .category-(slug){}
  .tag{}
  .tag-(slug){}
  .page{}
  .page-parent{}
  .page-child parent-pageid-(id){}
 . page-template page-template-(template file name){}
  .search-results{}
  .search-no-results{}
  .logged-in{}
  .paged-(page number){}
  .single-paged-(page number){}
  .page-paged-(page number){}
  .category-paged-(page number){}
  .tag-paged-(page number){}
  .date-paged-(page number){}
  .author-paged-(page number){}
  .search-paged-(page number){}


/*---post class----*/
.post{}
.sticky{}
.page{}
.tag{}
.hentry{}
/*aendert sich je nach kategoriename*/
.category-allgemein{}
.category-dieerste{}
.category-diezweite{}

/*und das gibts auch fuer tags*/
.tag-slug{}


/*------------bilder-------*/
.wp-caption { }

.wp-caption img { }

.wp-caption p.wp-caption-text { }


.gallery{ }
    .gallery-item{  }
        .gallery-caption{ }
.attachment{ }
    .attachment img{ }
        div.caption{ }
        .imagenavi .alignright a{ }
         .imagenavi .alignleft a{ }   
        .imagenavi .alignright a img,
        .imagenavi .alignleft a img{ }
        
.left{}
.right{}
-center{}
img.alignright, img.alignleft {
  display:inline;
  }
.alignleft{
  clear:left;
  float:left;
  margin:3px 10px 3px 0;
  }
.alignright{
  clear:right;
  float:right;
  margin:3px 0px 3px 10;
  }
.aligncenter{
  float:none;
  clear:both;
  display:block;
  margin:3px auto 3px auto
  }

.alignnone {
	float: none;
}
/*-----------------Dropdown-----------*/
#dropmenu{
	margin-left:20px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:10px;
	z-index:2;
	width:100%;
	background:#000000;
	}
#dropmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:20px;
	z-index:2;
	width:100%;
	background:#000000;
	}
#dropmenu a{
	display:block;
	padding:0.25em 1em;
	color:#ffffff; /*Schriftfarbe*/
	/*border-right:1px solid #c8c8c8;*/
	text-decoration:none;
	background:#000000;
	}
#dropmenu a:hover {
	background:#000;
	color:#fff;
	}
#dropmenu li {
	float:left;
	position:relative;
	}
#dropmenu ul {
	position:absolute;
	display:none;
	width:7em;
	top:1.3em; 
	left:-1px;
	}
#dropmenu li ul li{
	width:100%;
	height:auto;
	}
#dropmenu ul a {/*border-left:1px solid #c8c8c8;*/}
#dropmenu li ul {/*border-top:1px solid #c8c8c8;*/ width:7.1em;}
#dropmenu li ul a {width:7em; height:auto; float:left;  /*border-bottom:1px solid #c8c8c8;*/}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:7em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/*==============RATING======================*/
.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url(images/working.gif) 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url(images/starrating.gif) top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url(images/starrating.gif) left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url(images/starrating.gif) left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}