/***********************************************

	©	herrmann.at.die-netzmacher.de
		fuer sibylle-reichel.de

	Oktober 2010; Februar 2012

***********************************************/


/***** reset *****/
* {
	border: none;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, p, ul, ol, dl {
	margin-bottom: .5em;
}
ul, ol {
	margin-left: 1.2em;
}
ol {
	padding-left: 2em;
}
ul ul, ol ol {
	margin-bottom: 0;
}

form, pre {
	margin: 1em 0;
}
input[type="text"], input[type="password"], textarea, select {
	background-color: #fff;
}
input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea, select {
	border: 1px solid rgb(102,102,102);
}




/***** body *****/
html {
	height: 100%;
	overflow-y: scroll;
}
body {
	background-color: rgb(10,30,50);
	color: rgb(71,84,133);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	height: 100%;
	margin: 0 auto;
}
	body#home {
		color: #fff;
	}




/***** boxes *****/
/* +++ WRAP-OUTER +++ */
#wrap-outer {
	background-color: rgb(247,245,242);
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px;
	height: 100%;
	margin: 0 auto;
	width: 926px;
	position: relative;
}
	body#home #wrap-outer {
		background-color: rgb(71,86,119);
	}

#wrap-content {
	background-color: rgb(247,245,242);
	border-color: #fff;
	border-style: solid;
	border-width: 0 1px;
	margin: 0 -1px;
	padding: 150px 100px 210px; /* #header:height + distance; ...; #footer:height + distance */
}
	body#home #wrap-content {
	    background-color: transparent;
	    border: none;
	    margin: 0 auto;
		padding: 180px 0 210px; /* #header:height + distance; ...; #footer:height + distance */
		width: 600px;
	}

#header {
	background: transparent url(../pic/bg.header.gif) repeat-x scroll left center;
	height: 80px;
	left: auto;
	position: fixed;
	top: 0;
	width: 926px;
	z-index: 4;
}

#footer {
	background-color: rgb(71,86,119);
	bottom: 0;
	left: auto;
	padding: 0 0 70px;
	position: fixed;
	width: 926px;
	z-index: 4;
}




/***** LINKS - GENERAL *****/
a:link, a:visited {
	border: none;
	color: rgb(51,204,255);
	text-decoration	: none;
}
a:focus, a:hover, a:active {
	color: rgb(204,51,51);
}




/***** NAVIGATION *****/
ul.menu {
	list-style-type: none;
	margin: 0;
}
	.menu li {
		float: left;
		font-size: 11px;
		line-height: 100%;
	}
	    #menu-main .menu li {
			font-weight: bold;
		}
		.menu li.spc {
			font-size: 0.01em;
			line-height: 100%;
			width: 20px;
		}

	.menu a:link, .menu a:visited {
		color: #fff
	}
	.menu a:focus, .menu a:hover, .menu a:active {
		color: rgb(102,204,255) !important;
	}

	.menu li.cur, .menu li.actifsub a:link, .menu li.actifsub a:visited {
	    color: rgb(51,204,255);
	}

#menu-main, #menu-meta {
	bottom: 1px;
	height: 19px;
	overflow-y: hidden;
	position: absolute;
}
	#menu-main {
		left: 0;
	}
	#menu-meta {
		right: 0;
	}

#menu-main li {
	padding: 4px 10px;
}
	#menu-main li.first {
		padding: 4px 10px 4px 0;
		text-align: center;
		width: 100px;
	}
	#menu-main li.spc + li {
		background-color: rgb(120,140,180);
	}
#menu-meta li {
	padding: 4px 20px 4px 0;
}


#menu-sub ul.menu {
	left: -1px;
	/*margin-left: -1px;*/
	position: relative;
	top: auto;
	width: 927px;
}
#menu-sub li {
	color: #fff;
	width: 103px;
	text-align: center;
}
	body#home #menu-sub li {
		margin: 0;
	}
#menu-sub a, #menu-sub .cur span {
	border-color: rgb(102,204,255);
	border-style: solid;
	border-width: 1px 1px 0 1px;
	display: block;
	margin-right: -1px;
	padding: 5px 0;
}
#menu-sub a.image-wrap {
	border: none;
	height: 100px;
	padding: 0;
	position: relative;
	width: 103px;
}
	#menu-sub a.image-wrap img {
		position: absolute;
		right: 1px;
		top: 0;
	}
		#menu-sub a.image-wrap img.no {
			z-index: 2
		}
			#menu-sub a.image-wrap:hover img.no {
				display: none;
			}
		#menu-sub a.image-wrap img.ro {
			z-index: 1
		}
#menu-sub .cur span {
      color: rgb(102,204,255);
}
#menu-sub .cur img {
      margin-right: 1px;
}


#linkToTop {
	float: right;
}




/***** ELEMENTS *****/
h1, h2, h3, h4 {
	margin: .75em 0 .5em;
}
	h1 {
		font-size: 1.3em;
	}
	h2 {
		font-size: 1.15em;
	}
	h3 {
		font-size: 1.0em;
	}
	h4 {
		font-size: .9em;
	}
	.csc-firstHeader {
	    margin-top: 0;
	}

p, ul, ol, dl, th, td {
	line-height: 150%;
}

.csc-frame-frame1 {
    border-left: 2px solid rgb(51,204,255);
    margin-bottom: 25px;
    padding-left: 20px;
}

span.detail {
	color: rgb(85,100,135);
	font-style: italic;
}
span.name-of-person {
	font-style: italic;
}
span.important {
	color: rgb(0,153,255);
}

.contenttable th, .contenttable td {
	padding-right: 1em;
	vertical-align: top;
}



/* Aktuelles */
#news .csc-default {
	background: transparent url(../pic/bg.news.csc-default.gif) no-repeat scroll left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}





/**** EXTENSIONS ****/
/*  EXT:powermail  /
/* powermail form */
fieldset.tx-powermail-pi1_fieldset {
	background-color: transparent;
	border: 1px solid transparent;
	padding: 5px;
}
fieldset.tx-powermail-pi1_fieldset label {
	float: left;
	width: 180px;
}
fieldset.tx-powermail-pi1_fieldset input, fieldset.tx-powermail-pi1_fieldset textarea {
	width: 300px;
}
	.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset .powermail_submit, img.tx-srfreecap-pi2-image, .tx-srfreecap-pi2-cant-read {
		display: block;
		margin-left: 180px;
	}
		.tx-srfreecap-pi2-cant-read {
			color: #444;
		}
fieldset.tx-powermail-pi1_fieldset input:hover, fieldset.tx-powermail-pi1_fieldset textarea:hover {
	border-color: #f66800;
}
fieldset.tx-powermail-pi1_fieldset br, fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html {
	clear: both;
}
    fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html {
        margin-bottom: 10px;
    }
.powermail_mandatory_js {
	margin: 0 0 10px 180px;
	font-size: 0.85em;
	color: #ff8c00;
}
.tx-powermail-pi1 .powermail_check_inner input, .powermail_radio_inner input {
	width: auto !important;
}
.tx-powermail-pi1 legend {
	padding: 5px 5px 0 5px;
}
.tx-powermail-pi1 legend {
	border-bottom: 1px solid #888;
	padding: 0 0 5px;
	width: 100%;
}
.tx-powermail-pi1 legend, .tx-powermail-pi1_confirmation p {
/*
	color: #f66800;
	font-weight: 700;
*/
	margin: 0 0 10px 0;
}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_label {
	margin: 0 0 0.6em 0;
}
.tx_powermail_pi1_fieldwrap_html_radio_title {
	/*font-weight: 700;*/
}
.powermail_check_inner, .powermail_radio_inner {
	padding-left: 10px;
}
.powermail_check_inner label, .powermail_radio_inner label {
	float: none !important;
}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check  .powermail_mandatory_js {
	margin-left: 0px !important;
}
.tx_powermail_pi1_formconfirmation_back, .tx_powermail_pi1_formconfirmation_submit {
	float: left;
	margin: 10px 20px 0 0;
}
	.tx_powermail_pi1_formconfirmation_back input, .tx_powermail_pi1_formconfirmation_submit input, .powermail_submit {
		background-color: rgb(71,86,119);
		color: #fff;
		font-weight: bold;
	}
.tx-powermail-pi1_confirmation, .tx-powermail-pi1_thx {
	margin: 1em 0 0 0;
}
td.powermail_all_td {
	padding: 2px 5px;
}




/***** misc *****/
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-justify {
	text-align: justify;
}
.indent {
	padding-left: 1em;
}

hr {
	border-bottom: 1px solid #ccc;
}
	hr.clearer {
	    border-bottom: none;
	}
.cb, .cl, .cr {
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}


abbr[title], acronym[title] {
	border-bottom: 1px dotted #777777;
	cursor: help;
}

.csc-linkToTop {
	font-size: .91em;
	padding-left: 10px;
}