/*------------------------------------------------------------------------------------------------------*/
/*  browser reset  */
/* (en) Global reset of paddings and margins for all HTML elements */
* { margin:0; padding: 0; }

/* (en) Correction: margin/padding reset caused too small select boxes. */
option { padding-left: 0.4em; } /* LTR */
select { padding: 1px; }

/*  (en) 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; }

/* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
html { height: 100%; margin-bottom: 1px; }

/*------------------------------------------------------------------------------------------------------*/
/* section clearing methods */

/* (en) backup for correct positioning */
#clearfix, #header, #nav, #main, #footer { clear:both; }

/* (en) clearfix method for clearing floats */
.clearfix:after {content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* (en) essential for Safari browser !! */
.clearfix { display: block; }

/* (en) overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
#ie_clearing { display: none; }



/*  page layout  */
/*  -----------------------------------------------------------------------------------------  */
/* (en) Marginal areas & page background */
body, html { height: 100% !important;}
body {background-color:#7ac4eb ; padding: 0; text-align: center;}

/* (en) Layout: width, background, borders */
#container {
text-align:left; 
margin: 0 auto; 
position:relative !important;
min-height:99.99%; /* real browsers */
height: auto !important;
width: 960px; 
border-left:1px solid #7ac4eb;
border-right:1px solid #7ac4eb;
border-top:1px solid #ffffff;
background: #ffffff url("../myGfx/bg.png") top right; background-repeat:no-repeat;
}

/* 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 {
background:#ffffff;
color: #000;
padding: 0;
top:0px;
height:70px;
z-index:1000;
width:640px;
}

#header h1 {font-size:18px;font-weight:normal;color:#000;line-height:18px;margin:0;margin-left:220px;margin-top:20px;}
#header h2 {font-size:18px;font-weight:normal;color:#009bde;line-height:18px;margin:0;margin-left:220px;margin-top:3px;}

#navigationLeft {
position:fixed;
top:88px;
padding-left:0px;
padding-top:10px;
padding-right:0px;
margin-top:0px;
margin-left:0px;
width:220px;
height:100%;
border:0px dotted green;
z-index:10;
}

#contentArea {
padding:0px;
text-align:left;
width:960px;
border: 0px dotted red;
z-index:1;}

/*  page layout: columns  */
/*  -----------------------------------------------------------------------------------------  */
/* the columns for the content */
#col1 {float: left; width: 220px;min-height:700px;}
#col2 {float:left; width:740px; margin-right:0px;}
#col3 {float:left; width: 220px; display:none;}

/*
#col1, #col3  {background-color:#FFC}
#col2 {background-color:#6FF} */

/* (en) 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: 10px 0px 0px 20px;}
#col2_content { padding: 0;}
#col2_content { padding: 0; }

#col2_content_img { padding: 0px; border-top:15px solid white;border-bottom:5px solid white;}

#p7TMnav {position:fixed}


 /*------------------------------------------------------------------------------------------------------*/

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

#footerLogo {
position:fixed;
bottom:0;
background:#ffffff;
color:#666;
padding: 0;
top: 1px #009bde solid;
line-height: 1.5em;
bottom:0;
width: 200px;
height:220px;
z-index:10000;
}

#footer {
position:fixed;
bottom:0;
background:#ffffff;
color:#666;
padding: 0;
border-top: 1px #009bde solid;
line-height: 1.5em;
bottom:0;
width: 960px;
height:70px;
z-index:10000;
}

/* fix for IE6 */
* html #footer {bottom: -1px;}

#footer_content {
text-align: left;
color:#02445a;
padding-top: 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; }