﻿* { margin:0px; padding:0px; }

html, body {
	height:100%;
}

body {
	text-align:center;						/* Zentrierung für den alten IE */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background-color:#E9E9E9;
	
	background-image:url( /Content/images/bkg_blau.gif );
	background-repeat:repeat-x;
	background-attachment:fixed;
}

/***************************
 *** Allgemeines
 ***************************/
 
 /* Links */
a {
	text-decoration:none;
	color:#003498;
}

a:hover {
	text-decoration:underline;
}
 
/* Versteckt Elemente, die für Barrierefreiheit genutzt werden */
.a13 { display:none; }

/* Umflossene Elemente */
.right { float:right; margin-left:10px; margin-bottom:5px; }
.left { float:left; margin-right:10px; margin-bottom:5px; }

/* Umfluss abbrechen */
.clear { clear:both; width:100%; }

/* Formulare */
fieldset { border:0px; }

/* Listen */

ul {
	margin:10px 10px 10px 25px;
}

li {
	margin-bottom:2px;
}

/****************************************************
 *** HINTERGRUND
 *** Der Rand / Hintergrund
 ****************************************************/

#bkg {
	/*width:100%;
	background-color:#FFFFFF;
	background-image:url( /Content/images/unten_rand.gif );
	background-repeat:repeat-x;
	background-position:left bottom;*/
}
 
#bkg1 {
	/*background-color:#F9F9F9; height:175px;
	background-image:url( /Content/images/banner_rand.gif );
	background-repeat:repeat-x;
	background-position:left 25px;
	margin-bottom:-175px;*/
}

/****************************************************
 *** STRUKTUR
 *** Der grundlegene Aufbau der Seite
 ****************************************************/
 
/* Kopf, Inhalt und Fuss */
#body {
	width:90%;
	min-width:800px;
	max-width:1024px;
	text-align:left;						/* Nach der Zentrierung für IE, den Textfluss wieder linksbündig ausrichten */
	margin:0 auto;							/* Zentrierung für die neueren Browser */
	
	background-color:#FFFFFF;	position:relative;
	
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#FFFFFF;
}

* html #body {
	width:1000px;
}

/* Kopf der Seite */
#body #head {
}

/* Linke, mittlere und rechte Spalte */
#body #content {
}

/* Linke Spalte */
#body #left {
	float:left; width:19%;
}

/* Mittlere und rechte Spalte */
#body #complete_right {
	float:right; width:79%;
}

/* Mittlere Spalte */
#body #complete_right #center {
	width:65%;
	float:left;
}

/* Rechte Spalte */
#body #complete_right #right {
	width:33%;
	float:right;
}

/* Fuss */
#body #foot {
	clear:both; width:100%;
}

/****************************************************
 *** HEAD
 *** Der Kopf der Seite
 ****************************************************/
 
#head {
	background-image:url( /Content/images/bkg_header.gif );
	background-repeat:repeat-y;
}
 
/* Banner, Logo usw... */
#head #banner {
	width:100%;
	height:150px;
	background-image:url( /Content/images/banner.gif );
	background-repeat:repeat-x;
	background-position:top right;
	position:relative;
}

#head #banner a, #head #banner img {
	border:0px;
	text-decoration:none;
}

#head #logo {
	position:absolute;
	bottom:20px; left:10px;
}

#head h1 {
	position:absolute;
	bottom:20px;
	left:140px;
	font-size:26px;
	color:#003498;
	font-weight:bold;
}

#head h1 span.subtitle {
	/*color:#000000;*/
	color:#003498;
	font-weight:normal;
}

#head #banner #mediationlink {
	position:absolute;
	top:0px; right:0px;
	width:150px; height:80px;
	display:block;
}

/* Submenü */
/* Das Submenü liegt im HTML-Template unter dem normalen Menü, um die Seitenlogik zu erhalten */

#head {
	padding-top:25px;	/* Banner im Kopf herunterrücken */
}

ul.submenu {
	list-style-type:none;
	margin:0px; padding:0px;
	
	position:absolute;
	top:0px; right:0px;
	height:25px;
	
	/*padding-left:150px;
	background-color:transparent;
	background-image:url(/Content/images/submenu_shadow.gif);
	background-repeat:repeat-y;
	background-position:left;*/
}

* html ul.submenu {							/* Positionierung für den IE 6.x */
	float:right;
	position:relative;
	top:-175px;
	margin:0px;
}

ul.submenu li {
	float:left; 
	background-color:#FFFFFF;
	padding:5px;
}

ul.submenu li  + li  { border-left:1px solid #E0E0E0; }
* html ul.submenu li { border-left:1px solid #E0E0E0; }

ul.submenu li a {
	text-decoration:none;
	color:#000000;
}

ul.submenu li a:hover { text-decoration:underline; }
 
/****************************************************
 *** LEFT
 *** Die linke Spalte, das Hauptmenü
 ****************************************************/
 
#left {
	background-image:url( /Content/images/menu_background.gif );
	background-repeat:repeat-x;
	min-height:350px;
}

/*** HAUPTMENÜ ***/

#left #menu1 {
	padding:0px;
	margin:15px 0px 20px 20px;
	font-size:14px;
}
#left #menu1 div {
	padding-left:12px;
	background-image:url( /Content/images/li_dot.gif );
	background-repeat:no-repeat;
	background-position:left 7px;
	margin-bottom:2px;
}

/* Erste Ebene */
#left #menu1 .menu1-1-no, #left #menu1 .menu1-1-act {
}

#left #menu1 a {
	text-decoration:none;
	color:#000000;
}

#left #menu1 a:hover{ text-decoration:underline; }

/* Zweite Ebene */
#left #menu1 .menu1-2-no, #left #menu1 .menu1-2-act {
	margin-left:15px;
	font-size:92%;
	
	background-image:url( /Content/images/li_dot_small.gif );
}

/* Dritte Ebene */
#left #menu1 .menu1-3-no, #left #menu1 .menu1-3-act {
	margin-left:30px;
	font-size:88%;
	
	background-image:url( /Content/images/li_dot_smaller.gif );
}

/* Vierte Ebene */
#left #menu1 .menu1-4-no, #left #menu1 .menu1-4-act {
	margin-left:45px;
	font-size:82%;
	
	background-image:url( /Content/images/li_dot_smallest.gif );
}


/*** SUCHFELD ***/

#left form#search {
	width:100%;
	padding-top:5px; padding-bottom:5px;
	margin:0px; margin-top:10px;
	
	border-bottom:2px solid #FFFFFF;
}

#left #search #searchfield {
	margin-left:10px;
	width:70%;
	float:left;
	
	border:1px solid #FFCD37;
	border-color:#999900 #FFCD37 #FFCD37 #999900;
}

#left #search #submit {
	margin-left:5px;
	position:relative;
	top:-3px;
}

/****************************************************
 *** COMPLETE RIGHT
 *** Mittlere und rechte Spalte
 ****************************************************/

#complete_right {
	padding-top:20px;
	padding-bottom:40px;
}

* html #complete_right {	/* Für den IE 6.x: Verschiebung durch Submenü korrigieren */
	padding-top:15px;
}

/*** Schriftformatierung ***/

#complete_right p {
	font-size:12px;
	line-height:18px;
	margin-bottom:5px;
}

#complete_right h3 {
	font-size:220%;
	margin-bottom:20px;
	color:#003498;
}

#complete_right h4 {
	font-size:140%;
	margin-bottom:5px; margin-top:15px;
	color:#003498;
}
#contentplace 
{
    padding-right: 20px;
}

#contentplace h1 {
	font-size:160%;
	margin-bottom:20px; 
	margin-top:25px;
	color:#003498;
}

#contentplace h2 {
	font-size:120%;
	margin-bottom:5px; margin-top:15px;
	color:#003498;
}

#contentplace h3 {
	font-size:110%;
	margin-bottom:5px; margin-top:15px;
	color:#003498;
}


/*** Mittlere Spalte ***/

#body #complete_right #center {
	width:60%;
}

#contentplace #breadcrumbs {
	font-weight:bold;
	font-size:10px;
	margin-bottom:15px;
}

#contentplace #breadcrumbs a {
	font-weight:normal;
}

/*** Rechte Spalte ***/

#right div {
	margin-bottom:20px;
}

#right h2 {
	color:#FFCD37;
	width:100%;
	border-bottom:1px solid #FFCD37;
	font-size:14px;
	margin-bottom:10px;
}

#right h3 {
	margin:0px 10px 3px 10px;
	font-size:12px;
}
 
#right p {
	margin:0px 10px 10px 10px;
	font-size:11px;
	line-height:16px;
}

#right div {
	overflow:hidden;
	margin:0px;
}

#right img.symbol {
	float:left;
	margin-left:10px;
}

#right img + h3 {
	margin-left:60px;
}

#right img + h3 + p {
	margin-left:60px;
}
 
/****************************************************
 *** FOOT
 *** Der Seitenfuss
 ****************************************************/
 
#foot {
	clear:both; float:none;
	width:100%; height:20px;
	background-color:#FFCD37;
}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DATA TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.grid {
	background:#f6f6f6;
	border-top:1px dotted #7a7a7a;
	border-left:1px dotted #7a7a7a;
	}

table.grid caption{
	background:#b6b6b6;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:1px dotted #7a7a7a;
	border-bottom:none;
	}

table.grid td,
table.grid th{
	padding:8px;
	border-right:1px dotted #7a7a7a;
	border-bottom:1px dotted #7a7a7a;
	}

table.grid th{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#ececec;
	}
	
table.grid td{
	}

table.grid tr.row-alternating td{
	background:#e0e0e0;
	}
	
	
.pagination 
{
    font-size: 100%;
    margin-top: 15px;
}
.paginationLeft 
{
    float:left;
    text-align: left;
}
.paginationRight
{
    float: right;
}

