/*************************
all styles by outline4.ch 

rot		99101E 

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

/* General Semantic Tags
----------------------------------------------------------------------------------------------------*/

header, article, footer, section, nav {display: block; position: relative;  }
	nav h1 {display: none;} /* Being friendly to newsreaders */

/* Reset
-------------------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,nav,footer,section,article,img {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; margin-bottom: 7px; vertical-align: top; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,b,strong,th,var { font-style:normal; font-weight:normal; }
ul { list-style: disc; /* list-style-position: inside; */ }
ol { list-style: decimal; list-style-position: inside; }
td {vertical-align: top; padding-right: 10px;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
p,dl,hr,ol,ul,pre,table,fieldset { margin-bottom: 7px; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* Set to 100%
-------------------------------------------------------------------------------------------------- */
html, body {
	height: 100%;
}

/* Generated by Font Squirrel
-------------------------------------------------------------------------------------------------- */

/* Trade Gothic Bold Condensed No. 20 font-size-adjust: 0.54; titelschrift */
@font-face {
	font-family: 'TradeGothicLTStdBoldCondensed';
	src: url('fonts/tradegothicltstd-bdcn20-webfont.eot');
	src: local('☺'), url('fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'), url('fonts/tradegothicltstd-bdcn20-webfont.svg#webfontkZLFPhEE') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Typo Latin Serif Bold font-size-adjust: 0.57; laufschrift */
@font-face {
	font-family: 'TypoLatinserifBoldRegular';
	src: url('fonts/typolatinserif-bold-webfont.eot');
	src: local('☺'), url('fonts/typolatinserif-bold-webfont.woff') format('woff'), url('fonts/typolatinserif-bold-webfont.ttf') format('truetype'), url('fonts/typolatinserif-bold-webfont.svg#webfontBw4LGuhi') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Body
----------------------------------------------------------------------------------------------------*/
			
body { font: 14px/20px Georgia, sans-serif; color: #000; font-style: normal;  background: url(/css/images/bkgrd/eggshell-bw.jpg) repeat 0 0 #fff; background-attachment:fixed; -webkit-text-size-adjust: none; } /* eggshell-bw eggshell fawn sand */


/* Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 23px; line-height: 23px; }
h2 { font-size: 18px; line-height: 18px; }
h3 { font-size: 14px; line-height: 18px; }
h4 { font-size: 13px; line-height: 13px; }
h5 { font-size: 12px; line-height: 13px; }
h6 { font-size: 12px; line-height: 12px; }
 

h1, h2, h3, h4, h5, h6 { font-style: normal; font-variant: normal; font-weight: bold; font-family: /* 'TradeGothicLTStdBoldCondensed' */ Arial, sans-serif; margin-bottom: 7px; letter-spacing: -0.03em;}
h4 { margin-bottom: 0em; }

.h0 { font-size: 35px; line-height: 35px; }
.h1 { font-size: 23px; line-height: 23px; }
.h2 { font-size: 18px; line-height: 18px; }
.h3 { font-size: 14px; line-height: 18px; }
.h4 { font-size: 13px; line-height: 13px; }
.h5 { font-size: 12px; line-height: 12px; }

.titelschrift_bold, .titelschrift {font-style: normal; font-variant: normal; font-weight: normal; font-family: /* 'TradeGothicLTStdBoldCondensed' */ Arial, sans-serif; }
.titelschrift a, .titelschrift a:visited {color: #000;}
.titelschrift a:hover {color: #99101E;}
.laufschrift_bold, .laufschrift {font-style: normal; font-variant: normal; font-weight: normal; font-family: Georgia, sans-serif; }

/* Links
----------------------------------------------------------------------------------------------------*/

a, a:visited { letter-spacing: 0; color: #000; text-decoration: underline;  }
a:hover { color: #99101E; text-decoration: none; }

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
	/* display: inline-block; */
}

/* Link icons */ 

a.external_link {padding-left: 20px; background: url(/css/images/icons/link.png) no-repeat 0 0 transparent; min-height: 16px;}
a.download_icon {padding-left: 23px; background: url(/css/images/icons/download.png) no-repeat 0 50% transparent; height: 16px; }


/* Inline Formats
----------------------------------------------------------------------------------------------------*/

i, em { font-weight: normal; color: #000; font-style: italic;}
b, strong {font-style: normal; font-variant: normal; font-weight: bold;}

hr { border: 0; margin-left: 0px; color: #000; background-color: #000; height: 1px; }


/* Layout divs
----------------------------------------------------------------------------------------------------*/


#background {position: relative; width: 791px; min-height: 100%;  }
#wrapper {position: relative; float: left; }

	#menu_column {position: fixed; margin-left: 50px; top: 0; width: 155px; float: left; z-index: 2;}
		
		#logo_container {position: relative; float: left; height: 140px; width: 100%;}
			#logo {position: absolute; left: -25px; top: 30px;}	
			
			
		.menu_box { position: relative; display: block; float: left; width: 155px; /* border-bottom: 1px solid #000; */ margin-right: 10px; margin-bottom: 14px; overflow: visible;}
		.soon_box { position: relative; display: block; float: left; width: 155px; margin-right: 10px; margin-bottom: 20px; overflow: visible;}
		
	#content_column { position: relative; width: 582px; min-height: 700px; float: left; margin-left: 210px; border-left: 1px solid #000; border-right: 1px solid #000; z-index: 1;}
		
		/* events */
		
		#listing_column { position: relative; float: left; padding: 0 10px 0 25px; margin-top: 30px; width: 170px; border-right: 1px solid #000; }
		#listing_column a, #listing_column a:visited {color: #000; text-decoration: none;}
		#listing_column a:hover {color: #99101E; text-decoration: none;}
		
			.events_listing_entry {padding-bottom: 10px; margin-bottom: 15px; word-wrap: break-word; /* border-bottom: 1px solid #000; */}
			.listing_temp {background: url(/css/images/stripe-gray.png) repeat 0 0 transparent; }

			
			.last_entry {margin-bottom: 0px!important;}
				.events_listing_date { padding: 4px; background: #000; color: white; margin-bottom: 0px; font-size: 16px; line-height: 16px;
					/* -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; */
				}
				.events_listing_foto_container {position: relative; margin-bottom: 3px; }
					.events_listing_type {position: absolute; right: 0px; top: 0px; background: #C6C7C8; padding: 2px; font-family: /* 'TradeGothicLTStdBoldCondensed' */ Arial, sans-serif;  }
				.events_listing_details h2 { margin-bottom: 2px;}
				.events_listing_details h3 { margin-bottom: 5px;}
				.events_listing_details h4 { margin-bottom: 7px;}
	
				.listing_active {background: #99101E;}
				.listing_active .events_listing_date { background: #99101E; color: white; }

				.listing_active a, .listing_active a:visited {color: #fff; text-decoration: none;} 
				.listing_active a:hover {color: #fff; text-decoration: underline;}
		
				.listing_active .events_listing_details h2, 
				.listing_active .events_listing_details h3, 
				.listing_active .events_listing_details h4 {color: #fff; padding-left: 4px; padding-right: 4px; }
		
			.events_infozeile {margin-top: 22px;}
			.events_invert {padding: 8px; padding-bottom: 8px; background: #000; color: #f7f7f7; margin-bottom: 7px;}
			.events_invert a {color: #fff;}
			.events_invert a:hover {color: #99101E;}
			
		#detail_column { position: relative; float: left; padding: 0 25px 0 10px; margin-top: 30px; width: 340px; }
			#events_part {}
			.events_detail_entry {margin-bottom: 10px; border-bottom: 1px solid #000;}
				.events_detail_title {text-align: center; height: 30px;}
				.events_detail_foto_container { margin-bottom: 7px;}
				.events_detail_text_container { position: relative; }

					.events_detail_date {font-size: 20px; line-height: 23px; margin-bottom: 5px;}
					
					.events_detail_headers, .events_supporting_detail_headers {margin-bottom: 11px;}
					.events_detail_headers h1 { margin-bottom: 5px;}
					.events_detail_headers h2 { margin-bottom: 5px;}
					.events_detail_headers h3 { margin-bottom: 5px; margin-top: 0px; font-size: 20px; line-height: 20px; }
					.events_detail_headers h4 { margin-bottom: 7px;}

					.events_detail_style {font: 14px/17px Georgia, sans-serif; color: #000; font-style: normal; }
					.events_detail_type {position: absolute; right: 0px; top: 0px; background: #C6C7C8; padding: 2px; font-family: /* 'TradeGothicLTStdBoldCondensed' */ Arial, sans-serif;  }
			/* within events on home */
			#blog_part {background: #fff}
				
				.blog_detail_title {text-align: center; vertical-align: middle; height: 40px; padding-top: 10px;}
				
				.blog_detail_entry {margin-bottom: 10px; border-bottom: 1px solid #000;}
				
				.blog_detail_entry h2 { font-size: 17px; line-height: 17px; }
				.blog_detail_entry h3 { font-size: 17px; line-height: 17px; }
				
		
		/* blog */
		
		#blog_column { position: relative; float: left; padding: 0 10px 0 25px; margin-top: 30px; width: 340px; }
			
			
			.blog_intro_title {height: 35px; border-bottom: 1px solid #000; margin-bottom: 15px;}
			.blog_entry {margin-bottom: 10px; border-bottom: 1px solid #000;}
			.temp_entry {background: url(/css/images/stripe-gray.png) repeat 0 0 transparent;}
			.blog_footer {color: #666; }
			.blog_footer a, .blog_footer a:visited {color: #666; }
		
		#archive_column { position: relative; float: left; padding: 0 25px 0 10px; margin-top: 65px; width: 170px; }
			#tags {margin-bottom: 20px;}
			#tags h2 {padding: 4px; background: #000; color: white; margin-bottom: 7px; font-size: 16px; line-height: 16px; }
			#nav_categories li { list-style:none; list-style-type: none; }
			
			#archiv {margin-bottom: 20px;}
			#archiv h2 {padding: 4px; background: #000; color: white; margin-bottom: 7px; font-size: 16px; line-height: 16px; }
			
			
		#content {padding: 0 20px; margin-top: 30px; }
		#content ul { margin-left: 15px;} 
	
		/* infos */
		
		#infos_column {position: relative; float: left; padding: 0 25px 0 25px; margin-top: 30px; width: 532px; }
		#infos_left_column {position: relative; float: left; padding: 0 10px 0 25px; margin-top: 30px; width: 340px; }
		#infos_right_column {position: relative; float: left; padding: 0 25px 0 10px; margin-top: 65px; width: 170px; }
		
			#infos_left_column h1, #infos_right_column h1, #infos_column h1 {font-size: 25px; line-height: 25px; } 
			#infos_left_column h3, #infos_right_column h3, #infos_column h3 {margin-bottom: 0px;} 
			#infos_left_column em, #infos_right_column em, #infos_column em {padding: 4px; background: #000; color: #f7f7f7; display: inline-block; width:100%; font-style: normal;}
			.invert {padding: 8px; background: #000; color: #f7f7f7; margin-bottom: 7px;}
			.abstand {height: 30px;}
	
	#aside_column { position: fixed; top:30px; left: 793px; width: 105px; padding: 0 0 0 10px; /* margin-top: 30px; */ z-index: 2;}
		
		#aside_monatsplakat { float: left; overflow: visible; margin-bottom: 14px;} 
		#aside_monatsplakat h1 { margin-bottom: 7px;}
		#aside_monatsplakat a, #aside_monatsplakat a:visited { color: #000;}
		#aside_monatsplakat a:hover {color: #99101E;}

		
		#aside_kopf_monat { float: left; overflow: visible; margin-bottom: 15px;}
		#aside_kopf_monat h1 { margin-bottom: 10px;}
		#aside_kopf_monat a, #aside_kopf_monat a:visited { color: #000;}
		#aside_kopf_monat a:hover {color: #99101E;}
		
		#aside_kopf_monat a img {display: block; text-decoration: none; margin-bottom: 3px;}

	
		#aside_newsletter {float: left; margin-bottom: 10px;}
		#aside_newsletter input {width: 105px; margin-bottom: 5px; }
	
		#aside_social_icons {float: left; border-top: 1px solid #000; padding-top: 10px; text-align: center; width: 105px;}
			.social_icon {float: left; margin-right: 10px}
		
		#address {}
		
		#oeffnungszeiten {}
		#oeffnungszeiten h1 {margin-bottom: 7px;}
		#oeffnungszeiten p {margin-bottom: 7px;}
		
		#soon {}
		.soon_item a, .soon_item a:visited {color: #000;}
		.soon_item a:hover {color: #99101E;}

	
	ul#job_listing { margin-left: 0px;  list-style-type: none; list-style: none;}
	ul#job_listing li { display: block; list-style-type: none; list-style: none;}
	ul#job_listing li a { display: block; color: #000; }
	ul#job_listing li a:hover { color: #99101E; }


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

ul#main_nav { position: relative; float: left; width: 150px; overflow: visible; /* margin-left: 5px; */}
ul#main_nav li { display: block; width: 100%; float: left; list-style:none; list-style-type: none; }

ul#main_nav > li > a, 
ul#main_nav > li > a:visited {display: block; float: left; font: normal 23px/30px Georgia, sans-serif; letter-spacing: 0; color: #000; white-space: nowrap; padding: 0;  text-decoration: none;}
ul#main_nav > li > a:hover, ul#main_nav li.here > a { color: #99101E; }


/* Specials
----------------------------------------------------------------------------------------------------*/
.noborder, a.noborder, a.noborder:hover {border: none;}
.margin_btm {margin-bottom: 10px!important;}
.no_margin, .nomargin {margin-bottom: 0px;}
.small_margin_btm {margin-bottom: 7px;}
.uppercase {text-transform: uppercase;}
.small { font-size: 12px; line-height: 14px; }
.border {border-bottom: 1px solid #000;}
.center {text-align: center;}
.ident {padding-left: 10px;}
.no_wrap {white-space: nowrap;}
.logged_in_logo { top:30px!important;}
.logged_in_aside { top:60px!important;}
.big_margin_top {margin-top: 30px;}
.big_margin_btm {margin-bottom: 30px;}
.margin_top {margin-top: 10px;}
.img_left_medium { border: medium none; display: block; float: left; margin: 0 14px 7px 0; width: 170px; }
.img_left_small { border: medium none; display: block; float: left; margin: 0 14px 7px 0; width: 100px; }
.remove_padding {padding-left: 0!important; padding-right: 0!important;}


/* 	.format class Styles
	Formatting for use with wysiwyg and images till border 
----------------------------------------------------------------------------------------------------*/
.format p,.format h1,.format h2,.format h3,
.format h4,.format ul,.format ol,
.format hr,.format pre,.format fieldset, .format fieldset legend { padding-left: 10px; padding-right: 10px;}
.format .remove_padding {padding: 0px;}
.format ul li, .format ol li {margin-left: 15px;}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Admin Elements
----------------------------------------------------------------------------------------------------*/

a.modalbox_zoom {  }
a.modalbox_edit { color : #fff; background: #666; font-size: 10px; padding: 0 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ text-decoration: none;}
a:hover.modalbox_edit { color : #fff; background: #999; text-decoration: none;}

#admin_box {position: relative; width: 100%; height: 30px; background: url(/css/images/stripe-gray.png) repeat 0 0 transparent; z-index: 99; float: left; }
	#admin_box ul { position: relative; padding: 8px 30px; }
	#admin_box li {list-style: none; float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #707173;}
	#admin_box li.first, #admin_box li.last {border: none;}
	
	#performance_indicator {position: absolute; right: 10px; top:6px; text-align: right;}



/* Temporary Stuff
----------------------------------------------------------------------------------------------------*/

#wrapper_temp {position: relative; margin: 0 auto; width: 750px; height: 100%;}
#logo_temp {text-align: center; width: 228px; height: 228px; position: absolute; left: 50%; top: 50%; overflow: visible;
	margin-left: -114px; 
	/* Half the width of the DIV tag which is 50 pixels */
	margin-top: -114px; 
	/* Half the height of the DIV tag which is also 50 pixels */
}

/* Trade Gothic Condensed No. 18 font-size-adjust: 0.52;
@font-face {
	font-family: 'TradeGothicLTStdCondensed';
	src: url('fonts/tradegothicltstd-cn18-webfont.eot');
	src: local('☺'), url('fonts/tradegothicltstd-cn18-webfont.woff') format('woff'), url('fonts/tradegothicltstd-cn18-webfont.ttf') format('truetype'), url('fonts/tradegothicltstd-cn18-webfont.svg#webfontu4X1345A') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* Typo Latin Serif Light font-size-adjust: 0.56;
@font-face {
	font-family: 'TypoSlabserifLightRegular';
	src: url('fonts/typoslabserif-light-webfont.eot');
	src: local('☺'), url('fonts/typoslabserif-light-webfont.woff') format('woff'), url('fonts/typoslabserif-light-webfont.ttf') format('truetype'), url('fonts/typoslabserif-light-webfont.svg#webfontyd0y1TsT') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/