/*  
Theme Name: FS_MG001
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 3 Spalten
Version: 1.1
Author: Folker Schellenberg
Author URI: http://www.fs-photo-design.de/

	

*/
body {
	font: 90% Arial, Helvetica, sans-serif;
	background: #ffffff;
	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;
}

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

#header {
	margin:0;
	padding: 0;
}

#header h2 {
	margin: 0;
	padding: 0;
}

#main { padding: 0; }

.Col1 {
	float: left; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 170px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	background: none; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum.  */
}

.Col3 {
	float: right; /* Dieses Element muss in der Quellenabfolge vor dem Element stehen, neben dem es platziert werden soll. */
	width: 185px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	background: none; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding:  0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
}

.Col1 p, .Col1 h3, .Col3 p, .Col3 h3 {
	margin-left: 10px;
	margin-right: 10px;
}

.Col2 {
	margin: 0 0 0 171px;
	background-color: white;
}

#mainCol2Content {
	padding:0 15px 15px 15px;
	min-height: 440px;
}
*html #mainCol2Content {margin-top:15px;}
#mainCol2Content h2 {margin-top:15px; }
#mainCol2Content p {
	margin-bottom:10px;
	padding-right:15px;
	line-height: 130%;
}

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

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

#footer { padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */ }

#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 0;
}

#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; }

#footer_content_box #footer_menu {
	padding:0;
	margin:0;
	float:right;
}

#footer_content_box #footer_menu li {
	list-style-position: inside;
	list-style-type: none;
	display:inline;
	margin-left: 20px;
}

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

#visualFrame {
	margin-top:30px;
	margin-left:15px;
	float:left;
}

#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;
	width:140px;
	text-align: center;
	float:left;
}

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

#searchform input {
	height: 14px;
	margin: 15px 0 0px 15px;
	padding:10px;
	width:116px;
	text-align: center;
	border: 1px solid #CCCCCC;
}

#search_result #searchform input {
	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; }

#topNav {
	display:block;
	float:left;
	height:170px;
	padding:0 15px 15px 15px;
}

.navigation {
	display:block;
	padding:0;
	margin:0;
}

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

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

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

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

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

.navigation a, #home a {
	color:#F2F2F2;
	text-decoration:none;
}

.navigation a:hover, #home a:hover {
	text-decoration:none;
	color:#ffffff;
	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:12px;
	list-style-type: none;
}

ul, .SubPagesList {
	vertical-align:middle;
	display:block;
	list-style-image: url(images/li1.gif)
}

.SubPagesList li { margin-top:10px; }

.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; }

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

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 {
	margin-left: 15px;
	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;
}

.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;
}