@charset "utf-8";
* { margin: 0; padding: 0; }

html { height: 100%; }

body {
	background: #d9dcdc url(../gfx/design_body.gif) center center repeat;
	color: #435051;
	font: normal 70%/1.6em Arial, Helvetica, sans-serif;
}

a, a:link, a:visited       { color: #435051; font: bold 100% Arial, Helvetica, sans-serif; text-decoration: none; }
a:focus, a:hover, a:active {  }

a span { font-size: 120%; }

h1, h2, h3, h4, h5, h6 { font: bold 100% Arial, Helvetica, sans-serif; margin-bottom: 0.75em; }

h1 { margin-bottom: 2em; }

p { padding-bottom: 1.6em; }

.subc h1, .subcr h1, .subcl h1 {
	font-size: 110%;
}

div#container {
	background: transparent url(../gfx/design_container.gif) 40px 90px no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -450px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 900px;
}

div#container.impressum {
	background: none;
	font-size: 80%;
	margin: 30px 0 0 -400px;
	text-align: left;
	top: 0;
	width: 800px;
}

div#ge, div#iv, div#hv {
	background-position: center top;
	background-repeat: no-repeat;
	margin-bottom: 80px;
	text-align: center;
}


div#ge { background-image: url(../gfx/logo_ge.gif); }
div#iv { background-image: url(../gfx/logo_iv.gif); }
div#hv { background-image: url(../gfx/logo_hv.gif); }

div#ge a span { color: #003d8f; }
div#iv a span { color: #6bc753; }
div#hv a span { color: #81acf3; }

a.logolink {
	background: transparent;
	display: block;
	height: 60px;
	margin: 0 0 90px 36px;
	width: 220px;
}

div.subcolumns { font-size: 120%; margin-bottom: 100px; }


/* DropUp **************************************************************************************************************************************/

div#drop_ge, div#drop_iv, div#drop_hv {
	background: #e5e7e7 url(../gfx/design_drop.gif) left bottom repeat-x;
	top: -170px;			
	display: none;	
	font-size: 85%;
	height: 145px;		
	padding: 10px;
	position: absolute;	
	text-align: left;
	width: 200px;	
}
			
div#drop_ge { border-top: 5px solid #003d8f; left: 39px; }	
div#ge:hover div#drop_ge, div#ge.over div#drop_ge {	display: block;	}
div#drop_iv { border-top: 5px solid #6bc753; left: 337px; }
div#iv:hover div#drop_iv, div#iv.over div#drop_iv {	display: block;	}
div#drop_hv { border-top: 5px solid #81acf3; left: 637px; }
div#hv:hover div#drop_hv, div#hv.over div#drop_hv {	display: block;	}
			
/***********************************************************************************************************************************************/


/**
* @section subtemplates
* @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
*/

.subcolumns { width: 100%; overflow: hidden; }

.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 7px 0 0; }
.subcr { padding: 0 0 0 7px; }



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

  /**
   * (en) IE-Adjustments for content columns and subtemplates
   * (de) IE-Anpassung fr Spaltencontainer und Subtemplates
   *
   * Doubled Float-Margin Bug
   * @see        http://positioniseverything.net/explorer/doubled-margin.html
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6, IE7
   * @valid      yes
   */

  * html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l, * html .c75l, * html .c62l,
  * html .c50r, * html .c25r, * html .c33r, * html .c38r, * html .c66r, * html .c75r, * html .c62r { display:inline; }

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