aimg/*
Theme Name: FSM2
Theme URI: http://www.fsm.archi/wpt
Author: FSM
Author URI: http://www.fsm.archi
Description: Child Theme
Version 1.1
Template: imbalance2
*/


/*-----------------------------------------------------------------------------------*/
/*	1.0 Reset+ Import Theme
/*-----------------------------------------------------------------------------------*/


/* Reset */
html, body, wrapper, main, form, ul, li, table, td { margin: 0; padding: 0; }
body, input, textarea { font-size: 12px; }

.clear { clear: both; }

/*-----------------------------------------------------------------------------------*/
/*	2.0 General Styles
/*-----------------------------------------------------------------------------------*/

/* --- Body --- */


body {
	font-family: 'Helvetica Neue', Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.3;
	color: #000000;
	background: #FFFFFF;
}

.wrapper {
	padding-left: 50px;
	padding-top: 50px;}


/* --- Tabelle Header --- */
td { vertical-align: top; }



/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
		hyphens: auto;
}
h1 {
	margin: 40px 0 20px;
	line-height: 1.3;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1.1px;
}
h2 {
	line-height: 1.3;
	font-size: 13px;
	font-weight: 300;
}
h3 {
	margin: 30px 0 10px;
	font-size: 16px;
	font-size: 1rem;
}
h4 {
	margin: 5px 0 15px;
	font-size: 12px;
	font-weight: normal; 
}
h5,
h6 {
	margin: 20px 0 8px;
	font-size: 12px;
	font-size: 0.8rem;
	font-weight: normal;
}



/*-----------------------------------------------------------------------------------*/
/*	3.0 Links + Colors
/*-----------------------------------------------------------------------------------*/

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

a:active { 
	text-decoration: none;
	color: #000000;  
}

a:hover { 
	text-decoration: none;
	color: #e1e0db;  
}



a img { 
	border: 0; 
}


/*-----------------------------------------------------------------------------------*/
/*	4.0 Generell und Nav
/*-----------------------------------------------------------------------------------*/


/* --- Trennlinie--- */

.main_separator {
	color: #ffffff; 
}


/* --- Abstand Oberkante zu Titel und Menü--- */

wrapper { 
	padding-top: 50px; 
}


.container { 
	padding: 0px; 
	margin: 0px; 
}


#nav { 
	font-family: Verdana, Helvetica, 'Helvetica Neue', Arial, sans-serif;
	color: #2e2d29;
	float: left;
	width: 260px;
	margin-left: 0px; 	
}

@media all and (min-width: 1240px)  {
	#nav {
		position: absolute; 
	}
}



#nav1  { 
	float: left; 
	width: 260px;  
	padding-right: 0px; 
	overflow: hidden; 
	font-size: 28px;
	line-height: 1.1;
	font-weight: bold;
	letter-spacing: .7px;
}

#nav1 a { 
	color: #000000;
	text-decoration: none;
}


#nav1 a:active { 
	text-decoration: none;
}

#nav1 a:active { 
	color: #e1e0db;
	text-decoration: none;
}


#nav1 a:hover { 
	color: #e1e0db;
	text-decoration: none;
}

#nav2 { 
	float: left; 
	width: 260px; 
	padding-top: 50px; 
	font-weight: bold;
	font-size: 13px;
}

#nav2 a { 
	color: #000000;
	text-decoration: none;
}

#nav2 a:active { 
	color: #e1e0db;
	text-decoration: none;
}


#nav2 a:hover { 
	color: #e1e0db;
	text-decoration: none;
}


/*-----------------------------------------------------------------------------------*/
/*	5.0 Posts
/*-----------------------------------------------------------------------------------*/



/* --- Position--- */

#boxes { 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 310px;
}


@media all and (min-width: 620px) and (max-width: 930px) {
	#boxes {
		width: 570px;
		float: left;
		margin-top: 50px;
		margin-left: 0px;  
	}
}


@media all and (max-width: 620px) {
	#boxes {
		width: 260;
		clear: both;
		float: left;
		margin-top: 50px;
		margin-left: 0px;  
	}
}


/* --- Einzelne Elemente--- */

.box { 
	width: 260px; 
	margin-bottom: 50px; 
}

.box .rel { 
	position: relative; 
}

.box .rel p { 
	margin: 0; 
}

.box .texts { 
	position: absolute; 
	top: -20px; 
	left: -20px; 
	width: 260px; 
	z-index: 200; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	color: #e1e0db;
}

.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { 
	color: #000000; 
}

.box .texts .transparent img { 
	opacity: 0.1; 
	filter: alpha(opacity=10); 
}

.box .texts .abs { 
	position: absolute; top: 0; 
}

.box .categories { 
	padding-bottom: 10px; 
}

.box h1 { 
	margin: 0; 
	padding-top: 8px; 
	margin-bottom: 30x; 
	letter-spacing: 0.3px; 
	color: #e1e0db;
}


.box h2 {
	margin: 0px; 
	padding-top: 2px; 
	color: #e1e0db;
}

.box img { display: 
	block; 
}


.fetch { 
	clear: both; 
	width: 460px; 
	margin: 0 auto 40px; 
	background: #f9f9f9; 
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center; 
}

.fetch a { 
	display: block; 
	height: 40px; 
	line-height: 40px; 
	text-decoration: none; 
}

.fetch:hover a { 
	color: #000000; 
}

#content { 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px; 
}


#nav-above { 
	float: right; 
	max-width: 260px; 
	padding-right: 50px; 
	text-align: right; 
	color: #000000; }

#nav-above a { 
	text-decoration: none; 
	color: #000000; 
}

.nav-previous, .nav-next { 
	display: inline; 
}

.nav-separator { 
	color: #e5e5e5; 
}

/*-----------------------------------------------------------------------------------*/
/*	5.1 Single Posts
/*-----------------------------------------------------------------------------------*/




/* --- Titel--- */


@media all and (min-width: 1550px) {
	#graufeld {
		width: 1190px;
		margin-top: 0px;
		margin-bottom: 50px;
		margin-left: 310px;
		overflow: hidden;
    		position: relative;
	}
}

@media all and (min-width: 1240px) and (max-width: 1550px) {
	#graufeld {
		width: 880px;
		margin-top: 0px;
		margin-bottom: 50px;
		margin-left: 310px;
		overflow: hidden;
    		position: relative;
	}
}


@media all and (min-width: 930px) and (max-width: 1240px) {
	#graufeld {
		width: 570px;
		float: left;
		margin-top: 0px;
		margin-left: 50px; 
	}
}

@media all and (min-width: 620px) and (max-width: 930px) {
	#graufeld {
		width: 570px;
		float: left;
		margin-top: 50px;
		margin-left: 0px; 
	}
}

@media all and (max-width: 620px) {
	#graufeld {
		width: 260;
		float: left;
		margin-top: 50px;
		margin-left: 0px;  
	}
}



#beitrag-data { 
	text-align: left;
	float: left;
	width: 260px; 
	padding-top: 50px;
	padding-bottom: 0px;
}

#beitrag-text {
	text-align: left;
	padding-top: 0px;
}

#beitrag-data h1 {
	text-align: left;
	padding: 0px 0px;
	margin: 0px 0px;
	line-height: 1.1;
	font-size: 22px;
	letter-spacing: .7px;
}


#beitrag-hauptbild { 
	clear: both; 
	float: left;
	display:block;
}

#beitrag-hauptbild img{ 
	max-width:100%;
}

#beitrag-rechts { 
	clear: both; 
	float: left; 
	max-width: 570px; 
	text-align: left;
	margin-top: 40px;
	color: #292929;
}

@media all and (min-width: 1240px) {
	#beitrag-rechts {
		margin-right: 50px; 
	}
}


#beitrag-rechts img {
	display:block;
	max-width:100%;
	padding-bottom: 5px;
}

#beitrag-links { 
	float: left; 
	max-width: 570px; 
	padding-top: 40px;
	color: #292929;
}

#beitrag-links img {
	display:block;
	max-width:100%;
	padding-bottom: 5px;
}

#bildbox-rechts { 
	float: right; 
}

#bildbox-rechts h5 { 
	margin: 0 0;
	padding: 0 0;
	padding-bottom: 50px;
}

#bildbox-links { 
	float: left; 
}
#bildbox-links h5 { 
	margin: 0 0;
	padding: 0 0;
	padding-bottom: 50px;
}



/*-----------------------------------------------------------------------------------*/
/*	5.2 Comments
/*-----------------------------------------------------------------------------------*/
#comments { padding: 0 0 0 246px; width: 714px; }
#comments-title { font-size: 21px; margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0; }
.comment-author { float: left; width: 280px; padding-right: 40px; font-size: 15px; }
cite { font-style: normal; font-weight: normal; }
.comment-meta { float: left; width: 280px; padding-right: 40px; color: #e1e0db; }
.comment-body { clear: both; padding-top: 7px; font-size: 15px; line-height: 21px; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { font-size: 21px; }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
input[type="text"], textarea { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }

.recent { 
	margin-top: 40px; 
	margin-left: 310px;
 	padding-top: 40px; 
	border-top: 
	1px solid #ccc; 
}


@media all and (min-width: 620px) and (max-width: 930px) {
	.recent {
		width: 570px;
		float: left;
		margin-top: 50px;
		margin-left: 0px;  
	}
}


@media all and (max-width: 620px) {
	.recent {
		width: 260;
		clear: both;
		float: left;
		margin-top: 50px;
		margin-left: 0px;  
	}
}





/*-----------------------------------------------------------------------------------*/
/*	11.0 Footer
/*-----------------------------------------------------------------------------------*/


#footer { padding: 30px 0 50px; border-top: 1px solid #ffffff; }

/* --- Footer-Elemente */
#footer-1 { float: left; width: 260px; padding-right: 50px; }
#footer-2 { float: left; width: 260px; padding-right: 50px; }
#footer-3 { float: left; width: 260px; padding-right: 50px; }
#footer-left { float: left; width: 260px; padding-right: 50px; }
#footer-right { float: left; width: 50px; padding-right: 50px; }

#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }