/*
TODO: IE spezial-einstellungen entfernen, bzw. auslagern
*/

* {
	margin: 0;
	padding: 0;
	/* border: none; */
}

#fullpage {
	text-align: center;
	vertical-align: center;
	width: 100%;
	height: 100%;
}

body {
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

.hidden, .invisible {
	display: none;
}

.container {
	overflow: hidden;
	width: 100%;
}

#wrapperall {
	min-width: 980px;
}

* html #wrapperall {
	width: expression(document.body.clientWidth < 992? "990px": "100%" );
}

#header {
	height: 150px;
	overflow: hidden;
	width: 100%;
}

#header #logo {
	float: left;
	width: 276px;
}

#headerimage {
	background-image: url(/fileadmin/pics/header_rat_und_verwaltung.jpg);
	height: 150px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 280px;
}

#mainnav {
	margin-left: 235px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#mainnav ul {
	list-style-type: none;
}

#mainnav ul li {
	display: inline;
}

#mainnav ul li a {
	margin-right: 1em;
	color: #005BAB;
	font-weight: bold;
	text-decoration: none;
}

#mainnav ul li.activetop a {
	text-decoration: underline;
}

#mainnav ul li a:focus, #mainnav ul li a:hover {
	text-decoration: underline;
}


#main {
	overflow: hidden;
	width: 100%;
}

#left {
	float: left;
	width: 229px;
	background-image: url(/fileadmin/pics/back_left.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 520px;
	padding-top: 100px;
}

#left ul.subnav {
	width: 160px;
	margin-left: 1.5em;
	list-style-type: none;
}



#left ul.subnav li {
	margin-bottom: 0.8em;
}

#left ul.subnav li a {
	color: #005BAB;
	font-weight: bold;
	text-decoration: none;
}

#left ul.subnav li.active a {
	text-decoration: underline;
}

#left ul.subnav li.active li a {
	text-decoration: none;
}

#left ul.subnav li.active li.active a {
	text-decoration: underline;
}

#left ul.subnav li a:focus, #left ul.subnav li a:hover {
	text-decoration: underline;
}

#left ul.subnav ul.subnavleft {
	margin-left: 2.5em;
	margin-top: 0.5em;
	list-style-type: none;
}



#contentwrapper {
	margin-left: 235px;
}

* html #contentwrapper {
	float: left;
	margin-left: 10px;
}

#center {
	padding-top: 1em;
	margin-right: 215px;
}

* html #center {
	float: left;
	margin-right: 10px;
}

#content {
	min-height: 450px;
	overflow: hidden;
	width: 100%;
}

#content .prop {
	float: right;
	width: 1px;
	font-size: 1px;
	/*height: 450px;*/
}

#center h1 {
	margin-bottom: 0.8em;
	color: #005BAB;
	font-size: 1.5em;
}

#center h2 {
	margin-bottom: 0.8em;
	color: #005BAB;
	font-size: 1.3em;
}

#center h3 {
	margin-bottom: 0.5em;
	color: #005BAB;
	font-size: 1.2em;
}

#center h4 {
	margin-bottom: 0.5em;
	color: #005BAB;
	font-size: 1.1em;
}

#center a {
	color: #005BAB;
	text-decoration: none;
}

#center a:hover {
	text-decoration: underline;
}

#center ul {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#center ul li {
	list-style-type: none;
	background-image: url(/fileadmin/pics/halbkreis_gruen.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	padding-left: 15px;
	margin-bottom: 0.2em;
}

#center ol {
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#center p {
	margin-bottom: 1em;
}

#center .block {
	margin-bottom: 2em;
	line-height: 135%;
}

#footer {
	margin-top: 2.5em;
	border-top: 1px solid #005BAB;
	color: #005BAB;
	font-weight: bold;
	text-decoration: none;
	padding-top: 0.5em;
	text-align: center;
}

/*---------------------------------------------------------------------------*/
/* Content-Table                                                             */
/*---------------------------------------------------------------------------*/
.contenttable, .tx-rlmpeventdb-pi1 table
{
    background-color: #005BAB;
    width: 98%;
    font-size: 1em;
    border-spacing: 1px;
}

.contenttable th, .tx-rlmpeventdb-pi1 table th
{
    background-color: #005BAB;    
    color: #ffffff;
    padding: 0.2em;
    border-spacing: 0em;
}

.contenttable td, .tx-rlmpeventdb-pi1 table td
{
    background-color: #ffffff;
    padding: 0.2em;
    vertical-align: top;
    border-spacing: 0em;
}

.contenttable p, .tx-rlmpeventdb-pi1 table p
{
    margin: 0;
    padding: 0;
}


/*---------------------------------------------------------------------------*/
/*  Styles fuer die Eingabefelder Suche                                      */
/*---------------------------------------------------------------------------*/
input.sword {
	border: 1px solid #005BAB;
	padding: 0.1em;
	width: 120px;
}

input.submitbutton {
	border: 1px #696969;
	border-style: ridge;
}


/*---------------------------------------------------------------------------*/
/*  Styles fuer die rechte Seite                                             */
/*---------------------------------------------------------------------------*/
#right {
	float: right;
	width: 195px;
}

#right h1 {
	margin-bottom: 0em;
	color: #005BAB;
	font-size: 1.4em;
}

#right h2 {
	margin-bottom: 0em;
	color: #005BAB;
	font-size: 1.25em;
}

#right h3 {
	margin-bottom: 0em;
	color: #005BAB;
	font-size: 1.1em;
}

#right h4 {
	margin-bottom: 0em;
	color: #005BAB;
	font-size: 1.0em;
}

#right .block, #right .tx-civserv-pi1-searchbox, #right #rightmenu, #right #serviceinformation {
	padding: 5px;
	margin-bottom: 1.5em;
	padding-bottom: 35px;
	background-image: url(/fileadmin/pics/bogen_rechte_spalte.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#right .menuright a {
	font-weight: bold;
}

#right a {
	color: #005BAB;
	text-decoration: none;
}

#right .tx-civserv-pi1-searchbox .tx-civserv-pi1-searchbox-button {
	border:1px ridge #696969;
	/* background-color: #005BAB;
	color: #ffffff;
	font-weight: bold; */
}

#right .tx-civserv-pi1-searchbox legend, #serviceinformation strong {
	margin-bottom: 0em;
	color: #005BAB;
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.3em;
}


#right #serviceinformation a {
	background-image: url(/fileadmin/pics/halbkreis_gruen.gif);
	background-repeat: no-repeat;
	background-position: 0em;
	padding-left: 15px;
	margin-bottom: 0.2em;
	/*display: block;*/
}

#right .tx-civserv-pi1-searchbox input#query {
	border:1px solid #005BAB;
	padding:0.1em;
	width:120px;
}

#right a:hover {
	text-decoration: underline;
}

#right ul, #right ol {
	margin-left: 0.5em;
	margin-top: 0.5em;
}

#right ul li {
	list-style-type: none;
	background-image: url(/fileadmin/pics/halbkreis_gruen.gif);
	background-repeat: no-repeat;
	background-position: 0em 0em;
	padding-left: 15px;
	margin-bottom: 0.2em;
}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */

	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */

	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */

	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: none; }

	/* 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: 10px;
	}


	/* 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: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}

	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }


	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; /*clear: both;*/ }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */


	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; /*clear: both;*/ }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	
.csc-textpic, .csc-textpic .csc-textpic-intext-left, .csc-textpic-intext-right, .csc-textpic-right, .csc-textpic-left { 
	overflow: hidden;
	width: 98%;
	margin-bottom: 1.5em;
}

.csc-frame-rulerAfter {
	height: 0px;
	border-bottom: 1px solid #005BAB;
	margin-bottom: 2em;
}

.csc-menu li {
	margin-bottom: 1em;
}
.csc-menu a {
	font-weight: bold;
}

.formcontainer {
	margin-bottom: 1em;
}


/*---------------------------------------------------------------------------*/
/* Style für EXT de_simplecalendar                                           */
/*---------------------------------------------------------------------------*/

.tx-simplecalendar-pi1 fieldset {
	padding: 10px;
	margin-bottom: 1em;
	border: 1px solid #005BAB;
}

.tx-simplecalendar-pi1 legend {
	padding: 2px 5px;
	background-color: #005BAB;
	color: #FFFFFF;
}

.tx-desimplecalendar-pi1-listrow .simplecalenderlistitem {
	margin-bottom: 1.5em;
}

.tx-simplecalendar-pi1 .formrow {
	overflow: hidden;
	width: 95%;
	margin-bottom: 1em;
}

.tx-simplecalendar-pi1 .fieldlabel {
	float: left;
	width: 12em;
}

.tx-simplecalendar-pi1 .fieldlabel label {
}

.tx-simplecalendar-pi1 .textinput, .tx-simplecalendar-pi1 .selectinput {
	float: left;
}

.tx-simplecalendar-pi1 .notice {
	padding-bottom: 1em;
}

.tx-desimplecalender-error {
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	border: 2px solid red;
	padding: 0.3em;
}

.simplecalenderlistitem {
	border: 1px solid #005BAB;
	overflow: hidden;
	width: 98%;
}

.simplecalenderlistitem .listitemheader {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px solid #005BAB;
	background-color: #005BAB;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0.2em 0.3em;
}

#content .listitemheader a, #content .listitemheader a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#content .listitemheader a:focus, #content .listitemheader a:hover {
	text-decoration: underline;
}

.simplecalenderlistitem .listitemdate {
	float: left;
	margin-right: 1em;
}

.simplecalenderlistitem .listitemtitle {
	float: left;
}

.simplecalenderlistitem .listitemcontent {
	overflow: hidden;
	width: 100%;
	padding: 0.3em 0.4em;
}

.simplecalenderlistitem .listitemimage {
	float: left;
	width: 120px;
}

.simplecalenderlistitem .listitemimage img {
	border: 1px solid #000000;
}

.eventdetail {
	margin-bottom: 1em;
	/* width: 100%; */
	overflow: hidden;
}

.eventdetail .eventdetailcontent {
	overflow: hidden;
	/* width: 100%; */
}
.eventdetail .eventdetailimage {
	float: left;
	margin-bottom: 0.5em;
	margin-right: 1em;
}

.eventdetail .eventdetailtext {
}

.eventdetail .eventdetailheader {
	overflow: hidden;
	width: 98%;
	font-weight: bold;
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
	border-bottom: 1px dotted #005BAB;
}

.eventdetail .eventdetaildate {
	float: left;
	margin-right: 1em;
}

.eventdetail .eventdetailtitle {
	float: left;
}

.eventdetail .eventdetail_shortdescription, .eventdetail .eventdetail_description {
	display: block;
	margin-bottom: 0.5em;
}


.simplecalenderlistitem .listitemlink {
	margin-top: 0.5em;
	border-top: 1px dotted #005BAB;
	padding: 0.2em 0.3em;
	padding-right: 1em;
	text-align: right;
}

#center .listitemlink a, #center .listitemlink a:visited {
	text-decoration: none;
	color: #000000;
}

#center .listitemlink a:hover, #center .listitemlink a:focus {
	text-decoration: underline;
}


#center .formular_name {
	font-weight: bold;
	margin-bottom: 0.5em;	
}

#center .formulare_produkte {
	margin-top: 0.2em;
	margin-left: 0.5em;
}

#center .formulare_produkte li {
	background-image: url(/fileadmin/pics/bullet_blue.gif);
	padding-left: 10px;
}

#mail_form {
	
}

#mail_form label {
	width: 30%;
	display:block;
	float:left;
	text-align: right;
	padding-right: 1em;
}

/* FCE */

.twocol_container {
	width: 100%;
	overflow: hidden;
}

.twocol_left {
	width: 49.5%;
	float: right;
}

.twocol_right {
	width: 49.5%;
	float: right;
}
