

/*  */
html {
	overflow-x: hidden;
	overflow-y: scroll;
}



/*  */
body {
	margin: 0;
	padding: 0;
}


/* Container zum Zentrieren der Inhalte */
.centerContent {
	width: 970px;
	margin: 0 auto 0 auto;
}


/* Container fuer den Kopfbereich */
#headerContent {
	height: 105px;
	padding: 15px 0 0 0;
	background-color: #3BBAE8;
	background-image: url(../art_global/logo_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-align: right;
}


/* Container fuer die Hauptnavigation */
#navigationContent {
	/*padding: 4px 0 0px 0;		Problem im IE6 -> Padding direkt an den Navigations-Containern */
	/*border-top: 1px solid #FFFFFF;*/
	background-color: #9C9E9F;
}


/* Sprachnavigation */
#navigationLanguage {
	width: 60px;
	padding: 0 0 0 12px;
	list-style-type: none;
	position: absolute;
	top: 100px;
}
#navigationLanguage li {
	display: inline;
	padding: 0 10px 0 0;
	background-image: none;
	color: #FFFFFF;
}


/* Liste fuer die Hauptnavigation */
#navigationContentLeft {
	width: 178px;
	padding-left: 12px;
}
#navigationContentRight {
	width: 730px;
}
#navigationContentLeft, #navigationContentRight {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: none;
}
#navigationContentLeft li, #navigationContentRight li {
	display: inline;
	padding: 0;
	background-image: none;
}
#navigationContentRight li {
	padding-right: 40px;
}
#navigationContentRight li.lastLink {
	padding-right: 0;
}


/* Container fuer die Inhalte */
#mainContent {
	padding-top: 30px;
	padding-bottom: 20px;
}


/* Container fuer das Hintergrundbild der Inhalte */
#mainContentBackground {
	background-image: url(../art_global/bg_main_content.gif);
	background-repeat: repeat-y;
	background-position: left;
}


/* Unternavigation */
#subNavigationContent {
	width: 190px;
	padding: 0;
	list-style-type: none;
}

/* Ebene 1 */
#subNavigationContent li {
	padding: 6px 5px 6px 12px;
	padding-left: 10px;
	border-top: 1px solid #FFFFFF;
	background-color: #E8EBEC;
	background-image: none;
}

/* Container auf der Homepage */
#subNavigationContent li.homepage {
	padding: 6px 10px 6px 12px;
	border-top: 1px solid #FFFFFF;
	background-color: #E8EBEC;
	background-image: none;
}

/* Ebene 2 */
#subNavigationContent li.subNavigationLayer2 {
	padding-left: 24px;
}
#subNavigationContent li.subNavigationLayer3 {
	padding-left: 36px;
}


/* Container fuer die Inhaltsspalte Links */
#columnLeft {
	width: 190px;
}


/* Container fuer die Inhaltsspalte Normal */
#columnNormal {
	/* width: 560px; Version 1 */
	width: 540px;
	margin-left: 50px;
}


/* Container fuer die Inhaltsspalte Rechts */
#columnRight {
	width: 160px;
}


/* Container fuer die Animation auf der Homepage */
#homeAnimation {
	/*padding-top: 10px; Version 2 */
}


/* Container fuer die Footer-Inhalte */
#footer {
	margin-left: 190px;
}

/* Liste fuer die Footer-Navigation */
#footerNavigationContent {
	width: 560px;
	padding: 20px 0 0 50px;
	list-style-type: none;
}
#footerNavigationContent li {
	display: inline;
	padding: 0 30px 0 0;
	/*padding-right: 30px;*/
	background-image: none;
}
#footerNavigationContent li.lastLink {
	padding-right: 0;
}

/* Container fuer den Copyright-Text */
#copyright {
	width: 160px;
	padding-top: 21px;
}


/* Klassen allgemein */
.onePix {
	height: 1px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
}


/* Rahmen Team-Seite */
.team-item {
	width: 135px;
}
.team-item DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	padding-bottom: 5px;
}




/* Klassen fuer Umfluesse */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.clearBoth {
	clear: both;
}


/* Klassen fuer Hintergrundfarben */
.bgWhite {
	background-color: #FFFFFF;
}



/* **** TYPO3 Erweiterungen *** */

/* Rahmen fuer Bilder */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #0080B0;
}

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
	padding-bottom: 14px;
}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
	margin-bottom: 0;
	padding-bottom: 15px;
}

/* Klasse zum Aufloesen der Umfluesse */
DIV.csc-textpic-clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}



/* News */

/* Container fuer die News Singleansicht */
#columnNews {
	width: 730px;
}
#newsColumnLeft {
	width: 540px;
}
#newsColumnRight {
	width: 160px;
}
#newsLatestHeadline {
	padding: 5px 5px 5px 7px;
}

/* Formulare */
form#mailform {
	padding-bottom: 20px;
}
form#mailform fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form#mailform .csc-mailform-field {
	font-weight: bold;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	/*clear: right;*/
	clear: left;
}
form#mailform label {
	/*float: right;*/
	width: 260px;
	padding-top: 1px;
	font-weight: normal;
}
form#mailform input {
	width: 246px;
	float: left;
	display: block;
	margin: 0 30px 2px 0;
	padding: 1px 2px 1px 2px;
	border: 1px solid #587889;
}
form#mailform .csc-mailform-check {
	width: 20px;
	float: none;
	display: inline;
	margin-right: 5px;
	border: none;
	vertical-align: middle;
}
form#mailform select {
	width: 252px;
	float: left;
	display: block;
	margin: 0 30px 2px 0;
	padding: 1px 0 1px 2px;
	border: 1px solid #587889;
}
form#mailform textarea {
	overflow-x: hidden;
	overflow-y: auto;
	width: 346px;
	height: 120px;
	margin: 10px 0 2px 0;
	padding: 1px 2px 1px 2px;
	border: 1px solid #587889;
}
form#mailform input.csc-mailform-submit {
	width: 100px;
	border: none;
	/*background-color: #B1C3CC;*/
	background-color: #0080B0;
	color: #FFFFFF;
	font-weight: bold;
}

