﻿/*------------------------------------------------------------------------------------------------------*/
/* global reset of paddings and margins for all HTML elements */
* { margin:0; padding: 0; outline:0; vertical-align: baseline;}
:focus {outline: 0;}
table {	border-collapse: collapse; border-spacing: 0;}
td {vertical-align:top;}

/* correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em; } /* LTR */
select { padding: 1px; }

/*  global fix of the Italics bugs in IE 5.x and IE 6  */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; margin-bottom: 1px; }


/*------------------------------------------------------------------------------------------------------*/
/* clearing methods */
/* backup for correct positioning */
#clearfix, #header, #nav, #main, #footer { clear:both; }

/* clearfix method for clearing floats */
.clearfix:after {content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
#ie_clearing { display: none; }


/*  page layout  */
/*  -----------------------------------------------------------------------------------------  */
/* marginal areas & page background */
body, html { height: 100% !important;}
body {background: #ffffff ; padding: 0; text-align: left;}

/* Layout: width, background, borders */
#container {
text-align:left; 
margin: 0; 
position:relative !important;
min-height:99.99%; /* real browsers */
height: auto !important;
width: 980px;
z-index:1;}

/* stretch page_margins for IE6 */
* html #container { height:100% !important; position:static !important;}

/*  page layout: header  and navigation */
/*  -----------------------------------------------------------------------------------------  */
/* header on top of the page */
#header {
position:fixed;
color: #000;
padding: 0;
background: #fff;
left:0px;
top:0px;
height:100px;
width:980px;
z-index:900;
}

#logo {position:absolute;left:20px;top:20px;}
#headerText {
	width:500px;
	height:20px;
	margin-top:20px;
	line-height:20px;
	position:fixed;left:200px;top:6px;font-weight:normal;border-bottom:1px solid black;}

#headerTextRight {
	color:#cc6600;
	width:250px;
	height:20px;
	margin-top:20px;
	line-height:20px;
	position:fixed;left:730px;top:6px;font-weight:bold;border-bottom:1px solid black;}
	
#headerTextRight div{
	color:#cc6600;}

#search {
	color:#cc6600;
	width:250px;
	height:20px;
	margin-top:20px;
	position:fixed;left:730px;top:35px;font-weight:bold;}

#search input {margin-left:0px;width:145px;height:16px;font-size:11px;line-height:14px;}

#breadcrumbs {
	color:#888888;
	width:500px;
	height:20px;
	margin-top:55px;
	line-height:20px;
	position:fixed;left:200px;top:0px;font-weight:normal;}

#Ausgabe {	
	font-size:9px;line-height:20px;
	text-align:right;
	width:150px;
	height:20px;
	margin-top:0px;
	line-height:20px;
	position:fixed;left:20px;top:76px;}


#navigationLeft {
font-weight:normal;
left:0px;
margin:0px;
padding-left:20px;
padding-right:0px;
padding-top:0px;
position:fixed;
top:99px;
width:150px;
z-index:100;
border: 0px dotted red;
}

#contentArea {
padding:0px;
padding-top:100px;
text-align:left;
width:980px;
border: 0px dotted red;
z-index:1;}

/*  page layout: columns  */
/*  -----------------------------------------------------------------------------------------  */
/* the columns for the content */
#col1 {float: left; width: 170px;min-height:220px;}
#col2 {float:left; width:560px; margin-right:0px;}
#col3 {float:left; width: 250px; }

/*
#col1, #col3  {background-color:#FFC}
#col2 {background-color:#6FF} */

/* Preparation for absolute positioning within content columns */

#col1_content, #col2_content, #col3_content { position:relative; } 
* html #col1_content, #col2_content, #col3_content  { position:static !important;}

#col1_content { padding: 0px 0px 0px 0px;}
#col2_content { padding: 0 30px;}
#col3_content { padding: 0; }

#p7TMnav {position:fixed;border-top:2px solid black;border-bottom:1px solid black;width:150px;}


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; margin-top:10px;}

  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }


/*  page layout: footer */
/*  -----------------------------------------------------------------------------------------  */
#footer {
position:fixed;
bottom:0;
color:#666;
background: #fff;
padding: 0;
border-top: 1px #245b6e solid;
line-height: 1.5em;
bottom:0;
width: 890px;
height:25px;
}

/* fix for IE6 */
* html #footer {bottom: -1px;}

#footer_content {
text-align: left;
color:#02445a;
padding: 3px 5px;
}

#footer_content_left { text-align: left; padding: 0; padding-left: 10px; padding-top: 5px; margin: 0 0 0 0; height: 25px; top: 0px; right: 0px; width: 660px;float:left;}
#footer_content_right {text-align: left;  padding: 0; padding-left: 0px; padding-top: 5px;margin: 0 0 0 0; height: 25px; width: 220px;float:right;background-color: #7296a6;}

#footer_content_right a:link, #footer_content_right a:visited, #footer_content_right a:active{margin-left:30px;color: #FFFFFF; text-decoration: none; font-weight: normal; }





