/*  
Theme Name: FS_intune
http://www.hiveminds.co.uk/node/3082
Theme URI: http://www.fs-photo-design.de/
Description: Wordpress Thema basieren auf CSS Layout mit 3 Bereichen und jeweils 1 Spalte 
Version: 1.1
Author: Folker Schellenberg
Author URI: http://www.fs-photo-design.de/

	

*/
body {
   /*background-image: url(images/BG9.gif);*/
	color:#666666;
	font-family:Helvetica, Geneva, Arial,  sans-serif;
	font-size: 12px;
	line-height: 12pt;
	text-align:justify;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}

#outerContainer {
	width: 760px;  /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	border: solid 1px #ff3801;
	margin-top:5px;
	 
}

#outerNav{
		height:30px;
		padding: 0px;
		position:relative;
		z-index:10;
		opacity: 0.5;
		filter: alpha(opacity=50); /* for ie */
	
		}
#outerNav ul{
	padding:0;
	margin:0;
	float:right;
}

#outerNav ul li {
	font-size: 10pt;
	line-height:18px;
	list-style-position: inside;
	list-style-type: none;
	display:inline;
	margin-right: 10px;
	padding-top:3px;
	float:left;
}
#innerContainer {
   width: 760px;
	background: #FFFFFF;
	margin: 0;
	margin-top:250px;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	 
}
#header {
	margin:0;
	padding: 0;
	position:absolute;	
	top:6px;
}

#header h2 {
	
}

#main { 
	padding: 0;
	position:relative;
	/*background-image: url(images/BG2.gif);*/
	min-height: 300px;
	}

.Col1{
	float: left; 
	display:block;
	/*width: 562px; */
	padding: 0px; 
	/*border-right: 1px dotted #CCCCCC;*/
	margin:12px;
	position:relative;
}

.Col2 {
	float: right; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 172px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	padding:  0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
		}


#mainCol1Content {
	float:left;
	padding:0;
	color: #000000;
	
	
}
.Stellenseite{
	width:100%;
	margin-top:10px;
}


.Stelle {margin: 15px 0 0 30px;}

.Stellen {
margin:0;
padding:0;
table-layout:auto;
}
.Stellen td, .Stellen th{ 
padding:10px;
}
.Stellen a {
font-weight: bold;
font-size: 10pt;
}


#mainCol1Content h1 {margin:0; padding-bottom:30px; font-size:14px; color:#666666; font-weight:bold;}
#mainCol1Content h2 {  font-size:10pt;	color:#606060;}
#mainCol1Content .h2a {margin-left:45px; margin-bottom:10px;}


#mainCol1Content h3 {
	margin-top:40px;
	margin-bottom:15px;
}

#mainCol1Content table th,  #mainCol1Content table td {
	padding-top:5px;
	vertical-align:top;
}

#footer { 
padding: 0; 
margin-top:12px;
}
#footer p a:hover, #footer a:visited, #footer a:active{
color: #999999;
}          
#footer p {
	padding: 0;
	color: #999999;
	text-align:center;
	font-size: 10px;
}

#footer_content {
	background-color: white;
	border: none;
	min-width:100%;
	padding: 0;
	float:left;
}

#footerCol1 {
	margin:15px;
	border: 1px solid #000000;
	padding:10px;
}

#footer_content_box {
	margin:15px 30px 15px 15px;
	border: 1px solid #000000;
	padding:10px;
	height: 14px;
}

#footer_content_box #creator { float:left; }

.fliesstext {
	color: #666666;
	font-family: Helvetica, Geneva, Arial,  sans-serif;
	font-size:10pt;
	line-height:14pt;
	text-align: justify;
	width:724px;

}

#header_content {
	background-color: white;
	border: none;
	padding: 0;
	margin:0;
	float:left;
}

#visualFrame {
	position:relative;
	margin:0px;
	padding:0px;
	
	
}

.Teaser{
color:#eeeeee;
font-family:Helvetica, Arial,  sans-serif;
font-size:16px;
position:absolute;
bottom: 10px;
left: 25px;
font-weight: bold;
z-index: 99;
}
#visualFrame img{margin:0px; padding:0px; border:none;}
#visualFrame2 {
	margin-top:-30px;
	margin-left:330px;
	float:left;
	z-index: 99;
	position:absolute;
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}

#searchform {
	margin:0;
	padding:0;
	background: #c5c5c5;
	width:100px;
	margin-right:3px;
	margin-top: 3px;
	float:right;
	border:none;
	
}
.suchfeld {
	background: none;
	margin: 0px;
	padding-left:5px;
	width:93px;
	height:18px;
	border:none;
}

#search_result #searchform {
	width:200px;
	text-align:left;
}


 
#search_result #searchform  {
	width:186px;
	padding:0px;
	margin-left:0;
}

#searchform #searchsubmit { display:none; }

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum alle seine untergeordneten Floats enthalten sollte. */
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
}

.post {
	margin: 0 0 30px;
	text-align: justify;
}

.post hr { display: block; }

p, h1 { margin:0; }

#logo{
 margin:0px;
 padding:0px;
 }
 
#topNav {
	display:block;
	width: 760px;
	height:30px;
	padding:0px;
	margin:0px;
	
}
#player {margin:0; padding:0; float:right; height:1px; width:1px;}
.navigation {
	
	padding:0;
	margin:0;
	list-style-image:none;
}

.navigation li {
	float:left;
	width:95px;
	height:30px;
	margin:0px;
	padding:0px;
	border-right: 1px #999999 solid;
	font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	font-size:10pt
	font-weight:bold;
	list-style-position: inside;
	list-style-type: none;
	background-color:#999999;
	color:#CCCCCC;
	text-align:center;
}

#home {
	margin-top :16px;
	margin-left: 15px;
}

.navigation .current_page_item a, .navigation .current_page_parent a { color:#cccccc; }

.navigation li ul {
	display:none;
	list-style-position: inside;
	list-style-type: none;
	;
}

.navigation li:hover ul { display:block; }

.navigation a, #home a {
	color:#cccccc;
	text-decoration:none;
	display:block;
}

.navigation a:hover, .navigation li:hover, #home a:hover {
	text-decoration:none;
	color:#800000;
	outline:none;
}  
.navigation a:active, #home a:active, .navigation a:focus {
text-decoration:none;
outline:none;
}

.navigation li ul li {
	position: relative;
	background:none;
	margin:0px 0px 0px -40px;
	padding:0px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	list-style-type: none;
	
}

ul, .SubPagesList {
	list-style-image: url(images/Li1.gif);
	font-size:10pt;
	line-height:30px;
	color:#666666;
	padding-left:150px;
	margin:0;
	
}

.page-item-66 {
	list-style-image: none;
	list-style:none;
	margin-left:-35px;
	margin-top:10pt;}

.SubPagesList ul { list-style-image: url(images/li2.gif); }

.SubPagesList ul li { margin-top:7px; }

.SubPagesList ul ul { list-style-image: url(images/li3.gif); }

.SubPagesList ul ul li { margin-top:3px; }

a img { border: none; }
.SubPagesList a, .SubPagesList a:active, .SubPagesList a:visited{
	outline: none;
	text-decoration: none;
	color:#999999;
}

.SubPagesList a:hover {
	outline: none;
	text-decoration: none;
	color:#800000;
}

a, a:active, a:visited{
	outline: none;
	text-decoration: none;
	color:#666666;
}

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

h3 { margin-top: 0; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */
.right {
	margin-left: 80px;
	float:left;
}

.left { float:left; }

.TxtSmall { font-size: 80%; }

.TxtLarge { font-size: 120%; }

.PixFrame {
	float:left;
	max-width:800px;
	background-color:white;
}

.imgBoxLeft {
	position:relative;
	float:left;
	margin-left:0;
	margin-top:0;
	margin-right :15px;
	margin-bottom:15px;
	font-size:18px;
	text-align: left;
	border:none;
	outline:none;
}

.imgBoxLeft span {
	font-size: 50%;
	font-weight:normal;
	margin:0;
	margin-top:5px;
	padding:0;
	line-height:10px;
	height:100%;
	vertical-align:top;
	clear:left;
}

.imgBoxLeft a, .imgBoxLeft a img {
	margin:0;
	padding:0;
}

.Thumb {
	display:block;
	position:relative;
	float:left;
	width:140px;
	height:140px;
	margin-top:15px;
	margin-right :15px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	list-style-position: inside;
	list-style-type: none;
}

.Thumb a:active img, .Thumb a:focus img, .Thumb a:hover img {
   text-decoration: none;
	border: none;
	outline: none;
	
	filter: alpha (opacity=60);  
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.Thumb span {
	font-size: 50%;
	font-weight:normal;
	margin:0;
	margin-top:5px;
	padding:0;
	line-height:10px;
	height:100%;
	vertical-align:top;
}

.ThumbL {
   display:block;
	position:relative;
	float:left;
}

#LargePic {
	top:3000px;
	left:3000px;
	position:absolute;
	border: 1px solid #cccccc;
	display:none;
}

.ImgLeft {
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
}

.breadcrumb {
	color: #aaaaaa;
	margin-left: 12px;
	font-size:80%;
}

.picBox {
	float:left;
	margin:15px;
}


.picBox img:hover {
	text-decoration:none;
	border:none;
	outline:none;
	
	filter: alpha (opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.picBox span { float:left; }

.sitemapview {
	list-style:outside;
	list-style-type:none;
}

.sitemapview li a {
	background: center left no-repeat url(images/arrow.gif);
	padding:5px 0px 0px 25px;
	margin:0;
	height:21px;
	line-height:21px;
	vertical-align:middle;
}
.links{
margin:0;
padding:0 0 0 18px;
list-style:none;
}
.links ul{
margin:0;
padding:0 0 0 18px;
list-style:none;
}
.extLinks {
	margin:0;
	padding:0;
}

.extLinks a {
	background: center left no-repeat url(images/arrow.gif);
	padding:5px 0px 0px 25px;
	margin:0;
	height:15px;
	line-height:15px;
	vertical-align:middle;
	display:block;
}

.lnkArrow a {
	background: center left no-repeat url(images/arrow.gif);
	padding:5px 0px 0px 25px;
	margin:0;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	display:block;
}

.lnkPdf a {
	background: center left no-repeat url(images/pdf.gif);
	margin:0;
	padding:5px 0px 0px 25px;
	height:25px;
	line-height:25px;
	vertical-align:middle;
	display:block;
}

.edit {
	clear:both;
	margin-top:30px;
}

#contactBox {
background-image:url(images/contact.png);
position:absolute; 
width:293px;
height:229px;
display:none;
opacity: 0.8;
filter: alpha(opacity=80); /* for ie */
top:6px;
left:471px;
z-index:999;
}
#contactBoxClose {
position:absolute; 
bottom:5px;
right:30px;
}
img {

border:none;
}
h1 {font-size: 14px;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
p { margin-top:5px;}

.ContCol1 {
margin-top:20px;
position:relative;
float:left;
padding-left:83px;
width:264px;
min-height: 30px;
}
.ContCol2 {
margin-top:20px;
position:relative;
float:right;
width:368px;
}