/*  main --------------------------- */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none; }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }


/* allgemein ------------------- */
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

html {
	min-height: 100%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background-image:url(header_bg.jpg);
	background-repeat:repeat-x;
	color: #FFFFFF;
	font-family: arial, verdana, "Lucida Grande", helvetica, sans-serif;
	font-size: x-small;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear { clear:both; }

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }


/* ### WWEBSITE CONTENT ############################################################ */
#site-content {
	position:relative;
	display:block;
	padding:0;
	height:100%;

	
}

#site-content {
	color:#fff;
	text-align:left;
	background: inherit;
}

/* ### BREADCRUMB ############################################################ */

#main-block #breadcrumb {
font-size: 1em;
color: #999;
margin-top:0px;
}

#breadcrumb a, 
#breadcrumb a:link {
	color:#999;
	text-decoration: underline;
}

#breadcrumb a:hover {
	color:#666;
	text-decoration: underline;
}

/* ### HEADER ##################################################################### */
#header {
	margin:0;
	padding:0;
	height:330px;
	width:985px;
	background: url(header_mitte.jpg) 0 0 no-repeat;
	margin:auto auto;
}

#sprache {
	color: #CCCCCC;
	text-transform: uppercase;
	margin:5px 0 0 850px;
	position:absolute;
}

#sprache a {
	color: #CCCCCC;
	text-decoration:underline;
}

/* ### LOGOFLÄCHE ################################################################# */
#logo {
	position:relative;
	margin:auto auto;
}

#logo a {
	display:block;
	height:250px;
	width:700px;
}


/* ### CONTENT #################################################################### */
#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
	background: url("content_bg.gif"); background-repeat:repeat-x;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */



/* ### main-block   MAIN CONTENT ################################################### */
#main-content {
	width:980px;
	margin:auto auto;
	padding-bottom:20px;
 }   											/* Content-Fläche komplett */

#main {
	float:right;								/* Content-Fläche rechts */
	width:750px;
}

#main-block {
	float:left;									/* Content-Fläche rechts Inhalt */
	color: #666;
	width:700px;
	padding-bottom:20px;
}

#main-content-block {
	padding:8px 15px 0 15px;
	display:block;
}

/* ### FOOTER ###################################################################### */
#footer {
	background-color:#f1f1f1;
	height:50px;
	display:block;
	color:#999999;
}

#footer .footer-txt {
margin:auto auto;
width:980px;
padding-top:10px;
}

#footer a,
#footer a:link {
	color:#999999;
	background:inherit;
}

#footer a:hover {
	color:#666666;
	text-decoration: none;
	background:inherit;
}




/* ### FORMATIERUNGEN ########################################################################################################## */

/* ### HEADLINES ############################################################ */
#main-block h1 {
	color:#FFFFFF;
	background: inherit;
	font-size:2.4em;
	font-weight:normal   !important; 
	font-weight:bold; /* nur für den IE */
	line-height:2.0em;
	letter-spacing:0.06em;
	text-transform: uppercase;
	margin:7px 0 20px 0;
	padding:0   !important; 
	padding:0 0 5px 0; /* nur für den IE */
}

#main-block h2,
#main-block.wysiwygimgtext h2 {
	color:#CC0000;
	background: inherit;
	font-size:large;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:12px;
	border-bottom:dashed 1px #CCC;
}

#main-block h3 {
	color:#666;
	background: inherit;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding:0;
}

#main-block h4 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}

#main-block h5 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.0em;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0;
}

#main-block h6 {
	background: inherit;
	color:#c4c4c4;
	font-size:0.9em;
	font-weight:bold;
}


/* ### BILDER ############################################################ */
#main-block img {
	margin:4px 0;
}

#main-block img.floatLeft {
	float:left;
	margin:4px 10px 4px 0;
}

#main-block img.floatRight {
	float:right;
	margin:4px 0 4px 10px;
}

#gallery {
padding: 10px 0;
}

#gallery img {
border:5px solid #f1f1f1;
}


/* ### HYPERLINKS ######################################################### */
#main-block p a, 
#main-block li a, 
#main-block p a:link,
#main-block li a:link,
#main-block .wysiwygimgtext a:link,
#main-block .wysiwygimgtext a:visited {
	color:#FFF;
	padding:0 5px;
	background-color:#990000;
	text-decoration:none;
}

#main-block p a:hover,
#main-block li a:hover,
#main-block .wysiwygimgtext a:hover  {
	color:#FFF;
	background-color:#CC6666;
	text-decoration: none;
}

/* ### PARAGRAPHS ########################################################## */

#main-block p {
	margin-bottom:1.6em;
	line-height:1.6em;
}

#nav p {
	margin-bottom:1.2em;
}



/* ### BLOCKQUOTES ########################################################## */

#main-block blockquote {
	margin:0 0 0 20px;
}

/* ### LISTS ################################################################ */
#main-block ul, 
#main-block ol {
	margin-bottom:1.0em;
	font-size:1.4em;
	line-height:1.6em;
}

#main-block ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 
#main-block ul li {
	margin:0 0 0 20px;
	list-style-type:square;
}

/* ### MODULE ################################################################ */

#main-content-block div.floatLeft img {
	float:left;
	margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img {
	float:right;
	margin:4px 0 4px 40px;
}

#main-content-block a.more {
	clear:left;
	color:#666666;
	position: relative;
	left: 120px;
}

/* ### MODUL: BILD UND TEXT ### */

#main-content-block div.bildtext {
	clear: both;
	padding: 2px 0;
}

#main-content-block div.bildtext p {
	font-size: 1.4em;
	margin-top: 0;
}

#main-content-block div.floatLeft img {
	margin:5px 15px 4px 0;
	border:solid 5px #f5f5f5;
}

/* ### BILDERGALERIE ### */
#main-content-block div.galerie {
	clear: both;
}
#main-content-block div.galerie div.image {
	float: left;
	width: 270px;
}

#main-content-block div.galerie div.image img{
	padding: 5px;
	border:solid 5px #f5f5f5;
}

/* ### MODUL: DOWNLOAD ### */
.list_content {
	text-decoration:none;
	font-size:1.4em;
	padding: 3px 5px 0px 10px;
	width:450px;
	margin:0;
	background-color:#E4E9EB;
	border-bottom:1px solid #fff;
	}
	
.list_content a,
.list_content a:link {
	color:#666;
	vertical-align:top;
	}

.list_content a:hover {
	color:#333;
	vertical-align:top;
	}

/* ### TRENNER LINIE ### */
#trenner {
	border-bottom:1px dashed #CCC;
	padding-top:0px;
	margin-bottom:10px;
	clear:both;

}



/* ############# Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie ### */

div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext { font-size:1.4em; line-height:1.6em; }

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; }
.wysiwygimg a.wysiwygimg img {border:0;padding:0;vertical-align:top; margin:0;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f5f5f5; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {border:solid 5px #f5f5f5;}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #f5f5f5;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #f5f5f5;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #f5f5f5;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:1.0em; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}

hr { color:#d1d1d1; width:100%; }


/* ############# Modul 2-Spalter ### */

.column-left {
float:left;
padding:0 15px 0 0;
width:70%;
font-size:1.4em; line-height:1.6em;
}

.column-right {
float:left;
background-color:#f1f1f1;
padding:7px;
width:25%;
font-size:1.3em;
line-height:1.3em;
}

.clearfix {
clear:both;
display:block;
}