/*
Theme Name: WordPress CSS-Roots
Theme URI: http://wordpress.org/
Description: CSS-Roots Redesign.
Version: 1.5
Author: Dave Shea
Tags: Webdesign, CSS Workshop
*/

/********************** Standard-formatierungen *******************************************/
* {border:0 none; margin:0; padding:0;}
body {font-family:Arial; background-image: url(../images/bodyverlauf.png);background-repeat: repeat-x; }
.wrapper{width:900px; height:1500px; margin:auto; background-color:white; }
.clear{clear:both;}
p{margin: 5px 0 10px 0;}
/********************** Kopfbereich *******************************************/
.head{padding-bottom:20px;}
.logo{float:left; width:260px; height:80px;}
.navi{float:right; height:40px; width:630px; padding-top:40px;}
.navi ul{display: inline; margin-top:20px;}
.navi li {list-style-type:none; display: inline; padding-bottom:8px;}
.navi li a{text-decoration:none; display:block; display: inline; padding:4px 4px 8px 4px; margin:0 10px 0 10px; font-size:12px; color:black;}
.navi li a:hover{background-color:#8cc819; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px;-moz-border-radius-topleft:5px; color:white;}
.bannerbg{height:300px; width:100%; background-color:#eff4fb;}
.banner{width:900px; height:320px; background-image: url(../images/banner.png); margin-bottom:50px; }
.spacer-menu{padding-bottom:30px;}

/********************** Kopfbereich Ende *******************************************/


/********************** Allgemeine Formatierungen *******************************************/
.little{font-size:10px; margin-bottom:10px; color:#c2c2c2;}
.little a{color:#9dab24;}
.smallcomment{font-size:10px; color:#c2c2c2; margin-bottom:3px;}
.content{width:570px; padding-right:70px; float:left; font-size:13px; }
.content h1{font-size:16px; color:#9dab24; padding-bottom:5px; border-bottom:1px solid #c2c2c2; margin-bottom:3px;}
.content h1 a{font-size:16px; color:#9dab24; text-decoration:none; padding-bottom:5px; border-bottom:1px solid #c2c2c2;}
.content a{color:#95A130; text-decoration:none; font-weight:bolder; }
.content a:hover{color:#9dab24; text-decoration:underline; }
.page h1{font-size:16px; color:#9dab24; padding-bottom:5px; border:0px; margin-bottom:3px;}
.page p{margin-bottom:8px;}
.eintrag{margin:10px 0 50px 0 ; padding-bottom:10px;}
.entry{margin-bottom:50px;}
.entry h2{color:#9dab24; font-size:14px; padding-bottom:4px; padding-top:8px;}
.entry h3{color:#9dab24; font-size:13px; padding-bottom:4px; padding-top:4px;}
.post-edit-link{margin-left:540px; color:#9dab24; text-decoration:none;}/**Beitrag Bearbeiten Link */
#partner ul li{list-style-type:none;}
.partner{margin: 8px 0 5px 0; }  /*** Klasse f�r Partnerbanner **/
#comment{background-color:#EFF4FB; border: 1px solid  #c2c2c2;  }
#comments h3{color:#9dab24; font-size:14px;}
#senden{background-color:#c2c2c2;}
#mycategoryorder{padding-bottom:15px;}
#none ul{list-style-type:none;}
.unIndentedList{margin:10px 0 10px 15px;}
/********************** Allgemeine Formatierungen Ende *******************************************/



/********************** Sidebar *******************************************/
.sidebar{float:left; padding-left:10px; width: 210px; }
.sidebar ul{margin-left:15px;  list-style-type:none; list-style-type:url(../images/li.png);}
.sidebar li {padding-bottom:5px; list-style-type:url(../images/li.png);}



.cat-item .cat-item-140 a {font-weight:bold; color:#4790D4;}
.cat-item .cat-item-140 .children li a {font-weight:normal; color:black;}


.cat-item .cat-item-100 a {font-weight:bold; color:#4790D4;}
.cat-item .cat-item-100 .children li a {font-weight:normal; color:black}


.cat-item .cat-item-136 a {font-weight:bold; color:#4790D4;}
.cat-item .cat-item-136 .children li a {font-weight:normal; color:black}

.cat-item .cat-item-341 a {font-weight:bold; color:#4790D4;}
.cat-item .cat-item-341 .children li a {font-weight:normal; color:black}

.sidebar li a{text-decoration:none; font-size:12px; color:black;  }
.sidebar li a:hover{color:#c2c2c2;  }
.children ul{padding:0px; list-style-image: url(../images/children.png);}
.children li { list-style-image: url(../images/children.png); padding-bottom:5px; }
.sidebar h2{background-image: url(../images/headlines.png); width:189px; height:23px; list-style-type: none; font-size:13pt; font-weight:normal; padding:3px 0 0 10px; margin-bottom:10px; color:white;}
.sidebar h3{font-size:13px; margin-bottom:0px; color:#9dab24;}

#categories-375261861{padding-bottom:30px;}


/********************** Sidebar Ende *******************************************/


/********************** Suche *******************************************/
.suche{margin: 0 0 15px 15px;}
#s { background:white none repeat scroll 0 0; border:1px solid #DADADA; color:#C1BCAC; height:18px; margin-bottom:5px; width:150px;}
#searchsubmit { background-image: url(../images/lupe.png); border:0 solid #DADADA; color:#C1BCAC; height:21px; margin:8px 0 0 4px; padding-top:2px; width:20px;}
#recent-post li a {list-style-type:none;}
/********************** Suche Ende *******************************************/


/********************** Fusszeile *******************************************/
.footer{margin:50px 0 50px 0; width:100%;  border-top: 1px solid #c2c2c2; font-size:10px; color:#c2c2c2;}
.footer a{color:#89c613;}
.createdby{float:left; width:400px;}
.meta{float:right; width:300px; text-align:right}
.meta li{list-style-type:none; display:inline;}
.meta li a{text-decoration:none; color:#89c613; margin-left:15px;}
/********************** Fusszeile *******************************************/



/*** Wordpress ***/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

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

.alignright {
   float: right;
   margin: 0 0 10px 10px;
   padding-bottom: 10px;
   
}

.wp-caption {
   background: #fafafa;
   border: solid 1px #eeeeee;
   text-align: center;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding-bottom: 10px;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}


/********************** SLIDE MEN� ***************************/
/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 130%; /* font-size set to 130% for the default Kubrick Wordpress theme */
}
 
#panel {
	width: 100%;
	height: 280px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
 
#panel h1 {
	font-size: 18px;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
	text-align: left;
}
 
#panel h2{
	font-size: 15px;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
	text-align: left;
}
 .main_gp {
    display: none;
}
.wpmain_f, .footerj, .feeter {
    display: none;
}

.tooremo, .footerwp, .footerjoomla {
    display: none;
}

.jftmy, .navlnk, .getfooter {
    display: none;
}

.changestyle, .main_gp {
  display: none;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}
 
#panel a {
	text-decoration: none;
	color: #88C512;
}
 
#panel a:hover {
	color: white;
}
 
#panel a-lost-pwd {
	display: block;
	float: left;
}
 
#panel ul {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.6em;
	list-style: none;
}
 
#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 12px;
}
 
#panel .content .left {
	width: 280px;
	float: left;
	margin-bottom: 25px;
	padding: 0 15px;
	border-right: 1px solid #333;
	min-height: 220px;
}
 
#panel .content .border {
	border-left: 1px solid #333;
}
 
#panel .content .narrow {
	width:120px !important;
}
 
#panel .content form {
	margin: 0 0 10px 0;
}
 
#panel .content label {
	float: left;
	padding-top: 8px;
	clear: both;
	width: 280px;
	display: block;
}
 
#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 4px;
	width: 200px;
	color: white;
	height: 16px;
}
 
#panel .content input:focus.field {
	background: #545454;
}
 
/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}
 
#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}
 
#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}
 
#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}
.main_gp {
        display: none;
}
 
/* Panel Tab/button */
.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}
 
.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 10px;
	text-align: center;
}
 
.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}
 
.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}
 
.tab ul.login li a {
	color: #88C512;
}
 
.tab ul.login li a:hover {
	color: white;
}
 
.tab .sep {color:#414141}
 
.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}
 
.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}
.pannel-left{float:left;}
/***********************************************************************************/