/* Stylesheet zur grundlegenden Formatierung
-------------------------------------------------------------------------------- */

/* Importieren des Stylesheets fuer Farben und Typo */
@import url(color.css);
@import url(typography.css);
@import url(navigation.css);

/* Normalisieren der Browser Default Styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Headlines auf Dokumentschriftgroesse setzen */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Listenpunkte ausschalten */
ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}




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

body {
	padding: 3px 0px 0px 0px;
}


/* Headerbereich */

#header {
	width: 981px;
	height: 94px;
}

#navi1,
#metanavi {
	width: 981px;
}

/* Contentbereich */

#contentWrapper {
	float: left;
	width: 981px;
}

#leftWrapper {
	float: left;
	width: 781px;
}

#contentLeft {
	width: 183px;
	float: left;
}

#contentMiddle {
	width: 598px;
	float: left;
	min-height: 520px;
	padding-bottom: 20px;
}

/* IE 6 */
* html #contentMiddle {
	height: 520px;
}

#contentRight {
	float: left;
	width: 190px;
	padding: 0px 0px 0px 10px;
}

#content {
	float: left;
	margin-bottom: 40px;
}

.wide {
	margin:15px 30px 0px 15px;
}

* html .wide {
	display: inline;
}

#content h1,
#content h2,
#content h3 {
	margin-bottom: 0.7em;
}


#content ol,
#content ul {
	padding-left: 25px;
}
#content cite {
	margin-bottom: 0.7em;
	display: block;
}

#content cite span.source {
	display: block;
}

#content p {
	margin-bottom: 1em;
}

#content .left {
	width: 428px;
	float: left;
	display: inline;
	margin: 15px 30px 0px 15px;
}

#content .right {
	width: 123px;
	float: left;
	margin: 15px 0px 0px 0px;
	display: inline;
}

#content .right img {
	margin-bottom: 10px;
}

#start .keyVisual {
	height: 165px;
}

.keyvisualInnen {
	margin: 0px 0px 0px 15px;
}

#contentRight .keyVisual {
	height: 87px; 
	padding-top: 45px;
	margin-bottom: 15px;
}

#contentRight .keyVisualHome {
	height: 87px; 
	padding-top: 45px;
	margin-bottom: 50px;
}


.csc-header {
	margin: 0px 0px 5px 15px;
	font-weight: bold;
	font-size: 1.2em;
}
/* Footerbereich */

#gray {
	width: 183px;
	height: 40px;
	float: left;
	margin-right: 609px;
}

#toolbar {
	width: 981px;
	height: 25px;
	float: left;
}

#toolbar ul {
	float: left;
}

#toolbar li {
	float: left;
	margin-right: 5px;
	padding-left: 7px;
	display: inline;
}

#footer {
	width: 981px;
	height: 20px;
	float: left;
	margin-right: -3px;
}

* html #footer {
	margin-right: -3px;
}

#footer p{
	margin: 4px 12px 0px 199px;
}

/*Hier gehts weiter
#start .left {
	width: 555px;
}

#start .right {
	display: none;
}

*/
/* Headerbereich */

.logo_kuei {
	float: left;
	margin: 5px 0px 0px 28px;
	display: inline;
}

.logo_wfi {
	float: left;
	margin: 6px 0px 0px 22px;
}

.logo_management {
	float: right;
}


/* News */

#news h1 {
	height: 19px;
	padding: 5px 18px 3px 18px;;
 	margin: 16px 0px 0px 0px;
}

#news p {
	padding: 4px 12px 12px 18px;
}


/* Infokästen */

.info {
	margin-bottom: 15px;
	width: 190px;
}

.info .bild {
	margin-bottom: 10px;
}

.info h1 {
	height: 19px;
	padding: 10px 10px 5px 15px;
}

.info p {
	padding: 0px 10px 10px 15px;
}

.info ul,
.info ol {
	padding-left: 15px;
	margin-left: 15px;
}

.info ol {
	list-style-type: decimal;
	font-size: 1.1em;
	margin-bottom: 1em;
}

.info ul {
	list-style-type: square;
	font-size: 1.1em;
	margin-bottom: 1em;
}

/*table {
	width: 100%;
	font-size: 1.2em;
	margin-left: 15px;
}*/
table.contenttable {
	margin-left: 0px;
	font-size: 1em;
	width: 100%;
}

form .contenttable {
	margin-left: 0px;
	font-size: 1em;
	width: 100%;
}

table.contenttable p{
	margin: 0;
	padding: 0;
	font-size: 1em;
}

/*table tr,
table td {
	border-bottom: 1px solid #DDDDDD;
}

table td {
	padding: 3px;
}*/

table.contenttable td {
	padding: 3px;
}

table.contenttable tr,
table.contenttable td {
	border-bottom: none;
	border-top: 1px solid #DDDDDD;
}

form table {
   width: 100%;
	font-size: 1.2em;
	margin-left: 0px;
}

form .contenttable td {
	padding: 3px;
}

form .contenttable tr,
form .contenttable td {
	border-bottom: none;
	border-top: 1px solid #DDDDDD;
}

form table p {
   font-size: 1em !important;
}
#team {
	width: 583px;
	font-size: 1em;
	margin-left: 15px;
}

#team tr {
	border-bottom: 1px solid #DDDDDD;
}

#team td {
	vertical-align: top;
	padding-top: 20px;
}

#team #team_text {
	padding-left: 15px;
}


/* News */

#newsList {
	width: 580px;
	margin-top: 20px;
	margin-left: 15px;
}

#newsList td,
#newsList tr {
	border: none;
	vertical-align: top;
	padding: 1px;
}


#newsList .newsDate {
	border: none;
}

#newsList .newsTitle h1{
	font-size: 1.2em;
	font-weight: bold;
}

#newsList .newsContent {
	padding-bottom: 5px;
	border-bottom: 1px solid #DDDDDD;
}

#newsList .empty p {
	line-height: 1px;
	font-size: 1px;
}

#newsList img {
	margin-bottom: 5px;
}
/*
#newsList .plain {
	width: 100% !important;
}



#newsList .imgleft,
#newsList .imgright {
	width: 30% !important;
}

#newsList .newsleft,
#newsList .newsright {
	width: 70% !important;
}*/




.label_error{
	color:#FF3333;
	font-weight: bold;
}

.error_text {
	display: block;
	clear: both;
	color:   #64c8fa;
	font-weight: bold;
	margin-bottom: 1.5em;
	padding-top: 2em;
}

.error {
	color: #64c8fa;
	font-weight: bold;
}

.error + input	{
	border: 1px solid #64c8fa !important;
	background-color: #D2E5F3;
	color: #000; }

#formular .input_error {
	color: #64c8fa;
	/*font-weight: bold;*/

}

#formular input.input_error {
	border: 1px solid #64c8fa;
	background-color: white;
	color: #000;
}

#formular textarea.input_error {
	border: 1px solid #64c8fa;
	background-color: white;
	color: #000;
}

#formular select.input_error {
	border: 1px solid #64c8fa;
	background-color: white;
	color: #000;
}

#formular td, #formular tr {
   border: none;
}

#formular td p {
   font-size: 1em;
}