/*  
Theme Name: Schueller
Theme URI: http://www.andreas-schueller.com
Description: 
Version: 0.1
Author: FNS
Author URI: http://fns.o-nan.org
*/

/* IMPORTS
********************************* */
@import url("css/screen.css");

/* GLOBALS
********************************* */
html { height: 101%; }
body {	
	color: #FFF;
	color: #D1CDCA;
	margin: 0;
	background:#070707 url(images/screen_1.png) top center no-repeat;
	font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	}
a { color: #9d0604; }
a:hover { color: #FFF; }
.container {width:995px;margin:0 auto;}
#vorhang { }
.alignleft { text-align: left;}
.alignright { text-align: right; }
strong { font-weight: bolder; color: #FFF; }

/* NAVIGATION 
********************************* */
#logo { text-align: center; margin-top: 150px; }
#nav_wrapper { text-align: center; margin: 18px 0 ;}
	#nav_wrapper ul { list-style-type: none; display: inline; text-align:center;}
	#nav_wrapper ul li { display: inline; padding: 0 15px; }
	#nav_wrapper a { color: #FFF; text-decoration: none; text-transform:uppercase;}
	#nav_wrapper a:hover { color: #9d0604; }


/* CONTENT 
********************************* */
#content_wrapper {
	background:transparent url(images/content_bg.png);
	padding:  30px 10px;
	min-height:400px;
	border: 1px solid #13110F;
	}	
	h2 { font-size: 1.2em; text-transform:uppercase; color: #FFF; }
	h3 { font-size: 1.1em; text-transform:uppercase; color: #FFF; margin: 0 0 5px 0; padding: 0; }
	
	.Kalender p { margin: 0; }
	.more { margin: 3px 0 10px 0; }
	.post { background: #040404;}

	.padded { padding: 10px; }
	
	#sidebar ul { margin: 0; padding:  0;}
		#sidebar ul li { margin: 5px 0 0 5px; list-style-type: none;}
	#sidebar ul li p {margin: 5px 0 0 5px;   }
	
	.navigation { float: right; }

/* Surround uppercase words and abbreviations with this class.
   Based on work by J�rgen Arnor G�rds� Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}
/* FOOTER 
********************************* */
#footer {  text-align: right; padding: 5px 0 0 0; }


/* FORMULAR 
********************************* */

.linklove { display: none; } 
.cform { }
.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 5px 0; 
	border:none;
}
.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}
.cform legend { 

	display: none;
}
ol.cf-ol { 
	margin:0!important; 
	padding:15px 0 0 0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.1em;
}
.cform label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
}
.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}
label.cf-before {
	margin:4px 10px 0 0; 
}
label.cf-after 	{
	margin:4px 2px 0pt 6px;
	text-align:left;
	width:75px;
}
label.cf-after span {
	width:75px;
	display:block;
}
label.cf-group-after {
	margin:4px 0 0 2px;
	width:60px;
	text-align:left;
}
label.cf-group-after span {
	width:60px;
	display:block;
}
span.reqtxt,
span.emailreqtxt { 
	margin:0px 5px 7px 98px;
	display: block; 
	vertical-align:top;
}

/* CODA-Slider 
********************************* */
/*.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}	 */

		/* These 2 lines specify style applied while slider is loading */
		.csw { width: 100%; height: 350px; overflow: scroll }
		.csw .loading {margin: 100px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 		
			margin: auto;
			width: 630px; 
			height: 300px;
			clear: both;		
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;		
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 630px; 
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */			 display: none; }
				
		.stripNavL a, .stripNavR a {	display: none;		}
		
/* Scroll-panes 
********************************* */	
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
/* 	width:310px!important;	 */
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}
		
	#pane1, #pane2 { height:400px; overflow: auto; padding: 10px 10px 0 10px; }
	 .jScrollPaneTrack { background: #000;  }
	 .jScrollPaneDrag { background: #232323;}