﻿/*   undo
*******************************************************************************/

:link,:visited { 
	text-decoration: none;
}

ul,ol { 
}

h1,h2,h3,h4,h5,h6,pre,code { 
	font-size: 1em;
	font-weight: normal;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { 
	margin: 0;
	padding: 0;
}

img, a img,:link img,:visited img, fieldset { 
}

img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

address { 
}

table { 
	border: none;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	font-size: 1em;
}

tr { 
	border: none;
	padding: 0px;
	margin: 0px;
}

td { 
	border: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	border-spacing: 0px;
}

legend { 
	display: none;
	background: #0033FF;
}

body, div,p,li { 
	background-repeat: no-repeat;
	background: #0033FF;
}

/*   reset some basic style
*******************************************************************************/
dl { 
	margin: 0 0 0 0;
}

dl dt { 
	margin: 0 0 0 0;
}

dl dd+dt { 
	margin-top: 0;
}

dl dd { 
	margin: 0 0 0 0;
}

ol { 
	list-style: none;
}

ol li { 
	margin: 0 0 0 0;
}

ol li ol { 
	margin: 0 0 0 0;
}

ol li ul { 
	margin: 0 0 0 0;
}

p { 
	margin-bottom: 0em;
}

ul { 
	list-style: none;
}

ul li { 
	margin: 0 0 0 0;
}

ul li ul { 
	margin: 0 0 0 0;
	list-style: none;
}

ul li ol { 
	margin: 0 0 0 0;
}

pre { 
	font-size: 1.2em;
}

a:hover { 
	text-decoration: none;
}

/*   html
*******************************************************************************/
html { 
	background: #000066;
	min-height: 100%;
	margin-bottom: 1px;
}

/*   rounded corners
*******************************************************************************/

* { 
	padding: 0;
	margin: 0;
}

body { 
	background: #000066;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
}

.clear { 
	clear: both;
}

.flLeft { 
	float: left;
}

.flRight { 
	float: right;
}

.warning { 
	color: #f00;
}

/*   website
*******************************************************************************/
#website { 
	background-color: #000066;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 790px;
	color: #0033ff;
	text-align: left;
}

/*   header ****** background-image:url(bg_header.jpg);
*******************************************************************************/
#header { 
	background: #000066;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 130px;
}

/*   logo / breadcrumb
*******************************************************************************/
#logo { 
	background: #000066;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo a { 
	background: #000066;
	display: block;
	height: 100px;
	width: 170px;
	text-indent: -700em;
}

#breadcrumb { 
	background: #0033FF;
	position: absolute;
	bottom: 9px;
	left: 200px;
}

#breadcrumb a,
#breadcrumb a:link { 
	color: #000066;
}

#breadcrumb a:hover { 
	text-decoration: underline;
}

/*   Navigation vertical -
   Wenn die Navigation mit der ID 3 verwendet wird, kann alles bis
   zum nächsten Kommentar gelöscht werden
------------------------------------------------------------------------------*/
#navigation { 
	background: #0033FF;
	float: left;
	width: 200px;
	top: 100px;
	padding: 14px 0;
	position: absolute;
}

#navigation ul.nav1st { 
	background: #0033FF;
	width: 170px;
}

#navigation ul.nav1st li { 
	background: #0033FF;
	padding: 8px 0 8px 14px;
}

#navigation ul.nav1st li.active { 
	background: #0033FF;
}

#navigation ul.nav1st li.active a,
#navigation ul.nav1st li.active a:link { 
	color: #000066;
}

#navigation ul.nav1st a,
#navigation ul.nav1st a:link { 
	display: block;
	color: #000066;
	font-size: 1.2em;
	font-weight: bold;
}

#navigation ul.nav1st a:hover { 
	color: #000066;
}

#navigation ul.nav1st li ul.nav2nd li { 
	background: #0033FF;
	padding: 0;
	margin-left: 14px;
	list-style-type: square;
}

#navigation ul.nav2nd a,
#navigation ul.nav2nd a:link { 
	color: #000066;
	display: block;
	padding: 4px 0 4px 0;
	font-size: 1.1em;
	font-weight: normal;
}

#navigation ul.nav2nd a.current,
#navigation ul.nav2nd a.current:link { 
	background: #0033FF;
	text-decoration: underline;
}

#navigation ul.nav2nd a:hover { 
	background: #0033FF;
	text-decoration: underline;
}

/*   Headlines
------------------------------------------------------------------------------*/

 /*Headline 1*/ 
#box h1 { 
	color: #000066;
	font-family: arial, elvetica, verdana, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.8em;
}
/*
#box .teaser h1 { 
	font-size: 1.4em;
}

*/

/* Headline 2 */
#box h2 { 
	color: #000066;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
}

/*   Paragraphs / Lists
------------------------------------------------------------------------------*/
#box p,
#box ul,
#box ol { 
	margin-bottom: 1.2em;
	font-size: 1.2em;
	line-height: 1.6em;
}

#box ul li ul,
#box ul li ol,
#box ol li ol,
#box ol li ul { 
	font-size: 1em;
}

#box ul { 
	margin-left: 14px;
	list-style-type: square;
}

#box ol { 
	list-style-type: decimal-leading-zero;
}

/*   Hyperlinks
------------------------------------------------------------------------------*/
#box a, #box a:link { 
	color: #000066;
	text-decoration: underline;
}

#box a:hover { 
	color: #000066;
}

/*   Images
------------------------------------------------------------------------------*/
#box div.image { 
	margin-bottom: 0;
}

#box div.image p { 
	margin: 0;
	font-size: 0.9em;
}

#box div.flLeft { 
	margin-right: 14px;
}

#box div.flRight { 
	margin-left: 14px;
}

/*   footer
------------------------------------------------------------------------------*/
.footer { 
	display: block;
	width: 100%;
	background: #000066;
	background-position: 0 -100px;
}

.footer2 { 
	background: #000066;
	padding: 0 14px;
}

.footer p { 
	margin: 0;
	padding: 9px 0;
	font-size: 10px;
	text-transform: uppercase;
}

.footer p,
.footer p a,
.footer p a:link { 
	color: #0033FF;
}

.footer p a:hover { 
	text-decoration: underline;
}

.footer .col-left { 
	background: #000066;
	float: left;
	width: 186px;
}

.footer .col-right { 
	background: #000066;
	float: left;
}

/* form-module
*******************************************************************************/
#form-module * { 
	padding: 0px;
	margin: 0px;
}

#form-module { 
	margin: 0px;
	padding: 0px;
	width: 520px;
	background-color: #f7f7f7;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

#form-module fieldset { 
	border: 0px solid #fff;
}

#form-module legend { 
	display: none;
}

#form-module p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#form-module .element { 
	display: block;
	clear: both;
	background-color: #f7f7f7;
	border-top: 2px solid #fff;
}

#form-module label { 
	display: block;
	float: left;
	padding: 5px;
	width: 120px;
	border-right: 2px solid #fff;
}

#form-module label.checkbox { 
	width: 372px;
	border-left: 2px solid #fff;
	border-right: none;
}

#form-module input,
#form-module select,
#form-module textarea { 
	float: left;
	margin: 5px;
	width: 295px;
	border: 1px solid #333;
}

#form-module input.text { 
	height: 20px;
}

#form-module input.checkbox { 
	width: 120px;
	padding: 0;
	border: none;
}

#form-module input.submit { 
	margin: 5px 5px 5px 137px;
	padding: 2px 5px;
	border: 1px solid #333;
	background-color: #fff;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
}

#form-module input.submit:hover { 
	background-color: #f7f7f7;
	color: #000;
}

#form-module label.textarea,
#form-module textarea.textarea { 
	height: 96px;
}

#form-module-thanks { 
	display: block;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

/* download
*******************************************************************************/
#box .download-hdl p,
#box .download-file p,
#box .download-desc p { 
	margin: 0;
}

#box .download-hdl p { 
	padding: 5px 7px;
	background-color: #393;
	font-weight: bold;
	color: #fff;
}

#box .download-file { 
	padding: 1.2em 7px;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
}

#box .download-desc { 
	margin-bottom: 1.2em;
	padding: 1.2em 7px;
	background-color: #e5ffe5;
	border-left: 2px solid #393;
	border-right: 2px solid #393;
	border-bottom: 2px solid #393;
}

#box .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 2px solid #393;
}

/* box
****************************/


div#box { 
	position: absolute;
top: 100px;
	width: 500px;
	padding: 20px;
	
	margin-left: 160px;
	left: 50px;
	background: #0033FF;
}

b.corners,b.fill { 
}

b.corners * { 
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-style: solid;
	border-width: 0 1px;
}

b.r1 { 
	margin: 0 3px;
	border-width: 0 2px;
}

b.r2 { 
}

b.r3 { 
}

b.r4 { 
}

b.rb1 { 
	margin: 0 8px;
	border-width: 0 2px;
}

b.rb2 { 
	margin: 0 6px;
	border-width: 0 2px;
}

b.rb3 { 
}

b.rb4 { 
}

b.rb5 { 
}

b.rb6 { 
}

b.rb7 { 
	margin: 0 1px;
	height: 2px;
}

b.rb8 { 
	margin: 0;
	height: 2px;
}

b.rs1 { 
}

b.t1 { 
}

b.t2 { 
}

b.t3 { 
}

b.t4 { 
}

b.tb1 { 
}

b.tb2 { 
}

b.tb3 { 
}

b.tb4 { 
}

b.tb5 { 
}

b.tb6 { 
}

b.tb7 { 
	border-width: 0 2px;
	height: 2px;
}

b.tb8 { 
	border-width: 0 1px;
	height: 2px;
}

b.ts1 { 
}
