/* /// GENERIC /////////////////////////////////////////////////////////////////////////////////////  */

body, div, td, th, p, li { font-family: verdana, Helvetica, Verdana, sans-serif; color: #000; font-size: 12px; }

body { 
	margin: auto; 
	padding: 0;
	background: #fff url(images/bg_content.gif) center top repeat-x ;
	/*  min-width: 48em;    approximately 770px */
	/*  max-width: 1000px; */
	width: 980px;

}
/* linkcolors */
a, a:link, a:visited { color:maroon; text-decoration:none;} a:hover {text-decoration:underline;}

/* basic margins, paddings, font-sizes and line-heights */
div        { margin:0; padding:0; }

h1, h2, h3, 
h4, h5, h6 { margin:0; padding:0; }

h1         { font-size:  22px; line-height: 1.0em; font-weight:200; color:#fff; }     
h2         { font-size: 16px; line-height: 1.3em; font-weight:200; color:#444; padding-right:20px; } 
h3, h4, h5 { font-size: 12px; line-height: 1.6em; }

p          { line-height: 1.6em;
             margin: 0; padding: 0 15px 10px 0; }
						 
th         { text-align: left; 
             padding: 0.6em 0 0.6em 0.6em;}

/* lists (possible: disc, decimal, square, circle) */
ul         { list-style-type: square;
             margin: 0;
						 padding: 0px 5px 10px 13px; }
						 
li         { font-size: 12px;	line-height: 1.6em; 
             margin: 0px; margin-left:3px; 
						 padding: 0px; }
						 
img        { border: none; }


/* //////////////////////////////////////////////////////////////////////////////////////////////////  */

/* /// LAYOUTSECTIONS ///////////////////////////////////////////////////////////////////////////////  */

/* //////////////////////////////////////////////////////////////////////////////////////////////////  */



div#headerimage { 
	position: relative;
	height: 170px;  
	overflow: hidden; 
	background: #fff url(images/header_.jpg) center top no-repeat;
}

div#header { 
	position: relative;
	height: 60px;  
	overflow: hidden; 
	background: #fff url(images/bg_subheader.gif) center top no-repeat;
}

div#navigation-1 {
	position: relative;
	clear: both;
	height: 39px;  
	overflow: hidden; 
	background: #fff url(images/bg_navigation.gif) center top no-repeat;
}

div#navigation-2 {
	position: relative;
	clear: both;
	height: 20px; 
	background: #fff url(images/bg_navigation.gif) center bottom no-repeat;
}

div#content {
	position: relative;
	padding-top:20px; padding-left:10px;
	background: #fff;
}

div#footer {
	position: relative;
	height: 50px;  
	margin-top: 1em;
	background: #fff url(images/bg_footer.gif) center top no-repeat;
}


/* /// Metanavi  ////////////////////////////////////////////////////////////////////////////////////  */

div#metanavi-sprache  { position: absolute; display:block; font-size:11px;
	top: 5px;  left: 0px;   width: 200px;
}

div#metanavi-kontakt  { position: absolute; display:block; font-size:11px; text-align:right;
	top: 5px;  right: 0px; width: 200px;
}


/* /// HEADER ///////////////////////////////////////////////////////////////////////////////////////  */

div#header-logo, div#header-logo-pos     { position: absolute; display:none;
	bottom: 20px;  left: 8px;   width: 405px; height: 90px;
}
div#header-logo-pos { display:none; }

div#header-title      { position: absolute; display:block;
	top: 18px;  left:25px;   width: 600px; height:30px;
}
div#header-eyecatcher { position: absolute;
	display:none;   /* provisorisch ausgeschaltet */
	bottom: 0px; right: 210px; width: 130px; height: 130px;
}
div#header-sponsors   { position: absolute;
	top: 20px; right: 10px;   width: 200px; height: 50px ;
}

/* /// NAVIGATION-1 /////////////////////////////////////////////////////////////////////////////////  */

div#navigation-1 a, div#navigation-1 span {
	font-size: 11px; font-weight: bold;
	text-decoration: none; 
	float: left; display: block;
	padding: 10px 15px;
	border-right: 1px solid #ae4500;
	color: #fff; 

}
/* the <span>-Tags are needed to enclose the menu navigation       */
/* you have 3 versions of it: one with borders on both sides, and  */
/* two with no border on the right respectivly on the left side    */


div#navigation-1 span.noborder-right {
	border-right: none;
}
div#navigation-1 span.noborder-left {
	border-left: none;
}


div#navigation-1 a:link {
	text-decoration: none; 
}
div#navigation-1 a:hover, div#navigation-1 a.active {
	color: maroon;
	background-color: #f60; background-image:none;
}
div#navigation-1 a.active:hover {
	text-decoration: underline; 
}
div#navigation-1 #language {
	float: right;
}

/* /// NAVIGATION-2 /////////////////////////////////////////////////////////////////////////////////  */

div#navigation-2 a, div#navigation-2 span {
	font-size: 11px; font-weight: bold;
	text-decoration: none; 
	float: left; display: block;
	padding: 4px 15px 5px 15px;
	border-right: 1px solid #ae4500;
	color: #fff; 
}

div#navigation-2 span.noborder-left {
	border-left: none;
}

div#navigation-2 a:hover, div#navigation-2 a.active {
	color: maroon; background-color: #fff; background-image:none; 
}
div#navigation-2 a.active:hover {
	text-decoration: underline; 
}
div#navigation-2 #search {
	float: right;
}


/* /// CONTENT //////////////////////////////////////////////////////////////////////////////////////  */

div#content h1      	{ margin-bottom:1.5em; }
div#content h2      	{ margin-bottom:1.0em; }
div#content h3       { margin-top: 1.0em; clear:left; }
div#content h4       { margin: 1.0em 0 0.5em 0; color:#555}



/* --- IMAGES --- */
div#content img      { 
/*	float:left; clear:both; margin-right: 5px; */
	margin-bottom: 5px;
}
div#column img.arrow      { 
	float:left; clear:left;
	margin: 0.25em; margin-left:0; 
}

div#column .pict-full      { 
	height: 200px;
	margin-right: 0.5em; 
	margin-bottom: 0.5em;
	overflow: hidden;
}


table.table-content { 
	width:100%; /* IE6 showed no problems with 100% during the testings. Sizes <100% often helps in case of emerging problems */
	/*  border-top:1px solid #999; border-bottom:1px solid #999;  */
	table-layout:auto;
	empty-cells:show;
	border-collapse:collapse;
}
table.table-content td { padding: 1px 5px 1px 0px; vertical-align:top; }
table.table-content td.td-spalte2 {width:245px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; padding-left:10px}
table.table-content td.td-spalte2 ul         { padding-left: 12px; }


.table-content td.border-top  { border-top:1px solid #666; padding-top:3px;}
.table-content td.border-left { border-left:1px dotted #666; padding-left:3px; font-weight:bold}
.table-content td.line-top p  { color: #555; }

	

/* /// FOOTER ///////////////////////////////////////////////////////////////////////////////////////  */

div#footer p  { margin:0; padding:10px 0 0 25px; font-size:12px; line-height:1.0em;}

/* /// EXTRAS ///////////////////////////////////////////////////////////////////////////////////////  */



/* /// Clears Hights with Parents and Childs <DIV> //////////////////////////////////////////////////  */

.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 */