/*
Theme Name: BPPA Version 2.0
Theme URI: http://blog.bppa.de
Description: BPPA Theme - Relaunch April 2010
Version: 1.0
Author: Oliver Storm
Author URI: http://www.711media.de/
*/


/**
  * @section reset
  *
  * css-reset of defaults
  *         
  */
@import "css/reset.css";


/**
  * @section Standard HTML
  *
  * section with standard html definitions
  *        
  */
html, body
{
	height: 100%; 
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 	1.4;
	
	background-attachment:fixed;
}

*+html #menu{
	margin: -35px 0 0 38px;
}

/**
  * @subsection Headlines
  *
  * h1-h5
  *         
  */
h1,h2,h3{
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #e70078;
	color: #e70078;
	margin-bottom: 8px;
	font-size: 18px;
}

h1, h2{
	margin-bottom: 14px;	
}

h1.pagetitle{
	margin-bottom: 20px;
	border: none;
	color: #999;
}

#contentPage h2{
	margin-bottom: 30px;	
}



h4{
	line-height: 1.1;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #e70078;
	color: #e70078;
	margin: 14px 0;
	font-size: 14px;		
}

/**
  * @subsection Hyperlinks
  *
  * a, a:hover
  *        
  */
a{
	color: #e70078;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}


/**
  * @section main page elements
  *
  * wrapper, header, content
  *         
  */
#pageWrapper
{
	width: 960px;	
	height: auto;
	min-height: 100%;
	margin: 0 auto;
}

#header{
	margin: 30px 0 22px 0;
	padding: 35px;
	background-color: #fff;
}

#header .logo{
	padding-right: 15px;
	border-right: 1px solid #5d5d5f;
	float: left;
	margin-right: 15px;
}




.button{
    z-index: 200;
    float: right;
    position: absolute;
    margin-left: 815px;
    top: 170px;
}

@-moz-document url-prefix() {
  .button {
     margin-left: -75px;
  }
}

#header .adress{
	font-size: 11px;
	color: #5d5d5f;
	line-height: 1.2;
	float: left;
}

#header .ponyhof{
	margin: 23px 0 0 185px;
}

#header .mainPic{
	margin: 20px 0;	
}

#contentWrapper{
	background-color: #fff;
}

#content{
	width: 600px;
	padding: 45px 0 30px 35px;
	background-color: #fff;
	float: left;
	line-height: 	1.7;
}

.storycontent p{
	margin-bottom: 15px;
}

.breadcrumb{
	margin-bottom: 6px;	
	color: #999;
}

#sidebar{
	background-color: #fff;
	padding: 0 35px 30px 10px;
	float: right;
	width: 260px;
}

.page-item-1866 ul li{
	display: none;
}

#contentPage{
	padding: 45px 35px 30px 35px;
	background-color: #fff;
	min-height: 550px;
	margin-bottom: 20px;
}

.widget{
	margin-top: 45px;
}

#sidebar ul{
	list-style: none;
}

#categories-2 ul{
	list-style: square;
	color: #e70078;
	margin: 10px 0 0 15px;
}

#categories-2 li{
	padding: 3px 0;
}

#categories-2 ul a{
	  color: #454545;
}

#categories-2 ul a:hover{
	  color: #e70078;
}

#categories-2 .children{
	margin: 8px 0 0 15px;
	
}

#categories-2 li{
	  margin: 2px 0;
}

#categories2 .children{
	margin: 0 0 0 15px;
}

#footer {
	clear:both;
	background:#cc9;
}

.meta{
	font-size: 10px;
	color: #666;
	margin: 0 0 25px 0;
}

.changePage{
	padding-top: 5px;
	border-top: 1px dotted #e70078;
}

.alignleft{
	float: left;	
}

.alignright{
	float: right;
}

.post{
	margin-bottom: 60px;	
}

#comment
{
	width: 350px;
}

.commentlist{
	list-style: none;
}

.commentlist li{
	margin: 10px 0;
	border-bottom: 1px dotted #e70078;
}

select{
	margin-top: 5px;
	width: 260px;
}

/**
  * @section clearfix
  *
  * clearing of floats
  *     
  */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}