/*
*********************************************
* Schriften & Farben						*
*********************************************
*/
body {
	font-size: 14px; /* Resets 1em to 10px */
	font-family: Georgia,"Times New Roman",Times,serif;
	color: #3d4465;
}

#special-box {
	color: #FFF;
	text-align: right;
}

#left {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
}

#middle {
	
}

#right {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
}

#footer {
	text-align: center;
	color: #FFFFFFÅ;
}

#special-box a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #FFF;
	text-decoration: none;
}

#special-box a:hover {
	text-decoration: underline;
}

/* 
--------------
Ueberschriften 
--------------
*/
h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	
}

#left-content h1,
#left-content h2,
#left-content h3,
#left-content h4,
#right-content h1,
#right-content h2,
#right-content h3,
#right-content h4 {
	text-transform: uppercase;
	font-size: 1em;
}

#left-content h1,
#right-content h1 {
	background-color: #3d4465;
	margin-bottom: 3px;
	padding: 0px 2px 0px 2px;
	color: #FFF;
}


/*
*********************************************
* Sektionen									*
*********************************************
*/
body {
	margin: 0px;
	padding: 0px;
	background: #EEEEEE; /* url(/fileadmin/template/main/hintergrund.jpg) top left repeat-x; */
}

#page {
	width: 950px;
	margin: 0 auto; /* Auf der Bildschirmbreite zentriert. */
	padding: 5px;
	margin-top: 20px;
	border: #959596 solid 1px;
	background-color: #FFF;
}

#header {
	height: 200px;
	background: #CF0619 url(/fileadmin/template/main/logo.jpg) top left no-repeat;
	margin-bottom: 20px;
}

#special-box {
	width: 400px;
	height: 60px;
	float: right;
}

#special-box-content {
	padding: 3px 10px 3px 3px;
}

#content {
	
}


#left, #middle, #right {
	height: 650px;
}

#left {
	float: left;
	width: 20%;
	margin-right: 20px;
}

div#navigation, div#left-content {
	margin-left: 10px;
}

div#navigation {
	margin-bottom: 30px;
}

#left-content {

}

#left-content div.csc-header-n1,
#right-content div.csc-header-n1 {
	border-bottom: 1px solid #3d4465;
}

#middle {
	float: left;
	width: 55%;
	margin-bottom: 40px;

	overflow: auto;
	overflow-y: scroll;
	overflow-x: none;
	
	padding: 5px;
	padding-top: 0px;
	border: 1px solid #EEEEEE;
}

#middle-content {

}

#right {
	float: right;
	width: 20%;
}


#left-content div.typo3-content-block div.typo3-content-block-text,
#right-content div.typo3-content-block div.typo3-content-block-text {
	margin: 5px 0px 5px 0px;
	background-color: #EBEEFA;
}

#left-content .csc-textpic, 
#right-content .csc-textpic, 
#left-content .typo3-content-block div.csc-header * div.typo3-content-block-text,
#right-content .typo3-content-block div.csc-header * div.typo3-content-block-text {
	background-color: #EBEEFA;
}

#right-content {
	margin-right: 5px;
}

#footer {
	clear: both;
	height: 50px;
	background-color: #CF0619;
}

/* ============= [ NAVIGATION ] ===============*/
div#navigation ul {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	list-style: none;
	list-style-image: none;
}

div#navigation ul#level-one-navigation {
	/* list-style: square; */
}

div#navigation a {
	color: #3d4465;
}

div#navigation ul li.level-one-title a {
	color: #CF0619;
	text-decoration: none;
	border-bottom: 1px solid;
}

div#navigation ul li ul.level-two-navigation li a {
	color: #3d4465;
	border-bottom: #FFF 1px solid;
}

div#navigation ul li ul.level-two-navigation li a:hover {
	text-decoration: underline;
}

ul#level-one-navigation,
ul#level-two-navigation,
ul#level-one-navigation ul {
	padding: 0px;
	padding-top: 3px;
	margin: 0px;
}

.level-one-title {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
}

.level-one-title a {
	display: block;
/*	border-bottom: 1px solid #CF0619; */
}

ul.level-two-navigation {
	background-color: #EEEEEE;
}

ul.level-two-navigation a {
	padding-bottom: 0px;
	border-bottom: none;
}

.level-two-entry, .level-two-entry-active {
	text-transform: none;
}

div#navigation ul li ul.level-two-navigation li.level-two-entry-active a {
	color: #CF0619;
}


/* ============= [ TYPO3 FORMULARE (FORMDESIGNER, LOGIN, ETC.) ] ===============*/

/* Das ganze Formular und die Flaeche */
fieldset.csc-mailform,
table.csc-searchform,
table.css-loginform,
div.tx-newloginbox-pi1 * table {
	width: 450px;
	padding: 5px;
	clear: both;
	border: none;
}
/* Eine Formularzeile */
div.csc-mailform-field,
fieldset.csc-mailform,
table.csc-searchform * tr,
table.css-loginform * tr,
div.tx-newloginbox-pi1 * tr {
	clear: both;
	padding: 5px;
}

fieldset.csc-mailform * label,
fieldset.csc-mailform * input,
fieldset.csc-mailform * select,
div.tx-newloginbox-pi1 * input,
textarea {
	display: block;
	float: left;
	width: 300px;
}
fieldset.csc-mailform * label,
td.csc-form-labelcell *,
div.tx-newloginbox-pi1 * td p {
	text-align: right;
	width: 120px;
	padding-right: 1.0em;
}

fieldset.csc-mailform * input[type="text"],
fieldset.csc-mailform * input[type="file"],
td.csc-form-fieldcell input[type="text"],	
td.csc-form-fieldcell input[type="password"],	
td.csc-form-fieldcell select,
div.tx-newloginbox-pi1 * input[type="text"],
div.tx-newloginbox-pi1 * input[type="password"],
textarea {
	float: right;
	border: #636363 0.5px solid;
}
fieldset.csc-mailform * input[type="submit"],
fieldset.csc-mailform * input[type="checkbox"],
div.tx-newloginbox-pi1 * input[type="submit"] {
	width: auto;
	margin-left: 8px;
} 
fieldset.csc-mailform * input[type="file"] {
	width: 300px;
	padding-left: 5px;
} 
fieldset.csc-mailform * input[type="submit"],
td.csc-form-fieldcell input[type="submit"], 
div.tx-newloginbox-pi1 * input[type="submit"] {
	float: right;
	border-bottom: #010101 solid 1px;
	border-right: #010101 solid 1px;
	border-top: #0000 solid 1px;
	border-left: #0000 solid 1px;
}

fieldset.csc-mailform * input[type="text"],
fieldset.csc-mailform * textarea {
	background-color: #EEEEEE;
}

/* ------------------------------ */
/* ------------------------------ */

