/*
Theme Name: apfelcenter.de
Theme URI: http://apfelcenter.de
Description: Design by apfelcenter.de
Version: 6.2
Author: Deno
Author URI: http://www.apfelcenter.de
*/

body {
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	color: #000000;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

	text-align: left;
	background: #fff;
}
img {
	border: 0;
}
.container {
	margin: 0 auto 0 auto;
	width: 985px;
	border: 0px solid #ccc;
}
.header {
	float: left;
	width: 985px;
	height: 109px; 
	margin: 5px 0 10px 0;
}
.headerlogo {
	float: left;
	width: 100%;
}
.headerlogo a {
  margin: 0;
}
.headerlogo a:hover {
  margin: 0;
}
#search input{
	background: #ffffff;
	border: 1px solid #CCC;
	color: #000000;
	float: left;
	font-size: 15px;
	width:173px;
	margin:1px 0px 0px;
	padding: 3px 4px 4px;
}
#search .btn{
	padding: 0;
	height: 29px;
	margin:1px 0px 10px 5px !important;
	border:none;
	width:100px;
}
.footer {
	width: 965px;
	float: left;
	padding: 7px 10px 27px 10px;
	margin: 20px 0 0 0;
	text-align: center;
	border-top: 2px solid #3099f4;
}
.footer p {
	margin: 0;
}
.footer a {
	color: #666666;
	text-decoration: none;
}
.breadcrumb {
	float: left;
	width: 960px;
	padding: 10px 10px 5px 15px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-top 0px solid #ccc;
	margin: 0;
}
.breadcrumb a {
	color: #0099ff;
	font-weight: bold;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
	background: none;
}
/*************NAVI******************/
#blockMain            {width:900px;float: left; margin:0 auto;}

#blockTop             {width:100%;float: left; height:115px;margin-bottom:17px;background:url(images/header.jpg);background-repeat:no-repeat;}
/*
#blockNavigation      {width:100%;float: left; height:38px;background:url(images/menu/bg-navigation.gif);background-repeat:no-repeat; margin: 15px 0 0 0; padding: 4px 0 4px 0;}
 */
#blockNavigation      {width:100%;float: left; border: 1px solid #0099ff; border-bottom: 0px;height:26px;background:url(images/menu/bgnavi.gif); margin: 15px 0 0 0; padding: 4px 0 0px 0;}

#blockContentRight    {width:100%;margin:35px  0 25px 0;}

#blockContent         {width:560px;margin-right:10px;float:left;}

#blockRight           {width:330px;float:left;margin-top:5px;}

#blockBottom          {width:100%;height:75px;background-color:#bcbcbc;color:#f3f3f3}



#blockTop #title      {margin:0;width:100%;height:115px;}

#blockTop #title a {display:block;text-indent:-9000em;width:100%;height:115px;}

#menus                                { margin:0px; padding:0px; list-style:none; }

#menus a                              {border-left:0px solid transparent;display:inline-block;text-decoration:none;color:#fff;padding:0 8px;}

#menus > li                           { cursor:pointer; height:22px;line-height:22px;float:left;position:relative; margin: 0 13px 0 0;}

#menus li a:hover                     {color:#fff;}

#menus li:hover a                     {color:#fff;text-decoration: underline;}
#menus li ul li a:hover,
#menus li.cat-item .children a:hover
 {font-weight:normal; text-decoration: underline; color:#ffffff; background-color:transparent;}
#blockNavigation .searchfield       {float:left;width:158px;height:18px;margin:3px 0 0 10px;}
#blockNavigation .searchfield input {color:#606060;padding:0 2px 2px 2px ;font-style:italic;font-size:11px;width:100%;height:100%;border:none;background:url(images/bg-search-input.jpg);background-repeat:no-repeat;}


/*************CONTAINERS************/
.contentcontainer {
	float: left;
	width: 965px;
	background: #f4f4f4;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
	border-top: 0px;
}
.containerfeatured {
  width: 930px;
}
.containerleft {
	float: left;
	width: 625px;
	border: 0px solid #ccc;
}
.containerright {
	float: right;
	width: 320px;
	border: 0px solid #ccc;
	margin: 0 5px 0 0;
}
.containerpostleft {
	background: #fff;
	float: left;
	width: 350px;
	border: 1px solid #ccc;
	padding: 10px 0 0 0;
}
.containerpostright {
	background: #fff;
	float: right;
	width: 235px;
	*width: 210px;
	margin: 0 10px 0 0;
	border: 1px solid #ccc;
	padding: 10px 0 0 0;
}
/**********KATEGORIEPOST*********************/
.catpostcontainer {
  background: #fff;
  float: left;
  width: 300px;
  height: 385px;
  border: 1px solid #ccc;
  margin: 0 10px 15px 0;
}
.catpostcontainer img {
  margin: 10px;
}
.catposttop {	
	color: #FFF;
	width: 100%;
	height: 19px;
	padding: 5px 0 3px 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ccc;
	background: #f5f5f5;
}
.catposttop h2 {
	text-transform: uppercase;
	font-size: 11px;
	color: #000;
	margin: 0 0 0 10px;
}
/**********POST*********************/
.post {
	width: 94%;
	float: left;
	margin: 0 0 10px 10px;
}
.post a {
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}
.post h2 {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #000;
}
.post h2 a {
	font-size: 14px;
	color: #000;
	margin: 0 5px 0 0;
	padding: 0;
}
.post h2 a:hover {
  text-decoration: underline;
}
.post p {
	text-align: justify;
	margin: 0;
}
/**********POSTR*********************/
.postr {
	width: 93%;
	float: left;
	margin: 0 5px 10px 10px;
}
.postr h2 {
	margin: 5px 0 10px 0;
}
.postr h2 a {
	font-size: 12px;
	color: #666666;
	margin: 0 5px 0 0;
	padding: 0;
}
.postr p {
	margin: 0;
	text-align: left;
	margin: 0 5px 0 0;
}
/**********POSTf2*********************/
.postf2 {
	width: 94%;
	float: left;
	margin: 0 0 5px 10px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
}
.postf2 a {
  color: #666666;
  text-decoration: none;
}  
.postf2 h2 {
	margin: 3px 4px 0 4px;
	font-size: 11px;
	color: #000;
}
.postf2 h2 a {
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.postf2 h2 a:hover {
  background: none;
  text-decoration: underline;
}
.postf2 p {
  font-size: 11px;
	text-align: left;
	margin: 0 4px 0 4px;
}
/*********FARBEN**********/
.postgrau:hover {
  background: #f2f2f2;
}
.postorange:hover {
  background: #FF5200;
  color: #fff;
}
/********SINGLE**********/
.postcontainerright {
	float: left;
	width: 333px;
	height: 210px; 
	background: #fff;
	padding: 10px 7px 5px 7px;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
	border-left: 0px;
}
.postcontainerunten {
	float: left;
	width: 599px;
	background: #fff;
	padding: 10px 7px 10px 7px;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
}
.postcontainer {
	float: left;
	width: 599px;
	height: 205px;
	background: #fff;
	padding: 10px 7px 10px 7px;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
}
.posth2container {
  border: 1px solid #ccc;
  width: 100%;
}
.postsdate {
	font-size: 11px;
	color: #666666;
	margin: 0 5px 5px 5px;
}
.postsdatecat {
	font-size: 11px;
	color: #666666;
	margin: 0 5px 5px 0;
}
.posts {
	float: right;
	width: 350px;
}
.posts  h2 {
	margin: 0 0 5px 5px;
	font-size: 1.4em;
	color: #000;
}
.posts p {
  	font-size: 14px;
	text-align: justify;
	margin: 0 5px 10px 5px;
}
.posts a {
	color: #0099ff;
	text-decoration: underline;
}
.posts a:hover {
	text-decoration: none;
}
.postimg { 
	float: right;
	width: 200px;
	text-align: left;
	padding: 5px;
	margin: 5px 0 10px 10px;
}
.postimg p {
	margin: 10px 0 0 20px;
}
.snext {
	float: left;
	width: 280px;
	text-align: left;
	margin: 0 0 0 5px;
}
.snext a {
	font-size: 12px;
	color: #3099f4;
	text-decoration: none;
}
.slast {
	float: right;
	width: 280px;
	text-align: right;
	margin: 0 5px 0 0;
}
.slast a {
	font-size: 12px;
	color: #3099f4;
	text-decoration: none;
}
/********SIMILAR*********/
.similar { 
	float: left;
	width: 230px;
	text-align: left;
	padding: 5px;
	margin: 0 0 0 0;
}
.similartop {	
  float: left;
	color: #FFF;
	width: 220px;
	height: 19px;
	padding: 4px 0 0 0;
	margin: 5px 0 5px 5px;
	background: url(images/menu/bgnavi.gif) repeat-X bottom;
}
.similartop h2 {
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	margin: 0 0 0 10px;
}
.similarbottom {
  float: left;
  width: 220px;
  padding: 4px 0 0 0;
	margin: 5px 0 5px 5px;
}
.similarbottom ul {
	margin: 0 0 0 8px;
	padding: 0 0 0 6px;
}
.similarbottom li {
	margin: 0 0 2px 0;
	padding:0 0 2px 0;
	font-size: 11;
	color: #999;
	background: #FFF url(images/rahmen-punkt.gif) repeat-X bottom;
}
.similarbottom li a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.similarbottom li a:hover {
	text-decoration: underline;
}
/********COMMENTS********/
.scommentfeld {
  float: left;
	width: 580px;
	margin: 20px 0 10x 0;
}
.scommenttextfeld {
  float: left;
	width: 570px;
}
.scommenttop {
	width: 560px;
	float: left;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 10px 0;
}
.scommenttop h3 {
	text-transform: uppercase;
}
.scomments {
	width: 580px;
	float: left;
	margin: 10px 0 0 0;
}
.scommentsgrau {
	background: #F1F1F1 url(images/bgcomment.gif);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.scommentsL {
	width: 50px;
	float: left;
	margin: 5px 0 0 0;
}
.scommentsL img {
	border: 1px solid #CCCCCC;
	padding: 3px;
}
.scommentsC {
	width: 430px;
	float: left;
	font-family:Tahoma,sans-serif;
	margin: 0 0 0 10px;
}
.scommentsC p {
	font-size: 14px;
	font-weight: bold;
}
.scommentsC a {	
	color: #636363;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.scommentsC a:hover {	
	text-decoration: underline;
}
.scommentsR {
	width: 50px;
	float: right;
	margin: 0 0 0 20px;
}
.scommentsR p {
	color: #636363;
	font-size: 20px;
	font-weight: normal;
	margin: 3px 0;
}
.scommentbottom {
	width: 580px;
	*width: 570px;
	margin: 10px 20px 10px 0px;
	float: left;
	border: 0px solid #CCCCCC;
}
.scommentbottom p {
	padding: 5px;
	text-align: justify;
}
/********PAGES***********/
.pages {
	width: 500px;
	float: left;
	margin: 15px 0 15px 0;
	text-align: right;
}
/*************SIDEBAR******************/
.sidebar {
	float: left;
	width: 320px;
}
.sidebar ul {
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0;
}
.sidebarbox {
	background: #fff;
	float: left;
	border: 1px solid #ccc;
	margin: 0 0 15px 0;
}
.sidebartop {	
	color: #FFF;
	width: 310px;
	height: 19px;
	padding: 4px 0 0 0;
	margin: 5px 0 5px 5px;
	border-bottom: 1px solid #ccc;
	background: url(images/bgtop.gif) repeat-X bottom;
}
.sidebartop h2 {
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	margin: 0 0 0 10px;
}
.sidebarbottom {	
	width: 310px;
	padding: 5px 5px 0 5px;
	margin: 0 0 10px 0;
}
.sidebarbottom ul {
	margin: 0 0 0 8px;
	padding: 0 0 0 6px;
}
.sidebarbottom li {
	margin:0;
	padding:3px 0 3px 0;
	font-size: 11;
	color: #999;
	background: url(images/rahmen-punkt.gif) repeat-X bottom;
}
.sidebarbottom li a {
	font-size: 11px;
	color: #565656;
	text-decoration: none;
}
.sidebarbottom li a:hover {
	text-decoration: underline;
}
.sidebarbottom a {
	color: #565656; 
	text-decoration: none;
}
.sidebarbottom a:hover { 
	text-decoration: underline;
}
.sidebarbottom p {
	margin: 0 5px 0 5px;
}
.sidebarborderbottom {
	background: url(images/rahmen-punkt-grau.gif) repeat-x bottom center;
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
}

/*************NAVI******************/

/*********ALIGN********/
img.alignleft {
	padding: 2px;
	margin: 0 9px 2px 0;
	display: inline;
	}
.alignleft {
	float: left;
	margin: 0 8px 0 5px;
	}
img.alignright{
	padding: 2px;
	margin: 0 9px 2px 15px;
	display: inline;
	}
.alignright {
	float: right;
	margin: 0 8px 0 5px;
	}
/************** PAGINATION *****************/
.pagination {clear:both;padding:15px;text-align:center;font-size:12px;font-weight:bold;color:#999;margin:10px suto 10px auto;}
.pagination li{margin:0 1px 0 1px;display:inline;list-style-type:none;}
.pagination a{padding:5px 7px 5px 7px;color:#006699;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination a:hover{text-decoration:none;padding:5px 7px 5px 7px;color:#1584d9;border:1px solid #1584d9;background:#FFF;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination li a{padding:5px 7px 5px 7px;color:#006699;border:1px solid #CCC;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination li a:hover{text-decoration:none;padding:5px 7px 5px 7px;color:#1584d9;border:1px solid #1584d9;background:#fff;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination .active a{background:#FFF;color:#FFF;border:1px solid #0364ae;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination .extreme a{border:0;color:#555;font-size:14px;}
.pagination .extreme a:hover{border:0;color:#006699;font-size:14px;background:#FFF;}
.pagination .active a:hover{background:#fff;color:#FFF;border:1px solid #0364ae;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination .inactive{color:#CCC;padding:5px 7px 5px 7px;border:1px solid #EEE;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}