body { background: #d9edf6 url('../images/background.png') no-repeat; }

* {
	font: 12px Verdana;
	color: #1f1f1f;
}

a {
	text-decoration: none;
	color: #af4e92;
}

img { border: none; }
table { table-layout: fixed; }
td, th { vertical-align: top; }
h1, h2 { margin: 0px; }

/* Main colors:
   ============
	color: #0089c5;  //Dunkelblau - Haupttitel 
	color: #1f1f1f;  //Dunkelgrau - Lauftext

	color: #f2c4d9;  //Hellrosa
	color: #cb77b2;  //Mittleres rosa - Navigation aktiv
	color: #af4e92;  //Dunkelrosa - Textlinks, Navigation over
	
	color: #d9edf6;  //Hellblau (Hintergrund, Linien)
*/

/*** Top ***/
a.LogoLink, .TopLinks { position: absolute; }

a.LogoLink {
	left: 20px;
	top: 15px;
}

.TopLinks, .TopLinks * {
	color: #af4e92;
	font-size: 14px;
	font-weight: bold;
}

.TopLinks {
	top: 9px;
	left: 380px;
	width: 330px;
	white-space: nowrap;
	text-align: center;
}

.TopLinks span {
	position: relative;
	top: -1px;
	font-size: 12px;
}

.TopLinks a {
	margin-left: 6px;
	margin-right: 6px;
}

.PrintLink {
	padding-left: 27px;
	background: url(../images/printer.png) no-repeat 0px 2px;
}

.nav { font-weight: bold; }

/*** Navigation ***/
#Navigation {
	position: absolute;
	left: 6px;
	top: 210px;
	width: 210px;
}

#Navigation a {
	display: block;
	margin-top: 10px;
	margin-bottom: 12px; 
	color: white;
	font-weight: bold;
	font-size: 15px;
	padding-left: 16px;
}

#Navigation a.selected { background: url(../images/nav_bullet.png) no-repeat 0px 1px; }
#Navigation a.selected, #Navigation a:hover { color: #af4e92 !important; }

#Navigation div.submenu { margin-left: 16px; }
#Navigation div.submenu a { 
	font-size: 14px;
	color: #cb77b2;
	margin-top: 6px;
}

/*** Content ***/
h1, #Content {
	position: absolute;
	left: 265px;
	width: 620px;
}

h1 { top: 275px; }

h1, h1 span {
	color: #0089c5;
	font-size: 16px;
	font-weight: bold;
}

#Content { top: 320px; }

#LeftColumn, #RightColumn, #LeftWideColumn, #RightNarrowColumn { position: absolute; }

#LeftColumn { width: 280px; }
#LeftWideColumn { width: 400px; }

#LeftColumn img.bigIllustration {
	display: block;
	margin-bottom: 10px;
}

#RightColumn {
	left: 285px;
	/*width: 335px;*/
	width: 390px;
}

#RightNarrowColumn {
	left: 420px;
	width: 200px;
}

th {
	color: #0089c5;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}

td { padding-bottom: 4px; }
col.right { text-align: right; }
tr.oddrow td { background-color: #ebebeb; }


/*** Text ***/
p {
	margin-top: 2px;
	margin-bottom: 2px;
}

ul, ul.bold, div.title { margin-top: 2px; }
div.title, li { margin-bottom: 2px; }

div.title, ul.bold li { font-weight: bold; }

ul, ul.bold {
	margin-left: 16px;
	padding-left: 0px;
}

ul { margin-bottom: 4px; }
ul.bold { margin-bottom: 18px; }

li { list-style-type: disc; }

ul.bold li {
	list-style-image: url(../images/bullet.png);
	margin-bottom: 15px;
}

ul.bold li span.light { font-weight: normal; }
div.bold ul li { font-weight: bold; }

span.green, span.red { font-weight: bold; }
span.green { color: green; }
span.red { color: red; }

/*** Documents ***/
table.documents td.type { width: 40px; }
table.documents td.link { width: 450px; }


/*** Boxes ***/
div.button, div.box, div.boxMore { width: 274px; }

div.button {
	background-image: url(../images/pink_button.png);
	height: 29px;
	margin-bottom: 25px;
}

div.button a {
	display: block;
	color: white;
	font-size: 13px;
	font-weight: bold;
	padding-left: 18px;
	padding-top: 6px;
}

div.boxMore a.more { color: white; } 

div.box a, div.boxMore a {
	display: block;
	margin-left: 12px;
	/*margin-top: 10px;*/
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
}

div.box, div.boxMore { height: 179px; }
div.box { background-image: url(../images/box.png); }

div.boxMore {
	background-image: url(../images/box_pink_end.png);
	height: 179px;
}

div.box div.title, div.boxMore div.title {
	padding-left: 12px;
	padding-top: 6px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}


/*** Login Panel ***/
#Login {
	border: 1px solid black;
	background-color: #f0f0f0;
	position: absolute;
	left: 10px;
	top: 70px;
	padding: 10px;
	width: 140px;
	/*height: 50px;*/
}

#Login div {
	margin-bottom: 3px;
	text-align: left;
}

#Login input.loginText { width: 120px; }