/*
	Website: Katholische Erwachsenenbildung
	Author: Meier Computersysteme GmbH
	This Stylesheet is for the screen-layout
*/

* {
	/* setting the margins and paddings to 0 */
	margin: 0px;
	padding: 0px;
}

/* whole page settings */
body { text-align: center; background-color: #0076a3; color: #707174; font: 14px "Helvetica", "Arial", sans-serif; line-height: 20px;}

/*
	layout style definitions
*/

/* center box arround the header, navigation and content */
#main { text-align:left; background-color: #FFFFFF; margin: 0px auto 0px auto; width: 950px; padding: 10px; }

/* header, includes h1 */
.nm #header { background-image: url('../images/head_nm.png'); width: 950px;	height: 156px; }
.rs #header { background-image: url('../images/head_rs.png'); width: 950px;	height: 156px; }

#header h1 { text-indent: -80000px; }

/* needed for the navigation */
#main_content {	margin-top: 20px; padding-bottom: 10px; background-image: url('../images/navigation_bg.png'); background-repeat: repeat-y; }

#navigation { width: 189px; float: left; }
#navigation ul { list-style: none; }
#navigation ul li { width: 189px; height: 40px; padding: 0px; margin: 0px; background-image: url('../images/navigation_a.png'); background-repeat: repeat-x; font-size: 16px;}
#navigation ul li a { width: 174px; height: 28px; padding: 12px 0px 0px 15px; display: block; color: #707174; text-decoration: none; }
#navigation ul li a:hover { width: 174px; height: 28px; padding: 12px 0px 0px 15px; color: #a3c435; text-decoration: none; }
#navigation ul .active { width: 199px; height: 48px; padding: 0px; color: #009fdb; background-image: url('../images/navigation_active.png'); background-repeat: repeat-x; }
#navigation ul .active a { width: 184px; height: 34px; display: block; padding: 14px 0px 0px 15px; color: #009fdb; }
#navigation ul .active a:hover { width: 184px; height: 34px; display: block; padding: 14px 0px 0px 15px; color: #a3c435; }

/* content will be placed inside */
#content { margin: 20px 0px 0px 220px; min-height: 400px; }

/* Text formats */

p{
	margin: 20px 0;
}

h1, h2, h3 {
	color: #009fdb;
}

h1 { margin-bottom: 20px; }

.csc-textpic-caption{
	font-size: 10px;
	line-height: 14px;
}

.csc-mailform { width: 380px; margin: 20px 0; }
.csc-mailform-field { margin: 5px 0px 5px 10px; }
.csc-mailform-field label { width: 60px; display: inline-block; }


#emailkontakt leged{
	padding: 0 10px;
	font-weight: bold;
}

#emailkontakt fieldset{
	padding: 20px;
	border: 1px solid #707174;
}

.tx-powermail-pi1_formwrap { width: 500px; margin: 20px 0; }
.tx-powermail-pi1_formwrap legend{ display: block; padding: 0px 5px;}
.tx_powermail_pi1_fieldwrap_html_text input, .tx_powermail_pi1_fieldwrap_html textarea { border: 1px solid #707174; padding: 5px; background-color: #fefefe;}
.tx_powermail_pi1_fieldwrap_html {clear: left;}
.tx_powermail_pi1_fieldwrap_html label { margin: 5px 10px 0px 10px; width: 60px; display: block; float: left; }
.tx_powermail_pi1_fieldwrap_html_text input { margin: 5px 10px 5px 5px; width: 330px; }
.tx_powermail_pi1_fieldwrap_html textarea { margin: 5px 10px 5px 5px; width: 330px; height: 150px; display: inline-block; }
.powermail_submit { margin: 5px 10px 5px 85px; padding: 5px 20px; background: #f3f3f3; width:342px; border: 1px solid #707174; cursor:pointer;}
.powermail_mandatory_js { margin: 5px 0 5px 85px; padding: 5px 0px 5px 10px; background: #ffcccc; color: #000; width:330px; border: 1px solid #ff3333;}
.validation-failed { border: 1px solid red; }

.kursbeschreibung{
	font-size: 12px !important;
	overflow: hidden !important;
}

.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top a{
	color: #009fdb !important;
}

.ui-accordion {
	width: auto !important;
}