/*
Theme Name: DEVK
Theme URI: 
Description: DEVK Wordpress-Theme
Author: Thoxan.com
Author URI: http://wwww.thoxan.com
Version: 1.0
*/

/* 1. RESET ------------------------------------------------------ */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

h1, h2, h3, h4, h6 {
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* 2. FONTS ------------------------------------------------------ */

			

/* 3. BODY ------------------------------------------------------ */

body{
	background-image:url(images/bg.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#e9edeb;
	font-family: 'Droid Sans', sans-serif;
	color:#4a4a4a;
	margin:0;
	padding:0;
	}
	
/* 4. MAIN AREA ------------------------------------------------------ */

#main{
	width:941px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;
	padding:0;	
	}
#main:after {content:"";display:table;height:0;clear:both;visibility:hidden}

/* 5. HEADER ------------------------------------------------------ */	

#header{
	width:75%;
	height:156px;
	}
#header-top:after {content:"";display:table;height:0;clear:both;visibility:hidden}

	#header-top{
		width:100%;
		height:80px;
		position: relative;
		}
		
	#logo{
		float:left;
		width:112px;
		height:43px;
		}
		
	#description{
		float:left;
		width:365px;
		height:45px;
		font-family:Arial, Helvetica, sans-serif;
		color:#006431;
		font-size:16px;
		line-height:17px;
		font-weight:bold;
		margin-top:9px;
		margin-left:20px;
		}
		
		#description .agentur{
		color:#464648;
		font-weight:normal;
		line-height:20px;
		padding-top:2px;
		padding-bottom:0;
		margin:0;
		}
		
	#search_area{
		position: absolute;
		right: 16px;
		bottom: 14px;
		width:177px;
		}	
		
	#header-top #search #s{
		background-image:url(images/search.jpg);
		background-repeat:repeat-x;
		background-color:#f1f1f1;
		border:none;
		width:142px;
		height:21px;
		padding-right:30px;
		padding-left:5px;
		}
		
	#sidebar_head{
		width:100%;
		background-color:#FFF;
		-webkit-box-shadow: 0px -1px 5px #D8DBD9;
		-moz-box-shadow: 0px -1px 5px #D8DBD9;
		box-shadow: 0px -1px 5px #D8DBD9;
		}
		
	#rss{
		float:right;
		width:138px;
		height:13px;
		margin-top:12px;
		margin-right:16px;
	}
		
/* 6. MAIN MENU ------------------------------------------------------ */		
		
#main_menu {
	width: 75%;
	height:22px;
	padding-top:10px;
	margin-top:9px;
padding-left:5px;
	}
	
#main_menu ul li{
	display:inline;
	font-size:14px;
	padding-left:16px;
	padding-right:16px;
	text-transform:uppercase;
	}
	
#main_menu ul li a{
	color:#FFF;
	text-decoration:none;
	}
		
/* 7. CONTENT ------------------------------------------------------ */	
		
		#slider img{
			}

		#myGallery {width: 100%!important;}
		
		#slider .slideInfoZone h2{
			text-transform:uppercase;
			
			}
			
		#slider .slideInfoZone {
			width: 92%;
			padding-left:4%;
			padding-right:4%;
			padding-top:10px;
			}
		
		.jdGallery a.carouselBtn{
			display:none;
		}

		#content_single{
			float:left;
			width:97%;
			padding-left:3%;
			font-size:14px;
			line-height:20px;
			min-height:500px;
			}
		
		#content .single .really_simple_share{
				display:none;
				}
		
		
		#content_single h2{
			color:#006c38;
			font-size:22px;
			line-height:26px;
			font-weight:normal;
			text-shadow:2px 2px 2px #FFF;
			padding-bottom:0;
			margin-bottom:0;
			}
			
		#content_single h3{
			color:#392e39;
			font-size:20px;
			font-weight:normal;
			padding-bottom:0;
			margin-bottom:0;
			}
			
		#content_single h4, #content_single h5, #content_single h6{
			color:#392e39;
			font-size:16px;
			font-weight:normal;
			padding-bottom:0;
			margin-bottom:0;
			}
		
		#content_single ul li{
			background-image:url(images/bul_content.png);
			background-repeat:no-repeat;
			background-position:0 7px;
			padding-left:10px;
			}
			
		 #content_single blockquote{
			color:#006c38;
			padding-left:70px;
			padding-right:70px;
			font-family:Georgia, "Times New Roman", Times, serif;
			quotes: "\201C" "\201D";
			}
			
		#content_single blockquote:before { 
			content: open-quote; 
			font-weight: bold; 
			text-align:left;
			margin-left:-50px;
			margin-top:20px;
			float:left;
			font-size:70px;
			color:#afcdbe;
			}
		#content_single blockquote:after { 
			content: close-quote; 
			font-weight: bold; 
			text-align:right;
			margin-top:-20px;
			margin-left:520px;
			float:left;
			font-size:70px;
			color:#afcdbe;
		}
		
		#content_single #content ol li{
			list-style:decimal;
			margin-left:20px;
			}
			
		#content_single .alignnone{
			border:10px solid #FFF;
			}	
		
		#content_single .alignleft{
			border:10px solid #FFF;
			float:left;
			margin-right:20px;
			}	
			
		#content_single .alignright{
			border:10px solid #FFF;
			float:right;
			margin-left:20px;
			}	
		
		#content_single a{
			color:#006c38;
			text-decoration:none;
			}
			
		#content_single hr{
				width:100%;
				background-image:url(images/hr.gif);
				background-repeat:repeat-x;
				background-position:top;
				height:20px;
				padding:0;
				margin:0;
				border:none;
				}
		

.navright{
	float:right;
	}

.navleft{
	float:left;
	}
		
		/* 7.1 CONTENT-FRONTPAGE ------------------------------------------------------ */
		
			#slider{
				float:left;
				width:100%;
				/*height:329px;*/
				padding:0;
				border:1px solid #07522d;
				}
		
			#front_sidebar{
				width:100%;
				float:right;
				background-color:#FFF;
				-webkit-box-shadow: 0px 3px 5px #D8DBD9;
				-moz-box-shadow:0px 3px 5px #D8DBD9;
				box-shadow:0px 3px 5px #D8DBD9;
				font-size:11px;
				line-height:18px;
				padding-bottom:26px;

				/** Pull up to header */
				margin-top:-156px;
				}

#front_sidebar > ul {
	margin: 0 20px;
}
			#front_sidebar a{
				color:#4A4A4A;
				}
				
			#front_sidebar h4{
				color:#006c38;
				font-size:16px;
				font-weight:normal;
				text-transform:uppercase;
				padding-bottom:10px;
				padding-top:20px;
				margin:0;
				}	
				
			#front_sidebar hr{
				width:100%;
				background-image:url(images/hr.png);
				background-repeat:repeat-x;
				background-position:center;
				height:12px;
				padding:0;
				border:none;
				}

			#content_bg:after {content:"";display:table;height:0;clear:both;visibility:hidden}

#primary {
	width: 73%;
	float: left;
}
#primary:after {content:"";display:table;height:0;clear:both;visibility:hidden}

#secondary {
	width: 25%;
	float: right;
}
#secondary:after {content:"";display:table;height:0;clear:both;visibility:hidden}
		
			#start_column_left{
				float:left;
				width: 42.5%;
				/*height:633px;*/
				background-color:#FFF;
				overflow:hidden;
				margin-top:20px;
				padding-left:3%;
				padding-right:3%;
				}
				
				
			#start_column_left .really_simple_share{
				display:none;
				}
				
			#start_column_left .startartikel{
				background-image:url(images/trenner.gif);
				background-repeat:no-repeat;
				background-position:bottom;
				padding-bottom:14px;
				}
#start_column_left .startartikel:last-child{background:none;}
				
			#start_column_left h2{
				color:#006c38;
				font-size:16px;
				font-weight:normal;
				padding-bottom:10px;
				padding-top:10px;
				margin:0;
				}
				
			#start_column_left a{
				color:#006c38;
				text-decoration:none;
				}
				
			#start_column_left h4{
				color:#392e39;
				font-size:16px;
				font-weight:normal;
				text-transform:uppercase;
				padding-bottom:10px;
				padding-top:20px;
				margin:0;
				}
				
			#start_column_left .short_text{
				color:#4a4a4a;
				font-size:12px;
				line-height:20px;
				margin-top:0;
				padding-top:0;
				}	
				
			#start_column_left .short_text p{
				margin-top:0;
				padding-top:0;
				}	
					
				
			#start_column_left .info{
				height:20px;
				}

#start_column_left .info:after {content:"";display:table;height:0;clear:both;visibility:hidden}
			
			#start_column_left .info_left{
				width:164px;
			}
			
			#start_column_left .info_right{
				width:120px;
			}
			
			#start_column_left .info_right img{
				float:left;
				margin-top:1px;
				margin-right:5px;
			}
			
			#start_column_left .info_right a{
				text-decoration:underline;
				color:#808080;
			}
			
			
			#start_column_left .info_left, #start_column_left .info_right{
				float:left;
				color:#808080;
				font-size:10px;
			}
			
			#start_column_left .info_left a{
				color:#808080;
				text-decoration:none;
			}
		
			#start_column_right{
				float:left;
				width:48.5%;
				/*height:650px;*/
				overflow:hidden;
				margin-top:5px;
				margin-left:3%;
				}
			
			#start_column_right h4{
				color:#006c38;
				font-size:16px;
				font-weight:normal;
				text-transform:uppercase;
				padding-bottom:0;
				padding-top:20px;
				margin:0;
				}
			
			
			#lounge{
				margin-top:25px;
				}
				
			#lounge img{
				border:10px solid #FFF;
				box-sizing: border-box;
				max-width:100%;
				height: auto;
				}
			
			
			
			
			#column_left_bottom{
				clear: both;
				float:left;
				width:42.5%;
				margin-top:20px;
				padding-left:3%;
				padding-right:3%;
				color:#808080;
				font-size:12px;
				}
				
				
			#column_left_bottom ul li{
				width:100%;
				min-height:40px;
				padding-top:5px;
				padding-bottom:10px;
				margin-bottom:10px;
				background-image:url(images/border_pop.gif);
				background-repeat:repeat-x;
				background-position:bottom;
				}
			
			#column_left_bottom img{
				width:37px;
				height:37px;
				border:3px solid #FFF;
				float:left;
				margin-right:15px;
				margin-top:-5px;
				}
				
			#column_left_bottom ul li a{
				color:#808080;
				text-decoration:none;
				
				}	
				
			#column_left_bottom h5{
				color:#4a4a4a;
				font-size:12px;
				font-weight:normal;
				padding:0;
				margin:0;
				}	
				
			#column_left_bottom	.kommentar{
				padding-top:3px;
				padding-left:57px;
				padding-bottom:0;
				margin:0;
				}
				
				
				
				
				
				
			
			#column_right_bottom{
				float:left;
				width:48%;
				margin-top:20px;
				margin-left:3%;
				text-shadow:2px 2px 2px #FFF;
				font-size:12px;
				}
				
			#column_right_bottom h4, #column_left_bottom h4{
				color:#006c38;
				font-size:16px;
				font-weight:normal;
				text-transform:uppercase;
				padding-bottom:10px;
				padding-top:20px;
				margin:0;
				text-shadow:none;
				}	
				
			#column_right_bottom ul li{
				width:100%;
				padding-top:5px;
				padding-bottom:10px;
				margin-bottom:10px;
				background-image:url(images/border_pop.gif);
				background-repeat:repeat-x;
				background-position:bottom;
				}
			
			#column_right_bottom img{
				width:50px;
				height:37px;
				border:3px solid #FFF;
				float:left;
				margin-right:15px;
				margin-top:-5px;
				}
				
			#column_right_bottom ul li a{
				color:#4a4a4a;
				text-decoration:none;
				
				}
				
			#column_right_bottom .date{
				padding-top:3px;
				margin:0;
				padding-bottom:0;
				color:#808080;
				margin-left:64px;
				}
			
			
			
			
			/* 7.2 TWEETS ------------------------------------------------------ */
		
			#tweets .mtw_head, #tweets .mtw_footer{
				display:none;
				}
			#tweets .mtw_container {width: 100%!important;}
		

			#tweets .mtw_tweets{
				background-color: #E9EDEB;
			}

			#tweets .tweet p{
				background-image:url(images/devk_twitter.jpg);
				background-repeat:no-repeat;
				background-position:0 20px;
				color:#707173;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:14px;
				padding-right:5%;
				padding-top:0;
				padding-left:25%;
				min-height:75px;
				}
		
			#tweets a{
				color:#808080;
				text-decoration:none;
				}
			
			#tweets ul li.tweet{
				background-image:url(images/tweet_bg.png);
				background-repeat:no-repeat;
				background-position:65px 5px;
				width:96%;
				height:100px;
				padding: 7px 2%;
				}
		
			#tweets .tweet .avatar_border{
				width:48px;
				height:48px;
				float:left;
				margin-left:8px;
				margin-right:30px;
				margin-bottom:20px;
				margin-top:16px;
				}
				
			#tweets .tweet h4{
				display:none;
				}
				
			#tweets #text-2{
				margin-top:-10px;
				}
				
				
			/* 7.3 SINGLE ------------------------------------------------------ */	
				
			#teaser,.teaser_cat{
				background-image:url(images/teaser_bottom.png);
				background-repeat:repeat-x;
				background-position:bottom;
				float:left;
				width:100%;
				padding-bottom:15px;
				margin-bottom:30px;
				}
				
			.teaser_cat{
				min-height:200px;
				mpadding-top:20px;
				}	
				
			#teaser a{
				display:none;
				}
				
			#teaser .start_single, .teaser_cat .start_single{
				color:#392e39;
				font-size:16px;
				font-weight:normal;
				padding-bottom:15px;
				padding-top:10px;
				margin:0;
				text-transform:uppercase;
				}	
				
			#teaser .bildbox, .teaser_cat .bildbox{
				float:left;
				max-width:32%;
				margin-right:3%;
				}	
				
			#teaser img, .teaser_cat img{
				border:3px solid #FFF;
				max-width: 100%;
				width: 100%;
				height: auto;
				}
				
			#teaser .teaser_txt, .teaser_cat .teaser_txt{
				width:61%;
				padding-right:4%;
				float:left;
				font-size:14px;
				}
				
			#teaser .teaser_datum {
				margin-top:-60px;
				position:absolute;
				z-index:1;
				font-size:10px;
				color:#808080;
				text-shadow:2px 2px 2px #FFF;
				}	
				
			.teaser_cat .teaser_datum{
				/*margin-top:-60px;*/
				/*position:absolute;*/
				z-index:1;
				font-size:10px;
				color:#808080;
				text-shadow:2px 2px 2px #FFF;
				}	
				
			#teaser .really_simple_share{
				margin-top:40px;
				}	
				
			.teaser .really_simple_share{
				margin-top:40px;
				}	
				
			.head_key{
				padding-bottom:40px;
				margin-top:17px;
				}	
				
/* 8. SIDEBAR ------------------------------------------------------ */
				
#sidebar{
	width: 100%;
	float:right;
	}

#sidebar ul li{
	width:80%;
	padding:10%;
	background-color:#FFF;
	-webkit-box-shadow: 0px 3px 5px #D8DBD9;
	-moz-box-shadow:0px 3px 5px #D8DBD9;
	box-shadow:0px 3px 5px #D8DBD9;
	margin-top:20px;
	}
	
	
#sidebar ul li h4{
	color:#006c38;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:5px;
	padding-top:0px;
	margin:0;
	}



#sidebar ul li.widget_categories ul li{
	width:100%;
	padding:0;
	background-image:url(images/hr.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size:12px;
	margin-left:0;
	margin-top:0;
	padding-bottom:5px;
	padding-top:5px;
	}
	
#sidebar ul li.widget_categories ul li a{
	color:#434343;
	text-decoration:none;
	}

#sidebar ul li.widget_tag_cloud a{
	color:#808080;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	} 


#sidebar #text-4{
	padding:0;
	width:100%;
	}


#sidebar ul li.widget_text ul li{
	width:100%;
	padding:0;
	background-color:#FFF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size:12px;
	margin-left:0;
	margin-top:0;
	padding-bottom:5px;
	padding-top:20px;
}

#sidebar ul li.widget_text ul li a{
	color:#434343;
	text-decoration:none;
	}
	
#sidebar ul li.widget_text ul li img{
	float:left;
	padding-right:10px;
	margin-top:-5px;
	}





/* 9. FOOTER ------------------------------------------------------ */
				
#footer{
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	background-color:#007c40;
	float:left;
	width:100%;

	margin-top:50px;
	padding-bottom:15px;
	}
				
				
				
		#footer-content{
			width:95%;
			max-width: 941px;
			margin-left:auto;
			margin-right:auto;
			margin-top:35px;
			padding:0;
			font-size:11px;
			}

		#footer-content:after {content:"";display:table;height:0;clear:both;visibility:hidden}
		
		#footer-content h4{
			color:#FFF;
			font-size:14px;
			font-weight:normal;
			text-transform:uppercase;
			padding-bottom:15px;
			padding-top:0px;
			margin:0;
		}
		
		#footer-content ul li{
			color:#FFF;
			margin-bottom:5px;
		}
		
		#footer-content ul li a{
			color:#FFF;
			text-decoration:none;
		}
		
		#footer1{
			float:left;
			width: 23.3545%;
			margin-left:20px;
			}
		
		#footer2{
			width:15.9404%;
			float:left;
			margin-left:15px;
			}
			
						#footer2 p{
							padding-top:0;
							margin-top:0;
							line-height:15px;
							}
							
		#footer3{
			float:left;
			width:21.2539%;
			margin-left:8.9266%;
			}
			
						#footer3 img{
							border:3px solid #FFF;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							border-radius: 3px;
							}
		
		#footer4{
			float:left;
			margin-left:5.3134%;
			}
				
				
		#footer5{
			width:100%;
			max-width: 941px;
			float:left;
			font-size:10px;
			margin-top:28px;
			}
			
		#footer5 a{
			color:#FFF;
			text-decoration:none;
			}
			
			#footer5l{
			width:50%;
			float:left;
			color:#FFF;
			padding-left:20px;
			}
			
			#footer5r{
			width:50%;
			float:right;
			text-align:right;
			padding-right:20px;
			color:#FFF;
			}
				
				
/* 10. COMMENTS ------------------------------------------------------ */



#comments_new, #respond {
    color: #67757E;
    font-size: 12px;
	margin-top:50px;
	margin-bottom:50px;
}
#respond h3, #comments_new h3 {
	color:#392e39;
	font-weight:bold;
	font-size:18px;
	padding-bottom:20px;
	}
	
#comments_new a, #respond a {
    color: #006c38;
}
#author, #email, #url, #comment {
    border: 1px solid #999999;
	 -moz-box-shadow:    inset 0 0 10px #d5d5d5;
   -webkit-box-shadow: inset 0 0 10px #d5d5d5;
   box-shadow:         inset 0 0 10px #d5d5d5;
}
#comment {
	width: 100%;
}
#respond label {
    float: left;
    width: 130px;
	font-weight:bold;
}
#respond #url {
	 -moz-box-shadow:    inset 0 0 10px #d5d5d5;
   -webkit-box-shadow: inset 0 0 10px #d5d5d5;
   box-shadow:         inset 0 0 10px #d5d5d5;
}
#respond .required {
    margin-right: 10px;
}
#respond a {
    color: #006c38;
}
#submit {
	background-image:url(images/button.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	margin-bottom:5px;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-top: 4px;
    width: 201px;
}				
				
#content img.avatar{
	border:3px solid #FFF;
	float:left;
	margin-right:10px;
	}			
	
#kommentarliste{
	margin-top:20px;
	margin-bottom:50px;
	}
				
#kommentarliste ol li, #linkliste ol li{
	font-size:12px;
	padding:20px;
	background-color:#FFF;
	-webkit-box-shadow: 0px 3px 5px #D8DBD9;
	-moz-box-shadow:0px 3px 5px #D8DBD9;
	box-shadow:0px 3px 5px #D8DBD9;
}	

#content_single #content #kommentarliste ol li{
    list-style:none;

}

#content_single #content #kommentarliste ul li {
background:none;
    list-style:none;

}	

#content_single #content #kommentarliste .reply{
margin-bottom:15px;
}

#content_single #teaser .teaser_datum {margin-top:0;}
#teaser_txt .really_simple_share_specificfeeds_follow img, .really_simple_share_specificfeeds_follow img {width:auto;height:auto;border: none;}

#teaser .teaser_datum {position: relative;}

#teaser .social_share_privacy {margin-bottom: 0;margin-top:5px;clear:both;}
#teaser .social_share_privacy ul {  clear: both;margin: 0 !important;padding: 0;height: 25px;width: 100%;}
#teaser .social_share_privacy li {width: 180px!important;padding:0!important;margin:0!important;}
#teaser .social_share_privacy li.settings_info {width:30px!important;}

#teaser .social_share_privacy li .dummy_btn iframe {max-width:130px!important;}
#teaser .social_share_privacy li.settings_info {top: -1px;width:30px;}
#teaser .social_share_privacy div.help_info {margin:0!important;}

#teaser .social_share_privacy a {display:block;}

.ngg-gallery-thumbnail a:hover {margin: 0;border: 4px solid #006c38}


#mobileMenu {  background: #006d37;  color: #fff; }

#mobileMenu .mm-title {color: #fff;}
#mobileMenu .mm-close {color: #fff;}
#mobileMenu .mm-counter {color:#fff;}
#mobileMenu .mm-next:after {border-color: #fff;}

#mobileMenu .mm-panels {background: #006d37; color:#fff;}

#mobileMenu ul.mm-listview > li.current > a {color:#fff;}


#mobileMenuToggle {
	position: absolute;
	right: 5%;
	top: 78px;
	height: 18px;
	width: 20px;
	margin-right: 0;
	display: none;
}
#mobileMenuToggle > a {
	cursor: pointer;
	display: block;
	height: 100%;
	margin: 2px;
	width: 100%;
	z-index: 103; }
#mobileMenuToggle > a span {
	-webkit-transform: translate(-50%, 0px);
	-khtml-transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	-o-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
	background: #fff;
	border-radius: 1px;
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	width: 100%;
	top: 0; }
#mobileMenuToggle > a span.line2 {
	top: 8px; }
#mobileMenuToggle > a span.line3 {
	top: 16px; }