html {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background-color: #ffffff !important;
	background-image: none !important;
	height: auto !important;
}

body {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	font-size: small;
	background-image: none !important;
	height: 100% !important;
}

img { border: none; text-decoration:none; }

form, input, select {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

a:link, a:visited {
	color: #334c96;
}

a:hover, a:active, a:focus {
	color: #334c96;
}

a img {text-decoration:none;}

h1, h2, h3, h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin:0;
	padding:0;
	color: #334c96;
	page-break-inside: avoid;
	page-break-after: avoid;
}

p {
	font-size:small;
	margin: 0px;
	padding: 0px;
	page-break-inside: avoid;
}

ul { list-style-type:square; }

hr {
	height: 1px;
	margin: 0px 5px;
	padding: 0px;
	border: 0px;
	border-top: 1px dashed #cccccc;
}
/* -- Special Classes -- */
.small-note {
	margin: 0px;
	padding: 0px;
	color: #555555;
	text-align: left;
	font-size: x-small;
	font-weight: normal;
	background-color: transparent;
}
.achtung { color: #cc0000 !important; }
.bordered { border: 1px solid #cccccc; padding: 2px; }
.noborder { border: none !important; }
.notop { margin-top: 0px !important; }
.infomattab { width: auto; }
.bildlinks {
	border: 1px solid #D3D3D3;
	margin: 0px;
	padding: 5px;
}
.rechts {float: right !important; margin-left: 10px !important;}
.links  {float: left !important; margin-right: 10px !important;}
.fett   {font-weight: bold !important;}
.kursiv {font-style: italic !important;}
.kleiner{font-size: 0.75em !important;}
.margintop { margin-top: 5px !important; }
.imgcenter { margin: 1em 0px !important; text-align: center !important; }
.clear { clear: both !important; }
.unsichtbar { display: none; visibility: hidden; }

div.table { display:inline-table; border-collapse:collapse; }
div.tr { display:table-row; }
div.td { display:table-cell; vertical-align:top;} 

/* IE Hacks */

/* Guillotine-Bug */
#guihack {
	clear: both;
	visibility: hidden;
}

/* 3-Pixel-Bug bei floatenden Spalten
   vor IE Mac verstecken */
* html div#page-middle {
	height: 1em;
}
/* Verstecken Ende */

/*  Cursorform für Formularbuttons  */
@media screen {
	.button, .formbutton, .suche-go {
		cursor: pointer;
	}
}

/* -- MAIN LAYOUT ------------------------------------------------------------------------ */

#wrapper {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#tab-menu {
	display: none; visibility: hidden;
}

#page {
	background-color: #ffffff;
	border-bottom: 1px solid #333333;
	overflow: hidden;
	text-align: left;
	font-size: small;
}

#logo {
	display: none; visibility: hidden;
}

#page-left {
	display: none; visibility: hidden;
}

#main-menu {
	display: none; visibility: hidden;
}

#page-right {
	display: none; visibility: hidden;
}

#page-middle {
	vertical-align: top;
	margin: 0px;
	padding:0px;
	overflow: hidden;
	position: relative;
}

#nav-path {
	border-bottom: 1px solid #AAAAAA;
	border-bottom-style: dotted;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 2px 0px;
	overflow: hidden;
}

#content {
	margin : 0px;
	padding: 0px;
	text-align: left;
}

/* -- Temporäre Content-Substrukturen - */

#news {
	margin: 0px;
	padding: 0px;
}

#sitemap {
	margin: 0px;
	padding: 0px;
}
/* -- END OF Temporäre Content-Substrukturen - */

#content-footer {
	display: none; visibility: hidden;
}

#page-footer {
	font-size: x-small;
	padding: 3px;
	margin-bottom: 10px;
	text-align: left;
}

/* ---- Special Classes for #tab-menu ---- *
#tab-menu ul { margin:0px; padding:0px; }
#tab-menu li { display: inline; }
#tab-menu li .focus {
	color: #333333;
	background-color: #FFFFFF;
	margin: -1px;
	padding: 3px;
	border: 1px solid #333333;
	border-bottom: 1px solid #ffffff;
	text-align: center;
}
#tab-menu li a {
	text-decoration: none;
	color: #DDDDDD;
	margin: -1px;
	padding: 3px;
	background-color: #36509e;
	border-right: 1px solid #0A1389;
	background: url("pix/layout/bg-tabmenu-01.png") no-repeat #3651a0;
}
#tab-menu li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: url("pix/layout/bg-tabmenu-02.png") no-repeat #3d5cb4;
	border-right: 1px solid #0A1389;
}
#tab-menu li a.focus {
	color: #333366;
	background: none;
	margin: -1px;
	padding: 8px 8px 3px 8px;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	text-align: center;
	background-color: #ffffff;
}
#tab-menu li a.focus:hover {
	text-decoration: none;
	color: #C60404;
	background: url("pix/ico/lo.gif") no-repeat #ffffff;
	background-position: center;
}

/* ---- Special Classes for #main-menu ---- *
#main-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: transparent;
}
#main-menu ul a,
#main-menu ul ul a,
#main-menu ul ul ul a {
	display: block;
	padding: 0px;
}
#main-menu ul li,
#main-menu ul ul li,
#main-menu ul ul ul li {
	margin: 0px;
	margin-bottom: -1px;
	list-style-type: none;
	border-top: 1px solid #888888;
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
}
#main-menu ul a,
#main-menu ul a:hover,
#main-menu ul ul a,
#main-menu ul ul a:hover,
#main-menu ul ul ul a,
#main-menu ul ul ul a:hover {
	text-decoration: none;
}
/* einzelne Levelformatierungen */
/* Level 1 */
#main-menu ul a {
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	padding: 3px 0px 3px 10px;
}
/* Level 2 */
#main-menu ul ul a {
	font-weight: normal;
	color: #333333;
	background-color: #f4f4f4;
	padding: 3px 0px 3px 20px;
}
/* Level 3 */
#main-menu ul ul ul a {
	font-weight: normal;
	color: #888888;
	padding: 3px 0px 3px 30px;
}
/* Level 4 */
#main-menu ul ul ul ul a {
	font-weight: normal;
	color: #888888;
	padding: 3px 0px 3px 40px;
}
/* Active Status */
#main-menu li .focus1 {
	font-weight: bold;
	color: #ffffff;
	background: url("pix/layout/menu-focus1.png") no-repeat #547df1;
	background-position: center;
}
#main-menu li .focus2 {
	font-weight: bold;
	color: #ffffff;
	background: url("pix/layout/menu-focus2.png") no-repeat #b5d3f2;
	background-position: center;
}
#main-menu li .focus3 {
	font-weight: bold;
	color: #555555;
	background: url("pix/layout/menu-focus3.png") no-repeat #efefef;
	background-position: center;
}
#main-menu li .focus4 {
	font-weight: normal;
	color: #000000;
	background: url("pix/layout/menu-focus4.png") no-repeat #f0f0f0f;
	background-position: center;
}
#main-menu ul a:hover {
	color: #ffffff;
	background: url("pix/layout/menu-active.png") no-repeat #be4040;
	background-position: center;
}

/* ---- Special Classes for #page-right ---- */
#page-right .infobox-head {
	background-position: top;
	background: url("pix/layout/infobox-head.jpg") repeat-x #324c96;
	font-family: sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	border: 1px solid #334C96;
	width: 160px;
	margin-top: 10px;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}  
#page-right .infobox-head a:link,
#page-right .infobox-head a:visited {
	text-decoration: none;
	color: #eeeeee;
}
#page-right .infobox-head a:hover,
#page-right .infobox-head a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#page-right .infobox-cont {
	background: url("pix/layout/box_gradient.jpg") no-repeat #fefefe;
	font-family: sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: left;
	color: #2A2A2A;
	border: 1px solid #999999;
	width: 160px;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#page-right .infobox-cont-img {text-align: center !important;}
#page-right .infobox-cont-img img {
	margin: 3px;
	padding: 1px;
	border: 1px solid #D3D3D3;
}

#page-right .infobox-cont a:link,
#page-right .infobox-cont a:visited {
	text-decoration: none;
	color: #334c96;
}
#page-right .infobox-cont a:hover,
#page-right .infobox-cont a:active {
	text-decoration: underline;
	color: #334c96;
}
/* Kleines Suchformular */
#suche {}

#page-right .suche {
	margin:  3px 0px 3px 0px;
	padding: 0px;
}
#page-right .suche-input {
	margin: 0px;
	padding: 0px;
	width: 136px;
	background-color: #EEEEEE;
	border: 1px solid #AAAAAA;
}
#page-right .suche-go {
	margin: 0px;
	padding: 0px;
	float: right;
}
/* Small-Menu */
#page-right .small-menu {
	margin: 0px;
	padding: 0px;
	color: #555555;
	text-align: center;
	font-size: x-small;
	font-weight: normal;
	background-color: transparent;
}

/* danko: nochmal anschauen!! das muß doch auch ohne !important gehen... */
/* danko: Hast Du keine echten Probleme??? SVE */
/* danko: wenn man einmal mit !important anfängt, frißt es einen wie Fußnoten ;-) */
#page-right ul.small-menu { padding: 5px 0px !important; }
#page-right .small-menu li {
	list-style: none;
	display: inline;
}

/* unterstreichung raus */
#page-right .small-menu li a:link,
#page-right .small-menu li a:visited,
#page-right .small-menu li a:active,
#page-right .small-menu li a:focus {
	color: #555555;
	text-decoration: none;
}
/* unterstreichung ein */
#page-right .small-menu li a:hover {
	color: #555555;
	text-decoration: underline;
}
#page-right .small-menu li:before {content: " | ";}
#page-right .small-menu li.firstitem:before {content: "";}
#page-right ul { margin:0px; margin-left: 1.5em; padding:0px; }
#page-right a.nav { padding:0.1em; line-height: 1.9em; margin: 0px; background-color: #ffffff; border:1px solid #9999cc; }
#page-right input:focus { background-color: #ffffff; border:1px solid #9999cc; }

/* ---- Special Classes for #nav-path ---- */
#nav-path .nav-path-text {
	font-family: sans-serif;
	font-size: small;
	font-weight: normal;
	color: #777777;
}
#nav-path a {
	color: #555555;
	text-decoration: none;
}
#nav-path a:hover {
	color: #555555;
	text-decoration: underline;
}

/* ---- Special Classes for #content ---- */
#content .content-banner {
	overflow: hidden;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: left;
	background: url("pix/layout/bg-banner.png") repeat-x #e2e2e2;
	border: 1px solid #D3D3D3;
	width: auto;
}
#content .content-banner img {
	width: 100%;
	height: auto;
}

/* IE version... */
*	#content .content-banner {
*		overflow: hidden;
*		position: relative;
*		margin : 0px;
*		margin-top: 3px;
*		padding: 5px;
*		border: 1px solid #D3D3D3;
*		background: url("pix/layout/bg-banner.png") repeat-x #e2e2e2;
*	}
*	#content .content-banner img {
*		overflow: hidden;
*		width: 98%;
*		height: 198px;
*	}

#content .content-block {
	overflow: hidden;
	margin : 0px;
	margin-bottom: 5px;
	padding: 10px;
	text-align: left;
	width: auto;
	background: url("pix/layout/bg-content.png") repeat-x #fcfcfc;
	border: 1px solid #D3D3D3;
}
#content .content-block-bg1 {
	overflow: hidden;
	margin: 0px;
	padding: 5px;
	margin-top: 5px;
	background-color: #ffffff;
	border: 1px solid #D3D3D3;
}
#content .content-block-left {
	width: 50%;
	margin: 5px;
	padding: 0px;
	margin-right: 10px;
	float: left;
	text-align: left;
	position: relative;
}
#content .content-block-right {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#content .content-text-border {
	margin : 0px;
	margin-bottom: 5px;
	padding: 10px;
	text-align: left;
	width: auto;
	background: url("pix/layout/bg-content.png") repeat-x #ffffff;
	border: 1px solid #D3D3D3;
}
#content a[rel="external"] { text-decoration: none; } 
#content a[rel="external"]:before {content:url(pix/ico/extern.gif); vertical-align: middle; text-decoration: none; } 
#content a.simplelink:before {content:url() !important;}
#content img {border: 1px solid #D3D3D3; margin: 0px;}
#content h2 { margin-top: 2em;}
#content h3 { margin-top: 1em;}
#content p { margin-top: 0.5em;}
#content .tab1a {
	clear: left;
	float: left;
	color: #555555;
	border: 1px solid #D7D7D7;
	width: 110px;
	padding-left: 5px; 
}
#content .tab2a { margin-left: 120px; }
#content input[type="text"] {
	width: 98%;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#content input[type="text"]:focus {
	background-color: #ffffff;
	border: 1px solid #ccccff;
}
#content textarea {
	width: 98%;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
#content textarea:focus {
	background-color: #ffffff;
	border: 1px solid #ccccff;
}
#content .resetbutton {
	width: auto;
	margin-right: 15px;
	color: #555555;
	background-color: #EEEEEE;
	background: url("pix/layout/bg-button-gray.png") repeat-x #ebebeb;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content .resetbutton:hover,
#content .resetbutton:focus {
	width: auto;
	background-color: #BE4141;
	color: #FFFFFF;
	background: url("pix/layout/bg-button-red.png") repeat-x #ad3a3a;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content .startbutton {
	width: auto;
	margin-right: 15px;
	color: #555555;
	background-color: #EEEEEE;
	background: url("pix/layout/bg-button-gray.png") repeat-x #ebebeb;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}

#content .startbutton:hover,
#content .startbutton:focus {
	width: auto;
	color: #FFFFFF;
	background-color: #5EB93F;
	background: url("pix/layout/bg-button-green.png") repeat-x #5db43d;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content a.linkbutton {
	width: auto;
	margin-right: 15px;
	color: #555555;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
	background-color: #EEEEEE;
	background: url("pix/layout/bg-button-gray.png") repeat-x #ebebeb;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
#content .linkbutton:hover,
#content .linkbutton:focus {
	width: auto;
	color: #555555;
	background-color: #F6D724;
	background: url("pix/layout/bg-button-yellow.png") repeat-x #f7da23;
	border-top:   1px solid #AAAAAA;
	border-left:  1px solid #AAAAAA;
	border-right: 1px solid #888888;
	border-bottom:1px solid #888888;
}
/* ---- Special Classes for #news ---- */
#news h2 {
	font-size: small;
	font-weight: bold;
	color: #4B4B4B;
	margin-top: 0px;
}
#news h3 {
	margin: 1px;
	margin-left: 5px;
	font-size: small;
	font-weight: bold;
}
#news h3 a       {text-decoration: none;}
#news h3 a:hover {text-decoration: underline;}
#news h4 {
	font-size: small;
	margin: 1px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#news p {
	font-size: small;
	margin: 5px;
}
#news img {
	border: 1px solid #9F9F9F;
	margin: 5px;
}
#news .news-date {
	margin-top: 3px;
	margin-bottom: 1px;
	padding: 3px;
	border: 1px solid #9F9F9F;
	background: url("pix/layout/smalldarkergrad.png") repeat-x #cdcdcd;
}
#news .news-container {
	border: 1px solid #9F9F9F;
	margin: 0px;
	margin-bottom: 5px;
	background: url("pix/layout/box_gradient.jpg") repeat-x #ffffff;
}
#news .news-img { margin-left: 5px !important; }

/* ---- Special Classes for #sitemap ---- */
#sitemap ul {
	list-style-type: none;
	background-color: transparent;
}
#sitemap ul li {
	padding: 5px 0px;
	vertical-align: middle;
	line-height: 13px;
}
#sitemap a { text-decoration: none; } 

/* ---- Special Classes for #content-footer ---- */
#content-footer a img {
	vertical-align: middle;
	border: none;
}
#content-footer a {
	text-decoration: underline;
}
#content-footer a:hover {
	text-decoration: underline;
}
