
/* Definition der global verwendeten Schriften */
* {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}


/* Definition des HTML-Tags */
html {
	overflow-x: hidden;
	overflow-y: auto;
}


/* Definition des Body-Tags */
body {
	margin: 0px;
	background-color: #1F789C;
}


/* ----- *** Kopfbereich mit Logo und Hintergrund - Anfang *** ----- */
div#header {
	height: 96px;
	background-image: url(../art_global/bg_header.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
img#logo {
	margin-left: 20px;
	float: left;
}
/* ----- *** Kopfbereich mit Logo und Hintergrund - Ende *** ----- */



/* ----- *** Globale Navigation - Anfang *** ----- */
div#global_navigation {
	height: 96px;
	margin-left: 209px;
	background-image: url(../art_global/bg_global_navigation.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
div#global_navigation div#spacer {
	height: 56px;
}
div#global_navigation div#blue_line {
	height: 6px;

	margin-left: 35px;
	font-size: 6px;
	line-height: 6px;
	background-color: #C5DCE4;
}
div#global_navigation div#global_menu {
	height: 34px;
	margin-left: 35px;
	background-color: #1F789C;
}
div#global_navigation div#global_menu div#global_menu_content {
	width: 740px;
}

/* *** Globale Navigation links - Anfang *** */
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_left {
	width: 200px;
	margin-top: 11px;
	margin-bottom: 0px;
	float:left;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_left a {
	padding-left: 19px;
	background-image: url(../art_global/bu_global_navigation.gif);
	background-position: 0px 0.15em;
	background-repeat: no-repeat;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_left a:hover {
	text-decoration: underline;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_left a.activ {
	color: #FF9900;
}
/* *** Globale Navigation links - Ende *** */

/* *** Globale Navigation rechts - Anfang *** */
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_right {
	width: 530px;
	margin-top: 12px;
	margin-bottom: 0px;
	float: right;
	text-align: right;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_right a {
	font-size: 100%;
	color: #FFFFFF;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_right a:hover {
	text-decoration: underline;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_right a.activ {
	font-weight: bold;
	color: #FF9900;
	margin-left: 0.1em;
	margin-right: 0.1em;
}
div#global_navigation div#global_menu div#global_menu_content div#global_menu_content_right span.spacer {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 100%;
	color: #FFFFFF;
}
/* *** Globale Navigation rechts - Ende *** */

/* ----- *** Globale Navigation - Anfang *** ----- */



/* ----- *** Hauptnavigation - Anfang *** ----- */
div#main_navigation {
	clear: left;
	height: 34px;
	padding-left: 14px;
	background-color: #004463;
}
div#main_navigation p#main_navigation_content {
	margin-top: 0px;
	padding-top: 11px;
	padding-left: 17px;
	background-image: url(../art_global/bu_main_navigation.gif);
	background-position: 0px 1.1em;
	background-repeat: no-repeat;
}

div#main_navigation p#main_navigation_content a {
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}

div#main_navigation p#main_navigation_content a:hover {
	text-decoration: underline;
}
div#main_navigation p#main_navigation_content a.activ {
	color: #FF9900;
}
div#main_navigation p#main_navigation_content span.spacer {
	padding-left: 12px;
	padding-right: 12px;

	padding-left: 1.04em;
	padding-right: 1.04em;

	font-size: 100%;
	color: #FFFFFF;
}
/* ----- *** Hauptnavigation - Ende *** ----- */



/* ----- *** Inhalt - Anfang *** ----- */
div#content {
	background-image: url(../art_global/bg_content.gif);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	margin-left: 6px;
}

/* *** Text und Links - Anfang *** */
div#content h1 {
	margin-bottom: 5px;
	color: #004463;
	font-size: 130%;
	font-weight: bold;
	font-style: italic;
}
div#content p {
	margin-top: 0px;
	margin-bottom: 10px;
}
div#content p.line_height {
	margin-bottom: 20px;
	line-height: 150%;
}
div#content p.blue {
	color: #004463;
}

div#content a {
	color: #004463;
	text-decoration: underline;
}
div#content a:hover {
	color: #1F789C;
}
/* *** Text und Links - Ende *** */


div#content div#spacer {
	height: 10px;
	font-size: 10px;
	line-height: 10px;
}



/* *** Spalten - Anfang *** */
div#content div#column_left {
	width: 210px;
	float: left;
}
div#content div#column_right {
	width: 715px;
	/* padding-top: 30px; */
	padding-left: 50px;
	float: left;
}
div#content div#column_right p {
	margin-right: 10px;
}
/* *** Spalten - Ende *** */



/* *** Inhalte 2-spaltig - Anfang *** */
div#content div#column_right div#main_content_left {
	float: left;
	width: 525px;
}
div#content div#column_right div#main_content_right {
	float: left;
	width: 170px;
	padding-left: 20px;
}
/* *** Inhalte 2-spaltig - Ende *** */


/* *** Unternavigation 1 - Anfang *** */
div#content div#column_left div#sub_navigation_1 {
	background-image: url(../art_global/bg_subnavigation.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #1F789C;
}
div#content div#column_left div#sub_navigation_1 ul {
	margin: 0px;
	margin-left: 8px;
	margin-right: 7px;
	padding: 0px;
	padding-top: 10px;
	list-style: none;
}
div#content div#column_left div#sub_navigation_1 ul li {
	padding-left: 15px;
}
div#content div#column_left div#sub_navigation_1 ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
div#content div#column_left div#sub_navigation_1 ul li a:hover {
	text-decoration: underline;
}


/* Ebene 1 */
div#content div#column_left div#sub_navigation_1 ul li.layer_1 {
	background-image: url(../art_global/bu_subnavigation_1.gif);
	background-position: 0px 0.42em;
	background-repeat: no-repeat;
	border-bottom: 1px solid #8FBCCE;
}
div#content div#column_left div#sub_navigation_1 ul li.layer_1 a {
	line-height: 180%;
}
div#content div#column_left div#sub_navigation_1 ul li.layer_1 a.activ {
	font-weight: bold;
	color: #EA8528;
}
div#content div#column_left div#sub_navigation_1 ul li#no_border {
	background-position: 0px 0.44em;
	border-bottom: none;
}


/* Ebene 2 */
div#content div#column_left div#sub_navigation_1 ul li#last_item {
	border-bottom: 1px solid #8FBCCE;
	padding-bottom: 0.30em;
}
div#content div#column_left div#sub_navigation_1 ul li.layer_2 a.activ {
	color: #EA8528;
}
/* *** Unternavigation 1 - Ende *** */



/* *** Unternavigation 2 - Anfang *** */
div#content div#column_left div#sub_navigation_2,
div#content div#column_left div#logout {
	width: 169px;
	background-color: #C5DCE4;
}
div#content div#column_left div#sub_navigation_2 ul {
	margin: 0px;
	margin-left: 8px;
	padding: 0px;
	list-style: none;
}
div#content div#column_left div#sub_navigation_2 ul li {
	border-bottom: 1px solid #8FBCCE;
}
div#content div#column_left div#sub_navigation_2 ul li a {
	padding-left: 15px;
	background-image: url(../art_global/bu_subnavigation_2.gif);
	background-position: 0px 0.18em;
	background-repeat: no-repeat;
	color: #004463;
	line-height: 180%;
	text-decoration: none;
}
div#content div#column_left div#sub_navigation_2 ul li a:hover {
	text-decoration: underline;
}
div#content div#column_left div#sub_navigation_2 ul li a.activ {
	font-weight: bold;
	color: #EA8528;
}
div#content div#column_left div#sub_navigation_2 ul li#no_border {
	border-bottom: none;
}
/* *** Unternavigation 2 - Ende *** */



/* *** Logout-Link - Anfang *** */
div#content div#column_left div#logout {
	padding-top: 10px;
	text-align: center;
	/* background s. Unternavigation 2 */
}
div#content div#column_left div#logout a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #EA8528;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	line-height: 180%;
	text-decoration: none;
}
div#content div#column_left div#logout a:hover {
	background-color: #DB7315;
}
/* *** Logout-Link - Ende *** */



div#logo_citys {
	float: right;
	padding-top: 13px;
}
div#content div#headline_picture {
	margin-bottom: 20px;
	padding-top: 30px;
}
div#content div#content_clear {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(../art_global/bg_content.gif);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

div#content div#picture_navigation {
	margin-left: 14px;
	margin-bottom: 20px;
}
/* ----- *** Inhalt - Ende *** ----- */



/* ----- *** Footer allgemein - Anfang *** ----- */
div#footer {
	/* height: 32px; */
	margin-left: 6px;
	background-color: #FFFFFF;
}
div#footer div#footer_single_column {
	height: 24px;
	min-height: 24px;
	background-image: url(../art_global/bg_footer_left.gif);
	background-position: left;
	background-repeat: no-repeat;
}
div#footer div#footer_to_top {
	height: 21px;
	padding-top: 45px;
	padding-left: 20px;
	background-image: url(../art_global/bg_footer_to_top.gif);
	background-position: left;
	background-repeat: no-repeat;
}
div#footer div#footer_to_top a {
	padding-left: 15px;
	background-image: url(../art_global/bu_to_top.gif);
	background-position: 0px 0.2em;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #004463;
}
div#footer div#footer_bottom {
	height: 8px;
	background-image: url(../art_global/bg_footer_clear.gif);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #C5DCE4;
	font-size: 8px;
	line-height: 8px;
}
/* ----- *** Footer allgemein - Ende *** ----- */



/* ----- *** Footer Homepage - Anfang *** ----- */
div#footer_home {
	margin-left: 6px;
	background-color: #C5DCE4;
	background-image: url(../art_global/bg_footer_home.gif);
	background-position: top;
	background-repeat: repeat-x;
}
div#footer_home div#footer_home_column_left {
	width: 259px;
	height: 133px;
	float: left;
	background-image: url(../art_global/bg_footer_home_column_left.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-right: 1px solid white;
}
div#footer_home div#footer_home_column_center {
	width: 324px;
	height: 133px;
	padding-left: 8px;
	float: left;
	background-image: url(../art_global/bg_footer_home_column_center.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #EA8528;
	border-right: 1px solid white;
}
div#footer_home div#footer_home_column_center h3 {
	width: 190px;
	height: 40px;
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 135%;
	font-style: italic;
	color: #FFFFFF;
}
div#footer_home div#footer_home_column_center p {
	margin-top: 9px;
	margin-bottom: 0px;
	padding-left: 19px;
	background-image: url(../art_global/bu_info.gif);
	background-position: 0px 0.1em;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
div#footer_home div#footer_home_column_center p a {
	color: #FFFFFF;
}
div#footer_home div#footer_home_column_center p a:hover {
	text-decoration: underline;
}
div#footer_home div#footer_home_column_center b {
	color: #FFFFFF;
}
div#footer_home div#footer_home_column_right {
	width: 385px;
	height: 133px;
	float: left;
}
div#footer_home div#footer_home_column_right img {
	float: left;
}
div#footer_home div#footer_clear {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background-color: #1F789C;
}
/* ----- *** Footer Homepage - Ende *** ----- */



/* Copyright-Zeichen */
div#copyright {
	width: 994px;
	padding-top: 6px;
	text-align: right;
}





/* Klassen zum Beenden von Floats */
#hidden {
	height: 0.01em;
	font-size: 0.01em;
	line-height: 0.01em;
}
.clear_left {
	clear: left;
}
.clear_right {
	clear: right;
}
.clear_both {
	height: 1px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
}



/* News */
div.news-list-container {
	margin-bottom: 10px;
	margin-bottom: 30px;
	padding: 7px;
	padding-bottom: 1px;
	background-image: url(../art_global/bg_news.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #E8F1F5;
}
div.news-list-container p span.news-list-date {
	padding-left: 18px;
	background-image: url(../art_global/bu_news.gif);
	background-position: 0px 0.1em;
	background-repeat: no-repeat;
	font-weight: bold;
}



/* Formulare */
fieldset {
	width: 432px;
	padding: 0px;
	border: none;
	background-image: url(../art_global/bg_kontakt.gif);
	background-position: left bottom;
	background-repeat: no-repeat;

}
fieldset label {
	float: right;
	width: 180px;
	height: 1.3em;
	margin-top: 0.3em;
	margin-bottom: 0.1em;
}
fieldset input {
	width: 240px;
	height: 1.3em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	border: 1px solid #000000;
}
fieldset textarea {
	clear: right;
	width: 424px;
	height: 10em;
	margin-top: 25px;
	padding: 3px;
	border: 1px solid #000000;
	overflow-x: auto;
	overflow-y: auto;
}
fieldset input.csc-mailform-submit {
	width: 9.7em;
	height: 2em;
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 0px;
	border: 1px solid #000000;
}



/* *** Container gross - Anfang *** */

/* Visitenkarte */
div.container_card {
	margin-bottom: 30px;
	padding-top: 10px;
}
div#card div#card_left {
	float: left;
	width: 120px;
}
div#card div#card_right {
	width: 560px;
	margin-left : 140px;
	padding-top: 10px;
}
div#card div#card_bottom {
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
div#card div#card_bottom * {
	color: #FFFFFF;
}
div#card h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}


/* Container orange */
div.container_card_orange div#card {
	background: #FCEDDF;
}
div.container_card_orange div#card_bottom {
	background: #EA8528;
}
/* Container gelb */
div.container_card_yellow div#card {
	background: #FBF6D9;
}
div.container_card_yellow div#card_bottom {
	background: #E6C400;
}
/* Container gruen */
div.container_card_green div#card {
	background: #EEF5E0;
}
div.container_card_green div#card_bottom {
	background: #8ABB2F;
}
/* Container blau */
div.container_card_blue div#card {
	background: #E6F1F6;
}
div.container_card_blue div#card_bottom {
	background: #57A0C4;
}
/* Container dunkelblau */
div.container_card_darkblue div#card {
	background: #E6F1F6;
}
div.container_card_darkblue div#card_bottom {
	background: #004463;
	
}
/* *** Container gross - Ende *** */



/* *** Container klein - Anfang *** */
div.container_small {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	background-position: left top;
	background-repeat: no-repeat;
}
/* Container orange */
div.container_small_orange {
	background-image: url(../art_global/bg_container_small_orange.gif);
	background-color: #EA8528;
}
div.container_small_orange * {
	color: #FFFFFF;
}
/* Container gelb */
div.container_small_yellow {
	background-image: url(../art_global/bg_container_small_yellow.gif);
	background-color: #FFE69B;
}
/* Container gruen */
div.container_small_green {
	background-image: url(../art_global/bg_container_small_green.gif);
	background-color: #D6EBAD;
}
/* Container blau */
div.container_small_blue {
	background-image: url(../art_global/bg_container_small_green.gif);
	background-color: #E6F1F6;
}

/* Schriftgroesse im Container klein */
div.container_small * {
	font-size: 100%;
}
div.container_small h5 {
	margin: 0;
	font-size: 92%;
}
div.container_small p {
	font-size: 92%;
}
/* *** Container klein - Ende *** */



/* Listen */
div#column_right ol,
div#column_right ul,
div#column_right ul.csc-bulletlist {
	margin: 0px;
	margin-left: 2em;
	margin-bottom: 15px;
	padding: 0px;
}
div#column_right ol li,
div#column_right ul li,
div#column_right ul.csc-bulletlist li {
	padding-top: 0.16em;
	padding-bottom: 0.16em;
}
div#column_right ul.list_without_bullet {
	margin-left: 1em;
	list-style-type: none;
}
div#column_right ul.list_with_points {
	margin-left: 1em;
}
div#column_right ul.list_with_points li {
	padding-left: 1em;
	list-style-type: none;
	background-image: url(../art_global/bullet_points.gif);
	background-position: 0em 1.07em;
	background-repeat: no-repeat;
}

/* Abstand unter Text mit Bild-Containern */
dl.csc-textpic-image {
	padding-bottom: 15px;
}


/* Text mit Bild - aus CSS-Styled Content */


/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 20px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 20px;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
	margin-right: 20px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
	margin-left: 20px !important;
}

/* Hinzufuegen eines padding vom Text zum Bild (in case of "Text w/ images") */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text {
	padding-left: 20px !important;
}
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-text {
	padding-right: 20px !important;
}