/* ************************************************* *\
           COMMON CSS styles for all templates
\* ************************************************* */

body {
	width: 100%; height: 100%;
	margin: 0; padding: 0;
	font-family: Verdana, Helvetica, Tahoma, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 13px; /* 13px - 0.9em; */
	background: #C8D8FF url(img/body_back.jpg) 0 0 repeat;
	color: #000;
}

@media screen {
	.screenonly { }
	.printonly  { visibility:hidden; display:none; }
}

@media print {
	.screenonly { visibility:hidden; display:none; }
	.printonly  { }
}

a, a:link, a:visited { color: rgb(37,64,141); text-decoration: underline; }
a:hover, a:active, a:focus { color: #000; text-decoration: none; }

a.intext, a:link.intext, a:visited.intext { color: rgb(37,64,141); text-decoration: none; }
a:hover.intext, a:active.intext, a:focus.intext { color: rgb(28,51,110); text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p, div, pre, ul, li, table, td, input { margin: 0; padding: 0; }
h1 { font-size: 160%; margin: 0.2em 0 0.5em 0; }
h2 { font-size: 120%; margin: 0.2em 0 0.6em 0; color: #264798; }
h3 { font-size: 115%; margin: 0.2em 0 0.5em 0; }
h4 { font-size: 110%; margin: 0.2em 0 0.4em 0; }
h5 { font-size: 100%; margin: 0.5em 0 0.2em 0; }
h6 { font-size:  85%; margin: 0.2em 0 0.2em 0; }

/* colors */
.col_back { color: #C8D8FF; } /* rgb(200,216,255) */
.col_3 { color: #7A93DC; }    /* rgb(122,147,220) */
.col_2 { color: #5172D1; }    /* rgb( 81,114,209) */
.col_1 { color: #3059C0; }    /* rgb( 48, 89,192) */
.col0  { color: #264798; }    /* rgb( 38, 71,152) */
.col1  { color: #1C336E; }    /* rgb( 28, 51,110) */
.col2  { color: #181A4E; }    /* rgb( 24, 26, 78) */
.colg4 { color: #444; }
.colg5 { color: #555; }
.colg6 { color: #666; }
.colg7 { color: #777; }
.colg8 { color: #888; }
.colg9 { color: #999; }
.colgA { color: #AAA; }
.colgB { color: #BBB; }
.colgC { color: #CCC; }
.colgD { color: #DDD; }

/* red colors */
.colr0 { color: #F00; }

.dslv_cexp { color: rgb(26,26,26); }
.dslv_cpro { color: rgb(226,0,26); }
.dslv_cadv { color: rgb(0,81,158); }
.dslv_cbeg { color: rgb(0,144,54); }

/* float styles */
.clear   { clear: both; }
.fright  { float: right; }
.fleft   { float: left; }

/* paddings */
.padt4  { padding-top: 4px; }
.padt8  { padding-top: 8px; }
.padt12  { padding-top: 12px; }
.padt16  { padding-top: 16px; }

.padb4  { padding-bottom: 4px; }
.padb8  { padding-bottom: 8px; }

.padl8  { padding-left:  8px; }
.padl16 { padding-left: 16px; }

.padr8  { padding-right:  8px; }
.padr16 { padding-right: 16px; }

/* margins */
.marl16 { margin-left: 16px; }
.marl20 { margin-left: 20px; }
.marl24 { margin-left: 24px; }
.marl28 { margin-left: 28px; }

.marr8  { margin-right:  8px; }
.marr16 { margin-right: 16px; }

.mart8  { margin-top: 8px; }

.marb8  { margin-bottom:  8px; }
.marb16 { margin-bottom: 16px; }

/* text style */
.font095 { font-size:0.95em; }
.font090 { font-size:0.90em; }
.font085 { font-size:0.85em; }
.font080 { font-size:0.80em; }
.font070 { font-size:0.70em; }

.uline  { text-decoration: underline; }
.italic { font-style: italic; }
.center { text-align: center; }
.bold   { font-weight: bold; }
.right  { text-align: right; }
.left   { text-align: left; }
.just   { text-align: justify; }
.small  { font-size: 0.85em; }

/* -------------------------- *\
 *       TEMPLATE CLASS       *
\* -------------------------- */

div#container {
	margin: 0 auto 16px auto;
	width: 976px; /* original 916 */
}

div#bordertop {
	display: none;
}

div#border {
	position: relative;
	padding: 0 16px 0 0;
	background: transparent url(img/brd_rgt.png) right top no-repeat;
}

* html div#border { background: transparent url(img/brd_rgt.ie.gif) right top no-repeat; }

@media print {
	* html div#border { background-image: url(); }
}


div#content { /* contains top, header, middle, footer */
	background: #fff url(img/shadow_c.png) 6px 0 repeat-y;
}

div#borderbot {
	clear: both;
	padding: 0 16px 0 0;
	height: 16px;
	background: transparent url(img/brd_bot.png) left bottom no-repeat;
}

* html div#borderbot { background: transparent url(img/brd_bot.ie.gif) left bottom no-repeat; }

@media print {
	* html div#borderbot { background-image: url(); }
}

/* --- #content -> #top - #header - #ticker - #middle - #footer */

div#top {
	display: none;
	background-color: #fff; /* no shadow while printing */
}

div#header { /* contains: topnavi - head - mainnavi */
	position: relative;	/* need this for absolute positioning of subelements and for z-index */
	z-index: 1;			/* need to be 1 or higher to have the weather-child div above the ticker */

	margin-top: 24px;	/* enough space for our animation */
	height: 287px;		/* inner height same as header image height */

	border: 6px solid #fff;
	border-bottom-width: 0px;	/* !!! 0 border bottom !!! */
}

div#footer {
	padding-bottom: 8px;

	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;

	background: transparent url(img/shadow_f.png) left bottom no-repeat;
}

/* mac is ok \*/
* html div#footer {	height: 1%; } /* hasLayout bug in MSIE */
/* ---------- */

/* --- #content - #header --- */


div.headerback { /* surrounding container */
	position: absolute; top:0px; left:0px;
	width: 948px;  /* orignal: 888 */
	height: 287px;

	background-color: #9db7f9;
	overflow: hidden; /* essential */
}

.headerback div.hdrlft {
	position: absolute; top: 0px; left: 0px;
	width: 5px;	height: 287px;
	overflow: hidden;
}

.headerback div.hdrlft img {
	width: 5px; height: 287px;
}

.headerback div.hdrrgt {
	position: absolute; top: 0px; right: 0px;
	width: 883px; height: 287px;
	/* overflow hidden not possible here due to MSIE bug */
}

.headerback div.hdrrgt img {
	position: absolute; top:0; right: 0px;
	width: 980px; height: 287px;
}

div.headeranim {
	/* display: none; */
	position: absolute; top:-30px; left:193px; /* original 133 */
	width: 690px; height: 281px;
}

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

div#subhead {
	position: relative;
	width: 812px; 					/* orignal 6 + 752 + 142 = 900px */
	border-left: 6px solid #fff;
}

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

div#topnavi {
	position: relative; top:0px; right:0px;
	padding: 3px 0 2px 0;
	height: 1.4em;
	text-align: right;
	font-size: 0.85em; font-weight: bold;
}

/* semitransparent background for topnavi (not MSIE 6.x compatible transparent PNG) */
span.topnavi_back {
	position: absolute; top:0px; right:0px;
	padding: 3px 0 2px 0;
	width: 590px; height: 1.4em;
	/* works for FF */
	background: transparent url(img/white40.png) left top repeat;
}

div.topnavi_front {
	position: absolute; top:0px; right:2px;
	padding: 3px 0 2px 0;
	height: 1.4em;
	overflow: hidden;
}

div.language {
	position: absolute; top: 24px; right: 4px; /* original 320 */
	height: 15px;
	font-size: 0.8em;
	overflow: hidden;
}

div.logoleft {
	position: absolute; top:46px; left: 90px; /* original 28 */
	z-index: 5;
}

div.logoleft h1 { margin:0; padding:0; }

div.dynafit { /* dynafit_anim.gif */
	position: absolute; top:213px; left: 4px;
	width:140px; height:93px;
	z-index: 6;
}

div.logodslv {
	position: absolute; top:236px; left:12px; /* original 12 */
	width: 340px; height: 45px;
	z-index: 6;
	overflow: hidden;
}

div.logodslv div {
	font-size: 0.85em;
	padding-top: 20px;
}

div.logodslv img {
	border: none;
	float:left;
	margin-right: 4px;
	width:115px; height:45px;
}

div.weather {
	position: absolute; bottom: -25px; right: 5px;
	padding: 4px 8px 4px 8px;
	width: 121px; height: 77px;
	font-size: 0.7em;
	background: transparent url(img/weather_back.gif) top left no-repeat;
}

* html div.weather {
	bottom: -26px; /* needs a little different position */
}

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

div#mainnavi {
	position: absolute; bottom:5px; left:474px; /* original 414 */
	width: 326px; height: 32px;
	overflow: hidden;
}

div.mainnavi_front {
	position: absolute; top:2px; left:0px;
	width: 100%; height: 28px;
	padding: 0 0 0 0; /* old 4px top */
	overflow: hidden;
	text-align: center;
}

/* --- #footer - copyright --- */

/* modified in common.print.css so we have it here instead of content.css */
div.copyright {
	padding: 1.0em 9px 0 0;
	text-align: center;
	color: #7080F4; /* #7093F6 - #9DB7F9 */
	font-size: 0.85em;
	clear: both;
}