/*  
Theme Name: CleanYello
Theme URI: http://www.askgraphics.com/freetemplates/
Description: Custom blog design starts from just $250 @ <a href="http://www.askgraphics.com/blog-design.html">AskGraphics.com</a>.
Version: 1.0
Author: AskGraphics
Author URI: http://www.askgraphics.com/


License Information :

All templates are free to use as long as you leave the credits unchanged.
You cannot claim these templates or modifications of these templates as yours.

You cannot redistribute these templates on your website.

You cannot modify these templates and distribute them.


*/

body{
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image:url(images/page_bg.png);
	padding-left:10px;
	width:100%;

}


img{
	border:0px;
}

a{
	color:#000;
	text-decoration:none;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:1000px;
	text-align:left;
		
        float: left;
}



/*header*/
#header{
	width:100%;
	height:129px;
	text-align:left;
    margin-top:10px;
	background-color:#FFFFFF;
}


#header_werbung1{
	width: 100%;
        text-align: center;
}

#header_top{
	width:100%;
	height:113px;
	background:url(images/header_top_bg.png) no-repeat top left;

}

#werbung_pages{
float:right;
padding-right: 10px;
}

#header_end{
	width:100%;
	height:41px;
	background:url(images/header_end_bg.png) no-repeat top left;
}

#header_title{
	font-size:10px;
	color:#3d3d3d;
	font-weight:bold;
	font-style:italic;
	text-align:left;
}

/*menu*/

#menu_items{
	width:71%;
	float:left;
	padding-top:12px;
	height:30px;
}



#header_follow{
      float:left;
      padding:9px 0px 0px 5px;
}

#header_logo{
      float:left;
      padding:17px 0px 0px 95px;
}



#header_werbung2{
	float:left;
	padding-top:30px;
        padding-left:94px;
}

#header_werbung3{
	float:left;
	padding-top:11px;
        padding-left:156px;
}

#menu_search_box{
	color:#000;
	font-size:13px;
	float:right;
	width:25%;
	padding-top:63px;
}



#menu_search_box input.s{
	width:155px;
	font-size:12px;
	color:#000;
	border:0px;
	background:none;
	margin-left:7px;
}

#menu_search_box #go{
	position:relative;
	top:5px;
}

#menu{
	padding-left:30px;
	font-size:14px;
	color:#ffffff;
}

div#menu a{
	color:#FFFFFF;
	padding-right:20px;

}

div#menu a:hover{
	color:#D3F3B4;
	text-decoration:underline;
}



/* end menu */

/* end header */

/* blog*/

div#page #blog{
	float:left;
	width:100%;
	background:url(images/body_bg.gif) repeat-y top left;
}

div#page #blog_top{
	float:left;
	width:100%;
}

div#blog #blog_center{
	width:771px;
	float:left;
	padding-top:20px;
}

#blog_right_sidebar{
	width:228px;
	float:left;
}


div#blog #blog_left{
	float:left;
	width:200px;
}

div#blog #blog_right{
	float:right;
	width:5px;
}

#content{
	width:750px;
}
.center{
	width:750px;
}

/* Kategorie Style */

#blog .cats_custom{
	width:200px;
	float:left;
	padding-top:0px;
	margin-left:15px;

}
#blog .cats_custom ul{
	padding:0px;
	margin:0px;
	
}

#blog .cats_custom ul li ul{
	padding-left:5px;
	padding-bottom:10px;
	width:95%;

}

#blog .cats_custom ul li ul li ul{
	padding-left:0px;
	padding-bottom:0px;
}

#blog .cats_custom li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#blog .cats_custom h2{
	color:#022343;
	font-size:17px;
	margin:0px;
	padding-left:10px;
	margin-top:10px;
	padding-top:13px;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	background:url(images/h2_li.gif) repeat-x center left;
	height:28px;
}

#blog .cats_custom ul li{
	color:#333333;
	background-color:#F2F9FD;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
}

#blog .cats_custom li a{
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}

#blog .cats_custom ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-right:5px;
	padding-bottom:5px;
	background:none;
}
#blog .cats_custom ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
	padding-bottom:0px;
}
#blog .cats_custom ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
}

#blog .cats_custom ul li ul li{
	border-bottom: 1px dashed #CCCCCC;
	background: none;
}

#blog .cats_custom ul li.widget_categories ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) left bottom no-repeat;
}


#blog .cats_custom ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}

#blog .cats_custom ul li ul li ul{
	padding-left:10px;
}

#blog .cats_custom ul li ul li a{
	background: url(images/cat_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#blog .cats_custom ul li.widget_categories ul li a{
	background: url(images/cat_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#blog .cats_custom ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left 5px no-repeat;
	padding-left:8px;
}/* CSS Document */




/* sidebar*/


#blog .sidebar{
	width:223px;
	float:left;
	padding-top:12px;
}
#blog .sidebar_werbung{
	width:0px;
        margin-left: 10px;
	float:right;
	padding-top:12px;
}

#blog .sidebar_werbung .banner{
	padding-bottom:10px;
}

#blog .sidebar_werbung .werbung{
	padding-left:10px;
        width:200px;
}


#blog .sidebar #sidebar_left{
	float:left;
	width:200px;
	padding-left:15px;

}
#blog .sidebar_werbung #sidebar_left{
	float:left;
	width:200px;
	padding-left:15px;
}


}
#blog .sidebar_werbung #sidebar_right{
	float:right;
	width:130px;
}


#blog .sidebar ul{
	padding:0px;
	margin:0px;
	
}

#blog .sidebar ul li ul{
	padding-left:5px;
	padding-bottom:10px;
	width:95%;

}

#blog .sidebar ul li ul li ul{
	padding-left:0px;
	padding-bottom:0px;
}

#blog .sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#blog .sidebar h2{
	color:#022343;
	font-size:17px;
	margin:0px;
	padding-left:10px;
	margin-top:10px;
	padding-top:13px;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	background:url(images/h2_li.gif) repeat-x center left;
	height:28px;
}

#blog .sidebar ul li{
	color:#333333;
	background-color:#F2F9FD;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;
}

#blog .sidebar li a{
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}

#blog .sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-right:5px;
	padding-bottom:5px;
	background:none;
}
#blog .sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
	padding-bottom:0px;
}
#blog .sidebar ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
}

#blog .sidebar ul li ul li{
	border-bottom: 1px dashed #CCCCCC;
	background: none;
}

#blog .sidebar ul li.widget_categories ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) left bottom no-repeat;
}

#blog .sidebar ul li.widget_recent_comments ul li{
	border-bottom:0;
	background: url(images/solid_li2.gif) left bottom no-repeat;
}

#blog .sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}

#blog .sidebar ul li ul li ul{
	padding-left:10px;
}

#blog .sidebar ul li ul li a{
	background: url(images/cat_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#blog .sidebar ul li.widget_recent_comments ul li.recentcomments span{
	padding-left:9px !important;
	margin-left:5px;
	background: url(images/comm_li.gif) left 7px no-repeat;
	display:block;
}

#blog .sidebar ul li.widget_recent_comments ul li.recentcomments a{
	padding-left:0px !important;
	background:none !important;
}

#blog .sidebar ul li.widget_categories ul li a{
	background: url(images/cat_li.gif) left 3px no-repeat;
	padding-left:9px;
}

#blog .sidebar ul li.widget_archives ul li a{
	background: url(images/ar_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog .sidebar ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left 5px no-repeat;
	padding-left:8px;
}

.sidebar_ads{
	width:130px;
	margin-left:13px;
	margin-bottom:13px;
}

.widget_rssicon{
}

.widget_rssicon span{
	position:relative;
	top:-12px;
}

.widget_rssicon img{
	position:relative;
	top:-3px;
}

/*inside*/

#blog #blog_comm{
	clear:both;
	width:540px;
	margin-left:30px;
}

#blog #blog_comm h2{
	font-size:21px;
	font-weight:normal;
	color:#000000;
	position:relative;
	top:-10px;
	border-bottom:1px #b2b2b2 dashed;
	padding:0px;
	padding-bottom:5px;
	padding-top:5px;
}

.comm_box{
	background:#fffcec;
	margin-bottom:10px;
	padding:5px;
	padding-left:14px;
}

.comm_box_alt{
	background:#fff6bf;
	margin-bottom:10px;
	padding:5px;
	padding-left:14px;
}

#blog #blog_comm .comm_panel{
	padding-right:10px;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:6px;
	font-size:18px;
	color:#f26522;
	border-bottom:1px solid #ffe788;
}

#blog #blog_comm .comm_panel div{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#303030;
	padding:0px;
	background:url(images/item_title_icon.gif) no-repeat left center;
	padding-left:15px;
	padding-top:5px;
}

#blog #blog_comm .comm_panel a{
	color:#f26522;
}

#blog #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-right:8px;
	padding-left:10px;
	margin-left:5px;
	margin-top:8px;
	margin-bottom:5px;
	color:#666666;
	border-left:4px solid #f79e6e;
}

#blog #blog_comm .comm_text_alt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-right:8px;
	padding-left:10px;
	margin-left:5px;
	margin-top:8px;
	margin-bottom:5px;
	color:#666666;
	border-left:4px solid #000;
}

#blog #blog_comm .comm_text p{
	padding:0px;
	margin:0px;
	margin-top:10px;
}

#blog #comments_from_bg{
	background:url(images/blog_form_bg.gif) no-repeat top left;
	width:728px;
	margin-left:-29px;
}

#blog #blog_comm #comm_post_title{
	width:457px;
	height:18px;
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	padding-top:4px;
	color:#f26522;
}

#blog #blog_comm #comm_post_form{
	padding-left:45px;
	padding-bottom:5px;
}

#blog #blog_comm #comm_post_form input.text{
	font-size:14px;
}

#blog #blog_comm #comm_post_form td{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-right:10px;
	color:#000;
}

#blog #blog_comm #comm_post_form td.right{
	text-align:right;
	vertical-align:top;
}


/* end sidebar*/

/* blod item*/

#blog .tag_beschreibung{
	margin-left:30px;
	padding-bottom:15px;
	width:730px;
	float:left;
}

#blog .tag_beschreibung .head{
       font-weight: bold;
       font-size: 16px;
       color: #333333;
}

#blog .tag_beschreibung .beschreibung{
       font-size:12px;
       color: #000000;
}


#blog .werbung_artikel{
	padding-bottom:20px;
	height: 50px;
	text-align:center;
}

#blog .artikel_lesen{
float:right;
vertical-align: top;
padding-right:38px;
margin-top:-33px;
}
#blog .artikel_lesen a:hover{
color: #FF6600;
}


#blog .item_class{
	margin-left:20px;
	background-image:url(images/vorschau_bg.png);
	background-repeat:no-repeat;
	height:74px;
	_margin-left:15px;
	padding-bottom:10px;
	margin-bottom:10px;
	width:730px;
	float:left;

}

#blog .item_class .item_class_title{
	width:100%;
}

#blog .item_class .item_class_title_text{
}

#blog .item_class .item_class_title_text .titles{
	float:left;
	width:98%;
	padding:8px 8px 0px 8px;
}

#blog .item_class .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:0px;
	padding-bottom:5px;
}

#blog .item_class .item_class_title_text .top_title a{
	font-size:17px;
	color:#303030;
}

#blog .item_class .item_class_title_text .top_title a:hover{
	text-decoration:underline;
}

#blog .item_class .item_class_title_text .end_title{
	font-size:10px;
	padding-right:10px;
	padding-left:15px;
	color:#303030;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/item_title_icon.gif) no-repeat center left;
}

#blog .item_class .item_class_title_text .end_title a{
	font-weight:bold;
	color:#FF6600;
}

#blog .item_class .item_class_text{
	color:#555555;
	font-size:11px;
	line-height:20px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:10px;
	_padding-bottom:15px;
	padding-top:0px;

	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}



#blog .item_class_top{
	margin-left:20px;
	width:730px;
	float:left;
        height:10px;
        background:url(images/single_top_bg.png) no-repeat;
}


#blog .item_class_middle{
	margin-left:20px;
	width:730px;
	float:left;
        background:url(images/single_middle_bg.png);
}


#blog .item_class_bottom{
	margin-left:20px;
	padding-bottom:20px;
	width:730px;
	float:left;
        background:url(images/single_bottom_bg.png) no-repeat;
}


#blog .item_class_single{
	margin-left:20px;
	_margin-left:15px;
	padding-bottom:20px;
	width:700px;
	float:left;

}


#blog .item_class_single .item_class_title{
	width:100%;
}

#blog .item_class_single .item_class_title_text{
}

#blog .item_class_single .item_class_title_text .titles{
	float:left;
	width:98%;
	padding-bottom:10px;
}

#blog .item_class_single .item_class_title_text .top_title{
	padding-right:10px;
	padding-left:0px;
	font-style:italic;
	padding-bottom:5px;
}

#blog .item_class_single .item_class_title_text .top_title a{
	font-size:22px;
	color:#303030;
}

#blog .item_class_single .item_class_title_text .top_title a:hover{
	text-decoration:underline;
}

#blog .item_class_single .item_class_title_text .end_title{
	font-size:10px;
	padding-right:10px;
	padding-left:15px;
	color:#303030;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/item_title_icon.gif) no-repeat center left;
}

#blog .item_class_single .item_class_title_text .end_title a{
	font-weight:bold;
	color:#FF6600;
}

#blog .item_class_single .item_class_text{
	color:#555555;
	font-size:11px;
	line-height:20px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
	_padding-bottom:15px;
	padding-top:0px;

	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
}

.item_tags{
	width:730px;
	padding-top:7px;
	padding-bottom:10px;
	padding-left:25px;
	padding-right:10px;
	margin-top:8px;
	color:#303030;
	font-size:12px;
        margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.item_tags a{
	color:#303030;
}

.item_tags a:hover{
	text-decoration:underline;
}

/* end blog */

/* footer */

#footer{
	width:1000px;
	height:112px;
	float:left;
	background:url(images/footer_bg.gif) repeat-x left top;
	color:#000;
}

#footer_menu{
	text-align:center;
	font-size:14px;
	padding-top:18px;
}

#footer_menu a{
	color:#3d3d3d;
	padding-right:30px;
}

#footer_menu a:hover{
	color:#000;
	text-decoration:underline;
}

#footer_left{
	float:left;
	width:60%;
}

#footer_left div{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-top:25px;
	width:1000px;
}

#footer_right{
	float:right;
	width:39.9%;
	text-align:right;
}

#footer_right div{
	padding-top:20px;
	margin-right:20px;
}

/* end footer */




#blog .navigation{
	padding-bottom:20px;
	clear:both;
	width:70%;
	margin:0px auto;
}

#blog .navigation ul{
}

#blog .navigation ul li{
	list-style:none;
	display:inline;
	padding-right:20px;
}

#blog .navigation .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#000000;
}

#blog .navigation .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#000000;
}

div#blog h2{
	margin:0px;
	padding:0px;
	margin-left:30px;
	font-size:22px;
	color:#303030;
	font-weight:normal;
	font-style:normal;
	margin-bottom:5px;
}

div#blog h2.page_title{
	background:url(images/h2_bg.gif) no-repeat top left;
	width:550px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
	margin-left:15px;
}

div#blog .entry{
	margin-left:25px;
	padding-right:10px;
	color:#000000;
	width:540px;
}

div#blog .entry a{
	font-weight:bold;
}

div#blog .entry p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-bottom:10px;
}

.item_class blockquote p, #blog_comm blockquote p{
	padding:0xpx;
	margin:0px;
	padding-bottom:7px;
}

.item_class blockquote, #blog_comm blockquote{
	background:url(images/block_bg.gif) no-repeat left top;
	padding-left:32px;
	margin:0px;
	margin-top:0px;
	margin-left:20px;
	padding-bottom:2px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
	background:url(images/block2_bg.gif) no-repeat left top;
	padding-left:32px;
	margin:0px;
	margin-top:0px;
	margin-left:20px;
}

.item_class ol, #blog_comm ol{
	padding-left:50px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

.item_class ol li, #blog_comm ol li{
}

.item_class ul, #blog_comm ul, div#blog .entry ul{
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
}

.item_class ul li, #blog_comm ul li, div#blog .entry ul li{
	padding-left:13px;
	background:url(images/item_li.gif) no-repeat left 5px;
	list-style:none;
	padding-bottom:2px;
}

.item_class img, #blog_comm img{
	margin:5px;
}

.item_class strong, #blog_comm strong{
	color:#000000;
}

/* Archives page */
div#blog .page_archives_div{
	margin-left:20px;
	padding-right:10px;
	width:540px;
}

.ar_panel{
	padding-top:7px;
}

div#blog .page_archives_div h2{
	background:url(images/h2_bg.gif) no-repeat top left;
	width:540px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:10px;
	margin-left:0px;
}

div#blog .page_archives_div ul h2{
	border:0px;
}

div#blog .page_archives_div ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
	margin-bottom:40px;
}

div#blog .page_archives_div ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	background:none;
}

div#blog .page_archives_div ul li ul{
	margin:0px;
	padding:0px;
	padding-left:10px;
}

div#blog .page_archives_div ul li a{
	font-weight:normal;
	color:#000;
	font-size:14px;
	margin-left:10px;
	padding-left:15px;
	background:url(images/page_archives_div_li.gif) no-repeat left center;
}

div#blog .page_archives_div ul li a:hover{
	color:#666666;
}

div#blog .page_archives_div ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #e5e5e5;
}

div#blog .page_archives_div ul li ul li{
	border-bottom:0px;
}

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 95%;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */

/*	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: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

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