/*
*********************************************
* Schriften & Farben						*
*********************************************
*/
body {
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #FFFFFF;
	text-transform: lowercase;
}

a {	color: #FFFF00;	background: inherit; text-decoration: none; }
a:hover { text-decoration: underline;}
a:visited {color: #BBBBBB;}

p {
	font-size: 10px; /* Resets 1em to 10px */
	padding: 0px;
}

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

#left {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
}

#middle {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
}

#right {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
}

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

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

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

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

h1 {
	font-size: 10px;
	line-height: 10px;
}

h2 {
	font-size: 10px;
}

h3 {
	font-size: 10px;
}

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: 10px;
}

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


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

#page {
	width: 950px;
	margin: 20px 20px 20px 20px; /* Auf der Bildschirmbreite zentriert. */
	padding: 0px;
	margin-top: 20px;
	background-color: #666666;
}

#header {
	height: 100px;
	background: #666666 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: 42px 10px 3px 3px;
}

#content {
	padding-top: 0px;
}


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

#left {
	float: left;
	width: 230px;
	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 #FFCC00;
}

#middle {
	float: left;
	margin-bottom: 40px;
	width: 700px;
}

#middle-content {
	float: left;
	margin-bottom: 40px;
	padding-top: 0px;
	width: 700px;
}

#right {
	display: none;
}


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

#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: #666666;
	padding-top: 0px;
}

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

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

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

div#navigation ul#level-one-navigation {
	text-decoration: none;
	/* list-style: square; */
	text-transform:lowercase;
}

div#navigation a {
	color: #FFFF00;
	text-decoration: none;
	text-transform: lowercase;
}

div#navigation ul li.level-one-title a {
	color: #FFFF00;
	text-decoration: none;
	text-transform:lowercase;
}

div#navigation ul li ul.level-two-navigation li a {
	color: #FFFFFF;
	text-decoration: none;
/*	border-bottom: #FFCC00 1px solid; */
}

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

div#navigation ul li ul.level-two-navigation li a:visited {
	text-decoration: none;
	color: #BBBBBB;
}

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

.level-one-title {
	text-transform: none;
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: none;
}
ul#level-one-navigation li.level-two-entry,ul#level-one-navigation li.level-two-entry-active{
	margin-bottom: 10px;
}
ul#level-one-navigation li.level-one-title ul.level-two-navigation li.level-two-entry,ul#level-one-navigation li.level-one-title ul.level-two-navigation li.level-two-entry-active{
	margin-bottom: 0;
}
.level-one-title a {
	display: block;
/*	border-bottom: 1px solid #CF0619; */
text-decoration: none;
}

.level-one-entry, .level-one-entry-active {
	text-transform: none;
	text-indent: 1em;
	color: #FFFF00;
	text-decoration: none;
}

ul.level-two-navigation {
	background-color: #666666;
	text-indent: 0em;
	text-decoration: none;
}

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

.level-two-navigation, .level-two-navigation-active {
	text-transform: none;
	text-indent: 2em;
	color: #FFFF00;
	text-decoration: none;
}

ul.level-three-navigation {
	background-color: #666666;
	text-indent: 1em;
	text-decoration: none;
}



ul.level-four-navigation {
	background-color: #666666;
	text-indent: 3em;
	text-decoration: none;
}


div#navigation ul li ul.level-two-navigation li.level-two-entry-active a {
	color: #FFFF00;
	text-decoration: none;
}


/* ============= [ 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: 0px;
	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: 0px;
}

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: left;
	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: left;
	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: left;
	border-bottom: #010101 solid 1px;
	border-right: #010101 solid 1px;
	border-top: #000000 solid 1px;
	border-left: #000000 solid 1px;
}

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

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