/*
Theme Name: mo-labs 2.0
Theme URI: http://www.mo-labs.de
Description: Template fuer mo-labs.de
Version: 2.0
Author: Moritz Cichon
Author URI: http://www.mo-labs.de
License: GPL
*/

body,form,html{
	
	margin:0px;
	font-family:'Open Sans' , Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-size:1rem;
	font-weight: 300;
	line-height: 24px;
	line-height:1.5rem;
}

body{
	background-color:#fff;
	height:100%;
}

#Maincontent .post a:link{text-decoration:underline;color:#333;}
#Maincontent .post a:active{text-decoration:underline;color:#333;}
#Maincontent .post a:visited{text-decoration:underline;color:#333;}
#Maincontent .post a:hover{text-decoration:underline;color:#FF6803;}

#Maincontent .post .meta a:link{text-decoration:underline;color:#333;}
#Maincontent .post .meta a:active{text-decoration:underline;color:#333;}
#Maincontent .post .meta a:visited{text-decoration:underline;color:#333;}
#Maincontent .post .meta a:hover{text-decoration:underline;color:#FF6803;}

a:link{text-decoration:underline;color:#666;}
a:active{text-decoration:underline;color:#666;}
a:visited{text-decoration:underline;color:#666;}
a:hover{text-decoration:underline;color:#FF6803;}

blockquote{
font-family:verdana;
font-size:14px;
font-style:italic;
border:1px solid #CACACA;
padding:0px 10px;
overflow:auto;
}

.clear{
    clear:both;
}

/*------------------- Bildpositionierung */

img{border:none;}

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

.alignright {
	float:right;
}

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

.alignleft {
	float:left;
}

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

p img {
	max-width:100%;
	height:auto;
	padding:0;
}

.wp-caption p.wp-caption-text {
	text-align:center;
	font-size:12px;
	font-size:0.75rem;
	line-height:17px;
	margin:0;
	padding-top:5px;
	color:#999;
}

/*------------------- Bildpositionierung */



h1{
	font-weight:300;
	font-size:38px;
	font-size:2.5rem;
	line-height:42px;
	line-height:2.85rem;
}

h2{
	font-weight:300;
	font-size:28px;
	font-size:1.75rem;
	margin:0px;
	line-height:40px;
	line-height:2.5rem;
}

h3{

	font-size:20px;
	font-size:1.25rem;
	margin:0px;
	font-weight:300;
	line-height:30px;
	line-height:1.875rem;
}

h4{
	font-size:16px;
	font-size:1rem;
	font-weight:300;
	line-height:24px;
	line-height:1.5rem;
}

h1 a:link,h1 a:active, h1 a:visited{color:#666; text-decoration:none;}
h2 a:link, h2 a:active, h2 a:visited{color:#666;text-decoration:none;}
h3 a:link,h3 a:active, h3 a:visited {color:#666;text-decoration:none;}

h1 a:hover, h3 a:hover{color:#FF6803;text-decoration:none;}
h2 a:hover {color:#FF6803; text-decoration:underline; }



#Wrapper{

	margin:auto;

	background-color:#333;
}
/*------------------- Zeigt das Logo im Kopf der Seite */
#Logo{
	width: 57px;
	height:36px;
	margin-top:13px;
	background:url('images/mo-labs-logo.png') no-repeat;
    vertical-align: top;
    margin-left:50%;
    left:-460px;
    position:absolute;
    display:inline-block;
}

/*------------------- Ende Logo */


/*------------------- Ende Topbar */

.Headline{
	position:absolute;
	top:55px;
	left:120px;
}



.wp-caption{
padding:7px 5px 5px 5px;
margin:20px 0px;
border:1px solid #CACACA;
background:#F5F5F5;
text-align:center;
}

.wp-caption img{
	border:1px solid #e0e0e0;
}

#Maincontent .alignleft{
	margin-right:20px;
}

#Maincontent .alignright{
	margin-left:20px;
}


#header{
	height:45px;
	position:relative;
	padding:0px 0px;
	background-color:#fff;
}

/*------------------- Navigation */

	ul,ul li{
            list-style-image:none;
            list-style-type:none;
            margin:0;
            padding:0;
        }
       
    #navigation{
        display:inline-block;
        position:absolute;
        left:-370px;
        margin-left:50%;
    	margin-top:7px;
        vertical-align:top;
    }
	#navigation .menu ul li{
		font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif;
		display:inline-block;
		font-size:18px;
		font-size:1.125rem;
		padding:12px 16px 12px 16px;
		line-height:24px;
		color:#666666;
		
	}
	
	#navigation a:link{
		color:#666666;
		text-decoration:none;
	}
	
	#navigation .menu .current_page_item
	{
		color:#FF530D;

	}
	#navigation .menu .current_page_item a:link,
	#navigation .menu .current_page_item a:active,
	#navigation .menu .current_page_item a:visited{
		color:#FF6803 !important;
		text-shadow:none;
	}
	
	#navigation .menu a{
		color:#666 !important;
	}

/*------------------- Navigation end*/

#Contentwrapper{
	display:block;
	width:960px;
	margin:auto;
	background:#fff;
}

/*------------------- Zeigt den Hauptcontent an*/

/*@media screen and (min-width: 960px) {*/
        
        #Wrapper{
            width:100%;
        }
        
        #header{
        	margin:auto;
        	width:100%;
        	height:62px;
        }
        
        #Maincontent{
			margin:auto;
			width:650px;
			float:right;
			margin:0px 30px;
        }
        
        #Sidebar{
			width:250px;
			float:right;
        }



/*}*/
/*
@media screen and (min-width: 700px) and (max-width: 959px){
    
        #Wrapper{
            width:100%;
        }
        #Maincontent{
        width:65%; 
        }
        
        #Sidebar{
            width:30%;
            margin-left:4%;
        }
}

@media screen and (max-width: 700px)
{
        #Wrapper{
            width:100%;
	    background-color:#fff;
        }
        #Maincontent{
            width:100%; 
            float:none;
        }
        
        #Sidebar{
            width:auto;
            float:none;
        }
        
        div.alignnone{
            width:97% !important;
        }
        
        div.alignnone img{
            width:100%;
            height:auto;
        }
}*/
    #Content{
    	width:100%;
    	margin:auto;
    	position:relative;
    }
    
    #Maincontent{
        line-height:1.8em;
        
    }
    
    #Maincontent>h2, 
    #Maincontent>.archiv-header,
    #Maincontent>.search-header{
    	position:relative;
    	width:650px;
    	margin:0 0 20px 0;
    	padding-top:30px;
		font-weight:400;
    	text-decoration:none;
    }
    
    #Maincontent>.archiv-header>h3{
    	font-weight:300;
    }
    
    #Maincontent>.archiv-header p{
    	margin:0px;
    }
    
        
    #Maincontent>h2>a{
    	text-decoration:none;
    }
    
    
    
    #Maincontent .post-titleimage{
    	padding-top:1rem;
    	padding-top:16px;
    	width:100%;	
    	height:auto;
    }
    
    #Maincontent .post-titleimage img{
    	width:100%;
    	height:auto;
    }
    
    #Maincontent .post ul{
    	margin-left:32px;
    	margin-left:2rem;
    }
    
    #Maincontent .post ul li{
    	list-style:disc;

    }
    
    /*------------------- Hauptcontent Ende*/
    
    #Sidebar{
    	color:#fff !important;
    	font-family:'Oswald', sans-serif;
		background-color:#333;
    }
    
    #Sidebar a:link,#Sidebar a:active, #Sidebar a:visited{color:#fff;}
    #Sidebar a:hover{color:#FF6803;}
    
    
    #Sidebar>ul>li{
    	vertical-align:top;
    	padding:20px;
    	margin-bottom:20px;
    }
    
    
    #Sidebar ul, #Sidebar li{
    	list-style:none;
    }
    
    #Sidebar ul li.widget{

    	padding-bottom: 0px;
    }
    
    #Sidebar>ul{
    	width:100%;
    	margin:auto;
    }
    
    
    /*#Sidebar ul li.widget .textwidget a{
        border-left:7px solid #444;
        padding-left:10px;
        margin-bottom: 8px;
    }*/
    
    #Sidebar ul li.widget .textwidget:hover{
        border-color:#ff6803;
    }
    
    #Sidebar ul li.widget .textwidget a{
        display:block;
    }
    
    #Sidebar ul li.widget ul li{
    	padding:0px 0px 0px 10px;
    	border-left:7px solid #444;
    	margin-bottom: 8px;
    }
    
     #Sidebar ul li.widget ul li:hover{
         border-color:#ff6803;
     }
     
     #Sidebar ul li.widget ul li a{
         display:block;
     }
    
    #Sidebar h2{
    	font-size:20px;
    	font-size:1.25rem;
    	color:#fff;
    	font-weight:300;
    	margin-bottom:10px;
    	border-bottom:2px solid #ff6803;
    }
    
    ul.social-icons{
        margin:0;
        padding:0;
        
     }
     ul.social-icons li{
        background-image:url('./images/Social-Media-Icons.png');
        width:24px;
        height:24px;
        display:inline-block;
        margin:0 5px 0 0 !important;
        padding:0 !important;
        border-left:none !important;
     }
     
     ul.social-icons li img{
     width:24px;
     height:24px;
     }
     
     li.facebook-icon{background-position:0 0;}
     li.google-plus-icon{background-position:-24px 0;}
     li.twitter-icon{background-position:-48px 0;}
     li.xing-icon{background-position:-72px 0;}
     li.instagram-icon{background-position:-96px 0;}
     li.rss-icon{background-position:-120px 0;}
    
    #search{
    	position: relative;
    	width:100%;
    	margin-top:-10px;
    	background-color:#FF6803;
    }
    
    #search #searchform #s{
    	background-color:#FF6803;
    	font-size:16px;
    	font-size:1rem;
    	width:81%;
    	padding:5px;
    	height:22px;
    	border:none;
    	color:#fff;
    	outline: none;
    }
    
    #search #searchform #searchsubmit{
    	text-indent:-3000px;
    	position:absolute;
    	right:3px;
    	top:0px;
    	height:32px;
    	width:32px;
    	background:url('./images/suchlupe.png') no-repeat;
    	border:none;
    }
    
    /*------------------- Footer*/
    
    #Footer{
    	width:100%;
    	position:relative;
    	padding:20px 0px 10px 0px;
    	color:#999;
    	background-color:#333;
    	clear:both;
    	border-top:3px solid #FF6803;
    }
    
    #FooterBottom{
		font-size:12px;
		font-size:0.75rem;
    	width:650px;;
    	height:20px;
    	color:#fff;
    	padding-top:10px;
    	margin:auto;
    	text-align:center;
    }
    
    
    #Footer a:link,#Footer a:active,#Footer a:visited {text-decoration: none;color:#fff}
    #Footer a:hover{text-decoration:underline;color:#FF6803;}
    
    #FooterItmens{
    	width:100%;
    	margin: auto;
    }
    
    .FooterItem{
    	width:266px;
    	margin-top:10px;
    	float:left;
    	padding:0px 20px;
    }
    
    
    .FooterItem ul li{list-style:none; padding:0; margin-top: 5px; }
    
    
    
    .FooterHeadline{
    	font-weight:bold;
    	margin-bottom:5px;
    	color:#666;
    }
    
    .twitterwidget-title{
    	color:#666 !important;
    }
    

    
    .widget_twitter .entry-meta span{
    	display:block;
    }
    
    #twitter-4 div ul li{
    	width:100% !important;	
    }


/*------------------- Footer Ende*/

p.PostedBy{
	color:#333;
	text-align:left;
	margin:0;
	text-align: right;

}

.meta{
		text-align:right;
		margin:0;
		padding:0;
		font-size:12px;
		font-size:0.75rem;
}

/*------------------- Commentbereich*/

#commentform{
	background:none;
	
}

#respond{
	padding-top:0px;
	margin-top:0px;
}

h3#comments{
	padding-bottom: 20px;
}

.commentlist li{
	margin-top:10px;
	margin-bottom:10px;
	line-height:20px;
	line-height:1.2rem;
	font-size:12px;
	font-size:0.75rem;
}

.commentlist{
	margin-left: 3.75rem;
	margin-left:60px;
	padding:0;
	list-style:none;
	font-weight:400;
}

ol.commentlist>li.comment{
	padding-bottom:30px;
}

.comment-author, .comment-meta{
	display:inline-block;
}

.comment-meta{
	margin-left:1rem;
	margin-left:12px;
}

span.says{
	display:none;
}

.comment-author{
	color:#FF530D;
	font-weight: 700;

}

.comment-author>img{
	margin-left:-60px;
	position: absolute;
}

.commentlist .children{
	margin-left:51px;
}

.commentlist ul.children  li{
	padding:10px;
}



.commentlist .reply{
	width:100%;
	position:relative;
	text-align:left;
	background-color:#fff;
	
}

.commentlist .reply a{
	padding:5px 20px;
	background-color:#efefef;
	border:1px solid #e1e1e1;
}

.commentlist .reply a:hover{
	background-color:#FF6803;
	color:#fff !important;
	border:1px solid #FF6803;
}

.commentlist img.avatar{
	float:left;
	margin-right:10px;
}

cite.fn, span.says{
	font-style: normal;
}

span.avatar{
	float:left;
	margin-right:10px;
}

/*------------------- Commentbereich Ende*/

#Maincontent div.post{
	position:relative;
	padding-bottom:40px;
	margin-bottom:40px;
	width:100%;
	border-bottom:1px solid #e3e3e3;
}

#Maincontent div.post.singlepost
{
	margin-bottom:30px;
}

#Maincontent #widgetsUnderPost{
	margin:1em 0;
}

#Maincontent #widgetsUnderPost ul{
	margin-left:0px;
}


#Maincontent #widgetsUnderPost ul li{
	list-style:none;
}

#Maincontent #widgetsUnderPost ul li.Shariff a:link{
	text-decoration:none;
}

.post-content p iframe{
	width:100%;
}

.post-content p.meta{
	color:#fff !important;
}

.post-content p.meta a{
	padding:5px 15px;
	background-color:#efefef;
	border:1px solid #e1e1e1;	
}

.post-content p.meta a:hover{
	color:#fff !important;
	background-color:#FF6803;
	border:1px solid #FF6803;
}


div.post-content{
	position:relative;
	width:650px;
}	

/*
#Maincontent div.archiv-header,
#Maincontent div.search-header,
#Maincontent div#respond, 
	,
li.pingback,
ol.commentlist>li.comment{
	background-color:#fff;
	padding:15px;
	margin:0px 7px 35px 7px;
	border:1px solid #E3E3E3;
}*/

#Maincontent .comments
{
	position:relative;
	width:650px;
	color:#666 !important;
}


#wp_page_numbers{
	margin-left:7px;
	background:none;
	text-align:center;
	font-size:14px;
	font-size:0.875rem;
}

#wp_page_numbers ul{
	background-color:transparent !important;
	display:inline-block;
}

#wp_page_numbers li{
	background-color:transparent !important;
}

#wp_page_numbers li.page_info{
	background-color:#fff !important;
}

#wp_page_numbers li a{
	background-color:#fff;
}

.social4i{
	margin-top:20px;
}

.social-ring{
	margin-top:26px !important;
}

#Maincontent .yarpp-related{
	margin-top:2em;
	border-top:1px solid #e3e3e3;
	padding-top:2em;
}

#Maincontent .yarpp-related a:link{
	font-weight:normal;
	text-decoration:none;
}

.Articel-Topics{
	margin:0px 0px 0px 0px;
	font-size:12px;
	font-size:0.75rem;
}

.Articel-Topics a{
	padding:2px 10px;
	margin:0px 5px;
	background-color:#efefef;
	border:1px solid #e1e1e1;
	text-decoration:none !important;
}

.Articel-Topics a:hover{
	color:#fff !important;
	background-color:#FF6803;
	border:1px solid #FF6803;
}

.Articel-Topics>b{
	display:block;
}


pre{
color:#008000;
margin-left:20px;
margin-right:20px;
padding:10px;
border:1px solid #999999;
}

.social_share_privacy_area li.settings_info .settings_info_menu{
	z-index: 0 !important;
}

/* large desktops and up ----------- 
@media screen and (min-width: 980px) {
}*/

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 979px) {
	#navigation{
		width:100%;
		display:block;
		left:0px;
		margin-left:0;
		position:relative;
	}
	#navigation .menu>ul{
		text-align:center;
	}
	
	#Logo{
		display:block;
		position:relative;
		left:-29px;
	}
	#header{
		height:auto;
	}
	#Maincontent{
		width:66%;
		margin:0 2%;
	}
	
	#Maincontent .comments{
		width:100%;
	}

#Maincontent .comments textarea{
		width:96%;
	}

	#Sidebar{
		width:30%;
		background-color:#333;
	}
	#Sidebar ul li.widget ul li{
	margin-bottom:1em;
	}
	#Contentwrapper{
		background-image:none;
	}
	
	#Contentwrapper{
		width:auto;
	}
	
	#FooterBottom{
		width:100%;
	}
	#Wrapper>*,#Wrapper{
		border:none;
		background-color:#fff;
	}
	
	#Maincontent>h2, #Maincontent>.archiv-header, #Maincontent>.search-header,div.post-content{
		width:100%;
	}
}

@media screen and (max-width: 767px) {
	#Maincontent,#Sidebar{
		width:96%;
		margin:0 2%;
	}	


	
}