/* -------------------------------------------------------------- 
	CSS styles for friedlichschriller.de

	http://friedlichschriller.de
	Daniel Bagel - db@friedlichschriller.de
-------------------------------------------------------------- */

/*
Pantone 405 (Braun)
********************
HSB: 33/18/30
LAB:38/2/6
RGB: 76/70/62
CMYK: 60/55/58/32
Hex: #5c554c

Hellbraun
********************
Hex: #a0968a

Hellgrau (405)
********************
HSB: 33/18/57
LAB:63/3/9
RGB: 145/133/119
CMYK: 42/39/43/2	
Hex: #918577

Pantone 354 (Grün)
********************
HSB:140/100/63
LAB:60/-76/40
RGB: 0/162/54
CMYK: 89/092/0
Hex: #00A236
*/

/* -------------------------------------------------------------- 
	Reset
-------------------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0; padding: 0; border: 0; font-family: inherit; font-weight: inherit;
	font-style: inherit; font-size: 100%; vertical-align: baseline;
}
a	{ text-decoration: none; outline: none; color: #a0968a; padding: 0 1px; }
a:hover { color: #00A236;}
a img { border: none; }

/* -------------------------------------------------------------- 
	Allgemeines
-------------------------------------------------------------- */
body {
	font-size: 12pt;
	line-height: 16pt;
	color: #5c554c; /* Braun */
	font-family: Helvetica, Arial, sans-serif;
	overflow-x: hidden;
}

hr {
	border: none;
	height: 1px;
	padding: 0;
	margin: 22px 0;
	border-top: 1px solid #00A236; /* Grün */
}
hr.grey_line {
	border-color: #aaa;
}

h1 {
	font-size: 20pt;
	line-height: 24pt;
	text-align: center;
	color: #00A236; /* Grün */
/*	font-style: italic;*/
	padding: 10px 0;
	margin-bottom: 22px;
	border-top: 1px solid #00A236; /* Grün */
	border-bottom: 1px solid #00A236; /* Grün */
}
h2 {
}
h3 {
	font-size: 16pt;
	line-height: 18pt;
}

ul {
	list-style-image: url(../images/boppel.png);
	list-style-position: outside;
	margin: 0;
	padding: 0;
	margin-left: 21px;
	text-indent: -3px;
}
.grey_bg ul {
	list-style-image: url(../images/boppel_braun.png);
}
ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrapper {
	width: 900px;
	padding-left: 180px;
	margin: 0 auto;
}
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#schlusskopf {
	position: fixed;
	top: 0;
	left: 0;
	height: 24px;
	padding-top:4px;
	width: 100%;
	color: #A0968A;
	margin-bottom: 10px;
	background-color: #000;
	border-bottom: 1px solid #fff;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
	text-align: center;
	z-index:999;
}

#schluss {
	margin-top: 100px;
}
#schluss h1 {
	color: #fff;
	border: none;
	text-align: left;
	margin-bottom: -100px;
}

#schlussdank {
	color: #A0968A;
}
#schlusskopf strong, #schlussdank strong {
	color: #fff;
}

#schlussfuss {
	position: absolute;
	bottom: 10px;
	border-top: 1px solid #A0968A;
	width: 695px;
}

/* -------------------------------------------------------------- 
	Linkklassen
-------------------------------------------------------------- */

#content a {
	/* Text Textfarbe, grün unterstrichen */
	color: inherit;
	border-bottom: 1px solid #00A236; /* Grün */
}
#content a:hover {
	/* Text weiss, Hintergrund grün */
	color: #fff;
	background-color: #00A236; /* Grün */
}
#content a.extern:after {
	/* Pfeil dahinter */
	content: "\21A6"; /*content:"\21A6";*/
	padding-left: 2px;
}

#content a.image {
	border: none;
}
#content a.image:hover {
	background-color: inherit;
}

#content a.glossar {
	/* Text Textfarbe, braun unterstrichen, Evtl. Info-Icon dahinter */
	color: inherit;
	border-bottom: 1px solid #5c554c; /* Braun */
}
#content a.glossar:hover {
	/* Text weiss, Hintergrund braun */
	color: #fff;
	background-color: #5c554c; /* Braun */
}
#content a.glossar:after {
	/* Irgendwas dahinter */
	content: "?";
}

#startkopf {
	margin-top: 10px;
	margin-bottom: 20px;
}

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

#nav {
	font-family: Georgia;
	position: fixed;
	top: 120px;
	left: auto;
	margin-left: -180px;
	width: 180px;
	font-size: 10.5pt;
	text-align: right;
	line-height: 15pt;
}
#nav ul {
	margin-left: 0;
	list-style-type: none;
	list-style-image: none;
	text-indent: 0;
}
#nav li a {
	color: #5c554c; /* Braun */
	padding: 1px 6px 1px 6px;
	background-color: #fff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}
#nav li a:hover, #nav li a.current {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
}

#nav #hauptnavigation {
	padding-top: 0.4em;
}

#nav #themennavigation {
	margin-top: 1.5em;
}

a#schnoerkel {
	position: fixed;
	display: block;
	top: 0;
	left: auto;
	margin-left: 681px;
	width: 110px;
	height: 150px;
	background-image: url(../images/fs_logo_weiss_m13.png);
	background-repeat: no-repeat;
	overflow:hidden;
	text-indent: -2000px;
	background-position: -175px 10px;
}
a#schnoerkel:hover {
	background-position: -130px 0;
}

#logo {
	position: absolute;
	top: 10px;
	left: auto;
	margin-left: 506px;
	width: 244px;
	height: 178px;
	background-image: url(../images/fs_logo_weiss_schatten_m13.png);
	background-repeat: no-repeat;
	overflow:hidden;
}
#bang {
	position: absolute;
	top: 91px;
	left: auto;
	margin-left: 760px;
	width: 11px;
	height: 43px;
	background-image: url(../images/bang2.png);
	background-repeat: no-repeat;
}

/* -------------------------------------------------------------- 
	Inhalt
-------------------------------------------------------------- */

#content {
	position: relative;
	top: 45px;
	width: 716px;
	margin-bottom: 60px;
	background-color: #fff;
	border: 1px solid #555;
	-moz-box-shadow: 1px 2px 10px #000; /* FF3.5+ */
	-webkit-box-shadow: 1px 2px 10px #000; /* Saf3.0+, Chrome */
	box-shadow: 1px 2px 10px #000; /* Opera 10.5, IE 9.0 */
	filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=2px, Color='#000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1px, OffY=2px, Color='#000000')"; /* IE8 */
}

#content .versteckt {
	display: none;
}

/* -------------------------------------------------------------- 
	Inhaltselemente
-------------------------------------------------------------- */

#content_inner {
	padding: 14px 24px;
	margin: 3px;
	border: 1px solid #aaa;
	min-height: 350px;
}

#content .listtitel h1 {
	border-bottom: none;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 20px;
}

#content .artikel h1 {
	margin-top: 10px;
	padding: 20px 0;
}
#content .artikel h1 strong {
	text-transform: uppercase;
}

/* -------------------------------------------------------------- 
	Teaser
-------------------------------------------------------------- */
#content .teaser {
	margin: 20px 0 30px 0;
	width: 660px;
	line-height: 10pt;
}

#content .teaser a.image {
	font-size: 0px;
	height: 0;
	padding: 0;
	margin: 0;
}
#content .teaser a.image_ersatz {
	display: block;
	width: 638px;
	height: 78px;
	border: none;
	color: #fff;
	background-color: #5c554c;
	text-transform: uppercase;
	margin-bottom: 7px;
	font-size: 40pt;
	line-height: 60pt;
	padding-left: 20px;
}
#content .teaser h2 {
	font-size: 10pt;
	margin: 0;
}
#content .teaser h2 a {
	color: #5c554c; /* Braun */
	border: none;
}
#content .teaser h2 a:hover {
	color: #00A236; /* Grün */
	background-color: inherit;
}
#content .teaser h2 strong {
	text-transform: uppercase;
}
#content .teaser img {
	border: 1px solid #a0968a; /* Hellbraun */
}
#content .teaser .weiter {
	font-size: 10pt;
	text-align: right;
	margin-top: -10pt;
}
#content .teaser .weiter a {
	color: #00A236;
	border: none;
}
#content .teaser .weiter a:hover {
	background-color: inherit;
	text-decoration: underline;
}

/* -------------------------------------------------------------- 
	Projektintro
-------------------------------------------------------------- */

.projektintro_left {
	float: left;
/*	font-style: italic;*/
	font-size: 14pt;
	color: #a0968a; /* Hellbraun */
	line-height: 18pt;
	width: 320px;
	margin-bottom: 10px;
}
.projektintro_right {
	float: right;
	color: #00A236; /* Grün */
	font-size: 10pt;
	line-height: 14pt;
	width: 320px;
	margin-bottom: 10px;
}

/* -------------------------------------------------------------- 
	Artikelintro
-------------------------------------------------------------- */

#content .intro {
	font-size: 14pt;
	color: #a0968a; /* Hellbraun */
	line-height: 18pt;
/*	font-style: italic;*/
}
#content .intro .zierlinie {
	margin-top: 12px;
}

/* -------------------------------------------------------------- 
	Artikelabschnitte (Sektionen) allgemein
-------------------------------------------------------------- */

#content .section {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 19px;
	color: #5c554c; /* Braun */
}

#content .section h2 {
	font-size: 14pt;
	line-height: 18pt;
	color: #444040;
	text-transform: uppercase;
	margin-bottom: 7px;
}
#content .section .grey_bg {
	background-color: #f2efeb; /* Hellgraubraun */
/*	font-style: italic;*/
	padding: 8px;
}

/* -------------------------------------------------------------- 
	Artikelfuß (Meta und Top-Link)
-------------------------------------------------------------- */

#content .artikel .meta {
	font-size: 10pt;
	line-height: 14pt;
	color: #a0968a;
	width: 660px;
	margin-top: 10px;
	padding: 0;
	border-top: 1px solid #a0968a;
}
#content .artikel .top {
	float: right;
	font-size: 10pt;
	color: #a0968a;
}
#content .artikel .top a {
	border: none;
}
#content .artikel .top a:hover {
	color: #00A236; /* Grün */
	background-color: inherit;
}

/* -------------------------------------------------------------- 
	Artikel: Bild
-------------------------------------------------------------- */

#content .section .einbild img {
	border: 1px solid #a0968a; /* Hellbraun */
	width: 658px;
}
#content .section .einbild p {
	color: #00A236; /* Grün */
/*	font-style: italic;*/
	margin-bottom: 7px;
}

/* -------------------------------------------------------------- 
	Artikel: Bilder
-------------------------------------------------------------- */

#content .section .hauptbild img{
	border: 1px solid #a0968a; /* Hellbraun */
	width: 658px;
}
#content .section .hauptbild p {
	color: #00A236; /* Grün */
/*	font-style: italic;*/
	margin-bottom: 7px;
	min-height: 20px;
}
#content .section .vorschauen {
	margin-left: -11px;
	margin-right: -1px;
	margin-bottom: 10px;
}
#content .section .vorschauen img {
	border: 1px solid #a0968a; /* Hellbraun */
	margin-left: 10px;
}


/* -------------------------------------------------------------- 
	Startseite: Intro
-------------------------------------------------------------- */
#content .start_intro p {
	font-size: 13pt;
	color: #a0968a; /* Hellbraun */
	line-height: 18pt;
/*	font-style: italic;*/
	margin-bottom: 10px;
}

#content .start_intro h1 {
	margin-top: 20px;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* -------------------------------------------------------------- 
	Artikel: Bild-Text
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
	Artikel: Download
-------------------------------------------------------------- */

#content .download {
	margin-bottom: 9px;
}
#content .download p {
	margin-bottom: 6px;
}
#content .download a.icon {
	padding-right: 3px;
	border: none;
}
#content .download a.icon:hover {
	background-color: #fff;
}
#content .download a.dl_link {
	vertical-align: top;
}
#content .download span.description {
	font-size: 9pt;
	margin-left: 5px;
	color: #918577;
	vertical-align: top;
}

/* -------------------------------------------------------------- 
	Lightbox
-------------------------------------------------------------- */

#lbImage div {
	border: 1px solid #a0968a; /* Hellbraun */
	margin-left: -1px;
	margin-top: -1px;
}


/* -------------------------------------------------------------- 
	.............. Here be Dragons .............
-------------------------------------------------------------- */





#content .section .image_left {
	float: left;
	width: 320px;
}
#content .section .image_left img.thumb {
	margin: 3px 0;
	border: 1px solid #a0968a; /* Hellbraun */
}
#content .section .image_left img.thumbs {
	margin: 3px 0;
}
#content .section .image_left p {
	font-size: 9pt;
/*	font-style: italic;*/
	color: #00A236; /* Grün */
	margin-left: 2px;
}
#content .section .image_left .images_icon {
	float: right;
}

#content .section .text_wide {
	width: 660px;
}
#content .section .text_wide.grey_bg {
	width: 644px;
}

#content .section .text_left {
	float: left;
	width: 320px;
}
#content .section .text_right {
	float: right;
	width: 320px;
}
#content .section .text_left.grey_bg, #content .section .text_right.grey_bg {
	width: 304px;
}


#content .zitat{
	color: #5c554c; /* Braun */
/*	font-style: italic;*/
	font-size: 20pt;
	line-height: 24pt;
	padding-top: 2px;
	padding-bottom: 8px;
}
#content .urheber {
	font-size: 9pt;
	line-height: 12pt;
	text-align: right;
	color: #a0968a; /* Braun */
/*	font-style: italic;*/
	margin-top: -7px;
	margin-bottom: -7px;
	padding-left: 330px;
}