/********

Layout

*/

body {
	margin: 10px;
}

#wrapper {
	position: relative;
	width: 750px;
/*	margin-left: auto;
	margin-right: auto;
*/
}

#header {
	position: absolute;
	height: 54px;
	width: 100%;
	border-bottom: 4px dotted #B6141E;
	background: url( "header.gif") no-repeat right top;
}

#logo {
	position: absolute;
	bottom: 0px;
	color: #B6141E;
	font-size: 300%;
	border: none;
	margin: 0;
}

#navigation {
	position: absolute;
	width: 150px;
	top: 75px;
}

#content {
	position: absolute;
	left: 160px;
	width: 590px;
	top: 75px;
}

form {
	padding: 0;
	margin: 0;
}

fieldset {
	padding: 10px;
}

.csc-mailform label {
	display: block;
	margin: 5px 0 0 0;
}

textarea {
	width: 100%;
}


.imgtext-table {
	clear: both;
}

.csc-frame-frame1 {
	float: right;
	clear: both;
}

/********


1.value = <div class="csc-frame csc-frame-invisible">|</div>
5.value = <div class="csc-frame csc-frame-rulerBefore"></div>|
6.value = |<div class="csc-frame csc-frame-rulerAfter"></div>
10.value = <div class="csc-frame csc-frame-indent">|</div>
11.value = <div class="csc-frame csc-frame-indent3366">|</div>
12.value = <div class="csc-frame csc-frame-indent6633">|</div>
20.value = <div class="csc-frame csc-frame-frame1">|</div>
21.value = <div class="csc-frame csc-frame-frame2">|</div>


Typography

*/

body, textarea, select, input {
	font-family: "Trebuchet MS", "Tahoma", "Verdana", "Arial", sans-serif; 
	font-size: 9pt;
}

.bodytext, ul {
	margin: 0 0 10px 0;
	line-height: 12pt;
}

a {
	color: #B6141E;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 14pt;
	border-bottom: 1px solid #B6141E;
	color: #B6141E;
	padding: 0;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 14px;
}


.csc-sword {
	background-color: #FF5;
	padding-left: 3px;
	padding-right: 3px;
}


.typo3-adminPanel textarea,
.typo3-adminPanel select,
.typo3-adminPanel input {
	font-family: "Verdana", sans-serif;
	font-size: 10px;
}


table.csc-uploads td {
	padding: 10px;
}

table.csc-uploads td p {
	margin: 0;
}

table.csc-uploads {
	width: 100%;
}

table.csc-uploads td.csc-uploads-icon,
table.csc-uploads td.csc-uploads-fileSize {
	width: 1%;
	white-space: nowrap;
}

table.csc-uploads tr.tr-even {
	background-color: #F0F0F0;
}

table.csc-uploads tr.tr-odd {
	background-color: #FAFAFA;
}


/********

Menu system layout

*/

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation ul li {
	padding: 0;
	margin: 0;
}

#navigation a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #4e4e4e;
	border-bottom: 1px solid white;
	background-color: #e0e0e0;
	width: 142px;
	padding: 1px 4px 1px 4px;
}

#navigation ul ul a {
	background-color: #F3F3F3;
	width: 134px;
	padding: 1px 4px 1px 12px;
}

#navigation ul ul ul a {
	background-color: #FAFAFA;
	width: 126px;
	padding: 1px 4px 1px 20px;
}


#navigation a:hover {
	text-decoration: none;
}

#navigation a:hover,
#navigation a.active { 
	background-color: #B6141E;
	color: white;
}

#navigation ul ul a.active,
#navigation ul ul a:hover {
	background: #EED6CC;
	color: #4e4e4e;
}

#navigation ul ul ul a.active,
#navigation ul ul ul a:hover {
	background: #F8EEE9;
	color: #4e4e4e;
}