@import url(cal.css);

#overallcontainer,
#header, #headerlogo, #headerbottom, #contentcontainer, 
#content, #contentmenu, #content_small, #sidebar, 
#footer, #footercontent, #closingcontainer
{
float: left;
width: 100%;
display: inline;
}

#overallcontainer, #closingcontainer {
min-width: 980px;
}

body, html {
background-image: url(img/bg.png);
background-position: center;
background-repeat: repeat-y;
background-color: #ffffff;
}

body {
margin: 0 auto;
text-align: center;
}

#overallcontainer {
background-position: center;
background-repeat: repeat-y;
}

#pagecontainer {
width: 980px; 
margin: 0 auto;
text-align: left;
}

#header {
}

#headerlogo {
	background-image: url(img/header.png);
	height: 185px;
}

a#logolink{
	margin-top: 66px;
	margin-left: 363px;
	width: 450px;
	height: 90px;
	display: block;
}
a#logolink:hover{
	text-decoration: none;
}

#headerbottom {
background-image: url(img/header_rest.png);
background-repeat: no-repeat;
height: 46px;
position: relative;
}

#headersearch {
background-image: url(img/header_corner.png);
background-position: top right;
background-repeat: no-repeat;
background-color: #ffffff;
height: 46px;
width: 581px;
margin-left:200px;
color: #014a99;
}
#headersearch form{
	display: inline;
}

/*	##########################	*/
/*	Footerbereiche ilg	 		*/
/*	##########################	*/


#footer {
	background-image: url(img/content_bg.png);
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 780px;
	position: relative;
	clear: both;
	padding-top: 6px;
	padding-bottom: 8px;
}

#footercontent {
	color: #000000;
	font-size: 8px;
}

#footercopyright a,
#footercontent a {
	color: #000000;
	text-decoration: none;
}

#footercopyright a:hover,
#footercontent a:hover {
	text-decoration: underline;
}

#closingcontainer {
	background-image: url(img/footer_left.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 48px;
}


/*	##########################	*/
/*	Contentbereiche ilg			*/
/*	##########################	*/

#contentcontainer {
	background-image: url(img/content_bg.png);
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 980px;
	position: relative;
/*	min-height: 400px; */
}

#content {
	width: 780px;
	float: left;
	min-height: 400px;
}

#sidebar {
	width: 160px;
	margin: 0 20px;
	float: left;
	color: #707173;
}


/* ######################################### */
/* rechte Spalte                             */
/* ######################################### */

#sidebar a {
	color: #88bce3;
}

#sidebar .csc-frame-rulerAfter {
	margin:10px 20px;
	border-bottom: 1px solid #707173;
}

/* ######################## */
/* Contentmenu (links)      */
/* ######################## */

#footermenu,
#contentmenu {
	width: 200px;
	float: left;
	font-size: 12px;
}

#footermenu ul,
#contentmenu ul {
	list-style: none;
	background: none;
	padding: 0;
	margin: 0;	
}

#footermenu li,
#contentmenu li {
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: none;
	line-height: 14px;
	font-weight: bold;
	margin-bottom: 0.8em;
	float: left;
	width: 100%;
}

#footermenu ul ul,
#contentmenu ul ul {
	margin-top: 5px;
	margin-left: 20px;
}

#footermenu ul ul li,
#contentmenu ul ul li{
	font-weight: normal;
	margin-bottom: 0.5em;
}

/* IE6-Hack */
* html #footermenu ul,
* html #footermenu ul ul,
* html #contentmenu ul,
* html #contentmenu ul ul {
	width: 100%;
	line-height: 1.2em;
}
/* Ende IE6-Hack */

#footermenu li.spacer,
#contentmenu li.spacer {
	height: 2px;
	border-top: 1px solid #b2b4bf;
	margin-bottom: 3px;
	line-height: 2px;
	font-size: 2px;
}

#footermenu ul ul li.spacer,
#contentmenu ul ul li.spacer {
	height: 1px;
	border-top: 1px solid #b2b4bf;
	padding-bottom: 1px;
	line-height: 1px;
	font-size: 1px;
}

#footermenu li a,
#footermenu li.active ul li a,
#contentmenu li a,
#contentmenu li.active ul li a {
	padding-left: 20px;
	padding-right: 10px;
	display: block;
	text-decoration: none;
}

#contentmenu li.active ul li a,
#contentmenu li.active ul ul li a,
#contentmenu li.passiv  a {
	color: #014a99;
}

#contentmenu a:hover,
#contentmenu ul li.active  a,
#contentmenu ul ul li.active a,
#contentmenu ul ul ul li.active a,
#contentmenu li.passiv  a:hover {
	color: #88bce3;
}


#footercontent,
#content_small {
	width: 460px;
	float: left;
	margin: 0px 60px
}

#footercopyright {
	padding-left: 20px;
}

/* ########################## */
/* CSC-Bildstyles überschreiben */
/* ########################## */

div.csc-textpic {
	margin-top: 15px;
}

.csc-textpic-caption {
	margin-top: 3px !important;
	font-size: 0.8em;
	margin-bottom: 8px !important;
	line-height: 1.1em;
} 


/* ########################## */
/* ### Froms ################ */
/* ########################## */

fieldset.tx-powermail-pi1_fieldset {
	background-color:#fdf9f0;
	border:1px solid #f39a00;
}
fieldset.tx-powermail-pi1_fieldset div.even {
	background-color:transparent;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	width:150px;
}
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
	width:300px;
}
div.tx_powermail_pi1_fieldwrap_html {
	margin: 5px 0 0 0;
	clear: both;
	float:left;
}

fieldset.tx-powermail-pi1_fieldset legend {
	color: #014a99;
}

span.powermail_mandatory {
	color: #f39a00;
}

div.tx_powermail_pi1_fieldwrap_html label{
	width: 85px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
div.tx_powermail_pi1_fieldwrap_html input {
	margin-right: 5px;
}

div.tx_powermail_pi1_fieldwrap_html input.powermail_submit {
	margin-left: 89px;
	width: auto;
}

textarea,
input{
	color: #707173;
	border: 1px solid #014a99;
	background-color: #ffffff;
}

input.powermail_submit,
input.tx-powermail-pi1_mandatory_submit {
	border: 1px solid #014a99;
	background-color: #88bce3;
	color: #014a99;
	font-weight: bold;
}

fieldset.formdatensenden {
	border-width: 0px;
	background-color: transparent;
}

fieldset.formdatensenden legend{
	display: none;
}

div.tx_powermail_pi1_fieldwrap_html.tx_powermail_pi1_fieldwrap_html_label {
	clear: none;
	font-size:0.9em;
	margin:7px 0;
}

div.tx_powermail_pi1_fieldwrap_html .tx-srfreecap-pi2-image {
	margin: 5px 0 0 90px;
}

.tx-srfreecap-pi2-cant-read {
margin-left:90px;
color:#707173;
font-size:0.9em;
float:left;
}
.tx-srfreecap-pi2-cant-read a {
font-size:0.9em;
}

/* ########################## */
/* ### Spez. Formular ###### */
/* ########################## */

fieldset.persoenlichedaten  p {
	display: none;
}
fieldset.persoenlichedaten div.tx_powermail_pi1_fieldwrap_html_radio  {
	padding-left: 90px;
}
fieldset.persoenlichedaten  .powermail_radio_inner {
	margin-right: 10px;
}
fieldset.persoenlichedaten  div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	margin: 5px 0 0 0;
}
fieldset.persoenlichedaten div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	margin: 3px 0 0 0;
}

fieldset.persoenlichedaten  .powermail_radio_inner {
	float:left;
}
fieldset.persoenlichedaten  div.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner label {
	width: 30px;
}

fieldset.tx-powermail-pi1_fieldset_bestellung input.powermail_text {
	width:30px;
}


/* ############################# */
/* Indexed Search                */
/* ############################# */


#search {
	margin-left: 300px;
	padding-top: 7px;
	font-size:10px;
}
#search input {
	border: 1px solid #014a99;
	color: #014a99;
	font-size:10px;
}
#search_input {
	padding: 1px;
}

#search_go {
	padding-top: 1px;
	margin-left: 2px;
	padding: 0 2px;
	background-color: #88bce3;
	color: #014a99;
	font-weight: bold;
}

#quicksearch-sword {
	width: 150px;
	font-size: 12px;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;
	height: 15px;
	line-height: 20px;
}

#quicksearch-submit {
	width: 50px;
	text-align: center;
	height: 15px;
	margin: 0 0 0 5px;
	border: 0;
	padding: 0;
	float: left;
	font-size: 11px;
}

#content_small .tx-indexedsearch-redMarkup {
	color: #f39a00;
}

#content_small .tx-indexedsearch-info {
	background-color: #fdf9f0;
}

/* FCE für 2spaltiges Layout (flexibel, Innenabstand fix) */

div.fce-2cols { width: 100%; float: left; }
div.fce-2cols div.fce-2cols-col { width: 50%; float: left; }
div.fce-2cols div.fce-2cols-col-1 div.fce-2cols-inner { padding-right: 10px; }
div.fce-2cols div.fce-2cols-col-2 div.fce-2cols-inner { padding-left: 10px; }