/*   
Theme Name: Soziale-Opposition.de
Theme URI: http://www.Soziale-Opposition.de
Description: Theme fo Soziale-Opposition.de
Author: Melchior-Christoph von Brincken
Author URI: http://www.Soziale-Opposition.de
Version: 1
*/

@font-face { font-family: 'FranklinGothic';
             src: url('font/FranklinGothicHeavyRegular.ttf') format('truetype'); }

/* Source of free font: http://fontsgeek.com/ */

@font-face {font-family: "UniversLTW01-45Light"; 
src: url("http://db.onlinewebfonts.com/t/000d657502539fcd65718797f766d4a9.ttf") format("truetype");
}

/* Source of free font: http://fontsgeek.com/ */



@media screen {
	

	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img,
	#sidebar img, #main-content img,
	.wp-caption {
		max-width: 100%; /* When images are too wide for containing element, force them to fit. */
		height: auto; /* Override height to match resized width for correct aspect ratio. */
		}

	img.aligncenter,.wp-caption.aligncenter {
		margin: 0 auto 1.5em auto;
		max-width: 100%;
		height: auto;
		}

* { margin: 0; padding: 0; }

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

/*header {position:relative; width:960px;height:300px;}*/
header {position:relative; width:740px;height:240px;}

/*
#header-logo {
	background: url('images/sozop_head800.png') no-repeat scroll top left;
 	left:-80px; top:-50px;

	width: 872px;
	height: 265px;
	position:absolute;
}

*/

#header-logo {
	background: url('images/JOB_2016_F_02_SozOp_shadow.png') no-repeat scroll top left;
 	left:-90px; top:-50px;

		width: 893px;
		height: 272px;
	position:absolute;
}


body { font: 12px/2 "UniversLTW01-45Light", sans-serif; background: #ddd url(images/bg.png); }
body b { font: 30px/2 "UniversLTW01-45Light";line-height: 1.3}
body strong { font: 20px/2 "UniversLTW01-45Light";line-height: 1.3}

/*
	TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { margin: 0 0 5px 0; font-weight: normal; line-height: 1.5; }
h1, h2 { font-family: "UniversLTW01-45Light","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 100; }
h1 { line-height: 1.3; font-size: 32px; font-stretch: ultra-condensed; /*text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc; */ font-weight: 100; text-transform: uppercase; margin: 0 0 10px 0;}
.giant { font-size: 80px; }
h2 { font-size: 22px; color: #647484; /* text-shadow: 1px 1px 0 #d7ddf2, 2px 2px 0 #d7ddf2;*/ text-transform: uppercase; letter-spacing: 4px; }
h2 em { font: italic 24px Baskerville, Georgia, Serif; letter-spacing: 0; color: black; text-transform: none; }
h3 { font-size: 20px; background: #647484; color: white; padding: 0 0 0 20px; }
h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 3px; }
h5 { font-family: "UniversLTW01-45Light","HelveticaNeue-Light"; font-size: 14px; line-height: 1.5; }
a { text-decoration: none; color: #647484; }
a img { border: 0; }
.zoomer:active { top: 0; }
.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

h1 a, h2, h4 a, h5 a { color: black; display: block; }
h3 a { color: white; }
a:hover, a:focus { text-decoration: underline; }
a:active { position: relative; top: 1px; }
p { margin: 13px 0 10px 0; font-size:20px; line-height: 170%;}

blockquote { padding: 0 0 0 15px; margin: 0 0 15px 0; font-style: italic; color: #666; }
ul, ol { margin: 0 0 15px 15px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
.button { background-image: -moz-linear-gradient(top, #6b7886, #3b4f63); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6b7886),color-stop(1, #3b4f63)); padding: 5px 15px; -moz-border-radius: 20px; color: white; font-weight: normal !important; text-transform: uppercase; border: 2px solid white !important; -moz-box-shadow: 1px 1px 3px #666; -webkit-box-shadow: 1px 1px 3px #666; }
.button:hover { background-image: none; background-color: #6b7886; -moz-box-shadow: 0px 0px 2px #999; text-decoration: none !important; }

#page-wrap { position: relative; width: 740px; padding: 30px; margin: 30px auto 5px; background: white; box-shadow: 0 0 20px black; }

#header { width: 849px; position: absolute; z-index: 10; top: -25px; left: -48px; height: 191px; background: url(images/logo+lines.png) no-repeat; }
#header h1 { position: absolute; bottom: 70px; left: 350px; line-height: 1; letter-spacing: 2px; }
#header h1 a { color: #333; text-decoration: none; }
#header p { position: absolute; bottom: 64px; left: 680px; line-height: 1; font-size: 20px; text-transform: uppercase; letter-spacing: 3px; }
#home-link { position: absolute; top: -25px; left: -48px; width: 295px; height: 190px; z-index: 40; text-indent: -9999px; }

/*#main-content { float: right; 
width: 470px; margin: 0px 0 0 0; position: relative; 
z-index: 20; }*/
#main-content { float: right; width: 66.66%; 
	margin: 0px 0 0 0; position: relative; z-index: 20; }


/*#main-quote {	width: 596px; height: 387px; background:url('images/J2016_sozop_marx.png') no-repeat; text-indent: -9999px; 
	position: relative; left: 2px; margin: 0 -80px 20px -9px; }
	*/
/*	#main-quote {	width: 596px; height: 387px; background:url('images/J2016_sozop_marx.png') no-repeat; text-indent: -9999px; 
			position: relative; left: 3px; margin: 0 -80px 20px -9px; }
*/
			#main-quote {	width: 596px; height: 410px; background:url('images/marx_shadow.png') no-repeat; text-indent: -9999px; 
					position: relative; left: 3px; margin: 0 -80px 20px -11px; }






#reichtagsbrand {
	background: url('images/Reichtagsbrand_470.png') no-repeat scroll top left;
	width: 470px;
	height: 246px;
}


.pluginButton .pluginButtonLabel {
padding: 0 5px 0 0;
position: relative;
vertical-align: top;
margin:10px 0;
}


.post { margin: 0 0 40px 0; }
.post a { font-weight: bold; border-bottom: 1px dotted #647484; }
.post a:hover { border-bottom: 1px solid white; }
.post h4, .post h4 a, .post h4 a:hover { 
	font-family: "FranklinGothic",Helvetica, Arial, sans-serif; /*color:#A5005D*/ 
	color:#aaa;border: 0; margin: 0 0 10px 0; 
	letter-spacing:2px;font-size: 30px; line-height: 130%;; }
.post h4 a:hover { text-decoration: underline; }
.post * ~ h3, .post * ~ h4 { margin-top: 25px; }

/* .meta { background: url(images/bg.png); padding: 1px 5px; color: #eee; margin: 5px 0; } */
.meta { font-size:14px;font-style:bold; font-family:'FranklinGothic'; "UniversLTW01-45Light","HelveticaNeue-Light", "Helvetica Neue Light"; 
background-color: #CE0000; padding: 1px 5px 1px 10px; color: #eee; margin: 5px 0 15px 0; }

.coupon { border: 5px dashed #ccc; padding: 20px; text-align: center; -moz-transform: rotate(-2deg); font-size: 20px; }
.breadcrumb { background: #eee; padding: 1px 5px; }

.single #post-title { color: #eee; /*text-shadow: 1px 1px 0 #666, 2px 2px 0 #666;*/ font-size: 36px; background: url(images/bg.png); padding: 30px 50px; margin: 100px 0 0 0; width: 756px; text-align: center; position: relative; left: -50px; }
/*.single aside, .single #main-content { margin-top: 0px; }*/
.single .meta { background: #666; padding: 3px 0 3px 30px; color: #eee; position: relative; left: -30px; width: 500px;font-size:10px; }
.single .entry p:first-child:first-line { font-size: 135%; letter-spacing: 1px; text-transform: uppercase; }
.single .entry p:first-child:first-letter { font-size: 250%; float: left; line-height: 50px !important; margin: 0 6px 0 0; /*text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc; */ font-weight: 100; }

#featured-widgets { list-style: none; }
#featured-widgets li { position: relative; margin: 20px 0 40px 0; }
#featured-widgets h3, #featured-widgets p { padding: 0 0 0 200px; }
.image-and-button { position: absolute; top: -20px; left: 0; width: 200px; text-align: center; }
/*catch*/
.image-and-button { position: absolute; 
	top: -20px; left: 0; width: 40%; text-align: center; }
.image-and-button img { margin: 0 0 15px 0; }

aside { float: left; width: 200px; margin: 10px 0 0 0; }
aside h4 { text-align: right; }

nav{width:100px;
	float:left;}


nav ul { list-style: none; margin: 0 0 15px 0; }

nav li { margin: 0 0 5px 0; }

nav li a {font-family:"FranklinGothic",Helvetica,sans-serif;text-transform: uppercase; background-color: #909673; overflow: visible !important; font-size: 15px; padding: 4px; width: 215px; display: block; color: white; position: relative; left: -30px; text-indent: 26px;letter-spacing:0.7px; }
nav li a em { font-size: 13px; }
.date span { background-color: #909673; background-image: url(images/shadowLeft.png); background-position: top right; background-repeat; repeat-y; position: absolute; right: 100%; height: 100%; width: 20px; top: 5px; }
nav li:nth-child(1) a { background-color: #CE0000; }
nav li:nth-child(2) a { background-color: #BF0029; }
nav li:nth-child(3) a { background-color: #B20045; }
nav li:nth-child(4) a { background-color: #A5005D; }
nav li:nth-child(5) a { background-color: #940078; }
nav li:nth-child(6) a { background-color: #740387; }
nav li:nth-child(7) a { background-color: #5B078A; }
nav li a:hover { text-decoration: none; background-color: #666; }
nav li a:hover span { background-color: #666; }






.widget { background: url(images/shadowTopRight.png) top right no-repeat; 
		padding: 17px 22px 0 0; margin: 0 0 30px 0; }
.widget h5 { color: #555; }
.widget p { color: #999; line-height: 1.5; }
.sidebar-post { margin: 0 0 20px 0; }
.sidebar-post p { font-size: 15px; }
.date { position: relative; left: -30px; text-align: right; padding: 0px 8px 2px; width: 187px; }
.latest-post h4 { color: #909673; /*text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd; */}
.latest-post .date { background: #A5005D; color: #e7e9dd; }
.latest-post .date span { background-color: #A5005D;; }
.industry-news h4 { color:#CE0000; /*text-shadow: 1px 1px 0 #e7e9dd, 2px 2px 0 #e7e9dd;*/ }
.industry-news .date { background: #A5005D; color: #e7e9dd; width: 187px; }
.industry-news .date span { background-color: #A5005D; }
.industry-news h5 {font-family: "FranklinGothic",Helvetica, Arial, sans-serif;}
	
	
	
	
	
#fdisorm #s { width: 188px; margin: 14px 0px 20px; } 

.ui-tooltip { padding: 8px; position: absolute; z-index: 999; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
* html .ui-tooltip { background-image: none; } /* Fades and background-images don't work well together in IE6, drop the image */
body .ui-tooltip { border-width: 2px; }
.mini { float: left; margin: 0 10px 0 0; }

footer { width:800px; margin: 0 auto 20px; color: #999; text-transform: uppercase; letter-spacing: 3px; }
#footer-quote { float: left; width: 49%; }
#footer-copyright { float: right; width: 49%; text-align: right; }

}
/* END screen media */

@media only screen and (max-width: 824px) {
		nav {display:none;}

	
		nav_mobile{width:100px;
			float:left;}


		nav_mobile ul { list-style: none; margin: 0 0 15px 0; }

		nav_mobile li { margin: 0 0 5px 0; }

		nav_mobile li a {font-family:"FranklinGothic",Helvetica,sans-serif;text-transform: uppercase; background-color: #909673; overflow: visible !important; font-size: 15px; padding: 4px; width: 215px; display: block; color: white; position: relative; left: -30px; text-indent: 26px;letter-spacing:0.7px; }
		nav_mobile li a em { font-size: 13px; }
		.date span { background-color: #909673; background-image: url(images/shadowLeft.png); background-position: top right; background-repeat; repeat-y; position: absolute; right: 100%; height: 100%; width: 20px; top: 5px; }
		nav_mobile li:nth-child(1) a { background-color: #CE0000; }
		nav_mobile li:nth-child(2) a { background-color: #BF0029; }
		nav_mobile li:nth-child(3) a { background-color: #B20045; }
		nav_mobile li:nth-child(4) a { background-color: #A5005D; }
		nav_mobile li:nth-child(5) a { background-color: #940078; }
		nav_mobile li:nth-child(6) a { background-color: #740387; }
		nav_mobile li:nth-child(7) a { background-color: #5B078A; }
		nav_mobile li a:hover { text-decoration: none; background-color: #666; }
		nav_mobile li a:hover span { background-color: #666; }

	}


@media only screen and (min-width: 825px) {
	nav_mobile {display:none;}
	nav li a span, .date span { background-color: #A5005D; background-image: url(images/shadowLeft.png); background-position: top right; background-repeat; repeat-y; position: absolute; right: 100%; height: 100%; width: 20px; top: 5px; }
	
	nav li:nth-child(1) a, nav li:nth-child(1) a span { background-color: #CE0000; }
	nav li:nth-child(2) a, nav li:nth-child(2) a span { background-color: #BF0029; }
	nav li:nth-child(3) a, nav li:nth-child(3) a span { background-color: #B20045; }
	nav li:nth-child(4) a, nav li:nth-child(4) a span { background-color: #A5005D; }
	nav li:nth-child(5) a, nav li:nth-child(5) a span { background-color: #940078; }
	nav li:nth-child(6) a, nav li:nth-child(6) a span { background-color: #740387; }
	nav li:nth-child(7) a, nav li:nth-child(7) a span { background-color: #5B078A; }
	
}

@media print {

/*.do-not-print { display: none; }
#comments { page-break-before: always;
	*/
	
 aside, nav { display: none; }
	


body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: "FranklinGothic",Helvetica, Arial, sans-serif; }
h1 { font-size: 17pt; }
h2 { font-size:16pt; }
h3 { font-size:13pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */






	@font-face {font-family: "Franklin Gothic Heavy";
     src:url("http://db.onlinewebfonts.com/t/7292545b182c1e188fbd3db9c4dfb680.ttf") format("truetype");}

@media only screen and (max-width: 824px) {
  #main-quote{display:none;}
	#reichtagsbrand {display:none;}
	
	#page-wrap {
	 /*   position: relative;*/
	    width: 95%;
	    padding: 10px;
	    margin: 10px auto 5px;
	    background: #FFF none repeat scroll 0% 0%; 
	/*background: #99A;*/
	}
/*	#page-wrap { position: relative; width: 100%; 
		padding: 5px; margin: 0px auto 5px; 
		background: white;}*/

	/*  header {display:none;}  */


	#header-logo {
		background: url('images/res_fist200.jpg') no-repeat scroll top left;
	 	left:-5px; top:7px;

		width: 240px;
		height: 265px;
		position:absolute;
	}
	header{
		
		height:220px;
		background-color:#000;
		width:110%;
		left:-20px; top:-21px;
		}

	header h1{color:white;
			font-family: "Franklin Gothic Heavy",Helvetica, Arial, sans-serif;
			font-size: 5em;
			line-height:1em;
			padding:60px 10px 0 40px;
		}


	.header2{
		position:absolute;
		
		width:100%;
		background: #000 url('images/res_fist200.jpg') no-repeat top center;
		left:00%;
		height: 180px;margin-bottom:20px;margin-top:-10px;
		}
	.header2 h1{
			font-family: "FranklinGothic",Helvetica, Arial, sans-serif;
			text-align: center;
				text-align:right;
		    color: white;
		    font-size: 3.3em;
		    line-height: 0.96em;
			
					width:40%;
				  	padding-left: 55px;
		
		
		 	padding-top: 75px;
			
		    text-align: center;
			font-family: "Franklin Gothic Heavy Italic","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
			font-weight: 100;}
			
			

		nav_mobile {
					    float: left;
					    margin: 0px 0 20px 0;
					    width: 106%;
						}
		 nav_mobile li {
		        width: 100%;  }	

		nav_mobile li a {
			    font-family: "FranklinGothic",Helvetica,sans-serif;
			    text-transform: uppercase;
			    background-color: #909673;
			    overflow: visible !important;
			    font-size: 15px;
			    padding: 4px;
			    width: 100%;
			    display: block;
			    color: #FFF;
			    position: relative;
				text-align:center;
			    left: -16px;
			    text-indent: 26px;
			    letter-spacing: 0.7px;}
			a {
			    text-decoration: none;
			    color: #647484;	
				}
	#main-content {  width:96%;
		padding:0 10px 0 30px;
				}
	.giant {
			
				    line-height: 110%;
					margin:20px 0;
				 
				}
	
	aside {
			    float: left;
			    margin: 10px 0 0;
			    width: 99.5%;
				}
	.meta {
			    background-color: #ce0000;
			    color: #eee;
			    font-family: "FranklinGothic";
			    font-size: 12px;
			    margin: 5px 0 15px;
			    padding: 1px 5px 1px 10px;
				}
	footer { 	width: 100%; margin: 0 auto 20px; 
				color: #999; 
				text-transform: uppercase; 
				letter-spacing: 3px; 
				}

	#footer-copyright {display:none;}
	#footer-quote {

			text-align:center;
			    width: 100%;	}
	.industry-news .date {
			      width: 100%;}
}


@media only screen and (min-width: 167px) and (max-width: 824px) {
	
	
	#page-wrap {
	 			 	/*background: green; */
	}
	
		nav_mobile {width:120%;}
		nav_mobile li {
		        width: 42%;
					float:left;
					margin:10px 20px 0 0;
				}
		nav_mobile li:nth-child(1) a { background-color: #CE0000; }
		nav_mobile li:nth-child(2) a { background-color: #CE0000; }
				
		nav_mobile li:nth-child(3) a { background-color: #B20045; }
		nav_mobile li:nth-child(4) a { background-color: #B20045; }
				
		nav_mobile li:nth-child(5) a { background-color: #940078; }
		nav_mobile li:nth-child(6) a { background-color: #940078; }
		
		nav_mobile li:nth-child(7) a { background-color: #740387; }
		nav_mobile li:nth-child(8) a { background-color: #740387; }

}

/**************/
/*  MAX 480   */

/**************/
@media only screen and  (min-width: 80px) and (max-width: 200px) {
	header h1{color:white;
			font-family: "Franklin Gothic Heavy",Helvetica, Arial, sans-serif;
			text-align:center;
			font-size: 2.4em;
			line-height:1em;
			padding:82px 10px 0 26px;
		}
	#page-wrap {
	 /*	background: blue; */
	} 
	
	nav_mobile {width:105%;}
	nav_mobile li {
	        width: 100%;
			float:left;
			
			}
	#searchform #s {
	    margin: 14px 0 20px;
	    width: 100%;}

}


/**************/

/**************/
@media only screen and  (min-width: 201px) and (max-width: 300px) {
	header h1{color:white;
			font-family: "Franklin Gothic Heavy",Helvetica, Arial, sans-serif;
			text-align:center;
			font-size: 2.8em;
			line-height:1em;
			padding:82px 10px 0 26px;
		}
	#page-wrap {
	 /*	background: blue;*/ 
	} 
	
	nav_mobile {width:105%;}
	nav_mobile li {
	        width: 100%;
			float:left;
			
			}
	#searchform #s {
	    margin: 14px 0 20px;
	    width: 100%;}

}


/**************/



@media only screen and  (min-width: 301px) and (max-width: 366px) {
	header h1{color:white;
			font-family: "Franklin Gothic Heavy",Helvetica, Arial, sans-serif;
			text-align:center;
			font-size: 3.5em;
			line-height:1em;
			padding:78px 10px 0 30px;
		}
	#page-wrap {
	 /*	background: blue;*/
	} 
	
	nav_mobile {width:105%;}
	nav_mobile li {
	        width: 100%;
			float:left;
			
			}
	#searchform #s {
	    margin: 14px 0 20px;
	    width: 100%;}

}
@media only screen  and  (min-width: 367px) and (max-width: 500px) {
		#page-wrap {
		 	background: white; 
			}
	header h1{color:white;
			text-align:center;
			font-size: 4.5em;
			line-height:0.9em;
			padding:80px 10px 0 44px;
			}
}
@media only screen  and  (min-width: 501px) and (max-width: 700px) {
		#page-wrap {
		 /*	background: yellow; */
			}
	header h1{color:white;
			text-align:center;
			font-size: 6em;
			line-height:0.9em;
			padding:50px 10px 0 44px;
			}
	
	
}
@media only screen  and  (min-width: 701px) and (max-width: 824px) {
		#page-wrap {
		/*  	background: white; */
			}
	header h1{color:white;
			text-align:center;
			font-size: 6em;
			line-height:0.9em;
			padding:50px 10px 0 70%;
			}
}

@media only screen and (min-width: 825px) {
	header h1{display:none;}
}