/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.1 (Apr 20, 2006) */

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
/* Der Hinerground sollte einen Innenraum von 820px lassen (#wrap.width + 2*10), für 10 Pixel Abstand links und rechts */
background:#eaeaea url(../img/bg.gif) top center repeat-y;
color:#3a3a3a;
}

#wrap {
background-color:#ffffff;
color:#303030;
margin:0 auto;
padding:1px 5px;
width:800px;
}

/***** Header *****/

#header {
color:#505050;
/* Das Banner sollte 800px breit sein (#wrap.width) un 250px hoch (#header.height) */
background:#ffffff url(../img/banner.jpg) center center no-repeat;
height:250px;
margin:0 0 10px 0;
padding:0;
}

/*#header h1 {
font-size:2.5em;
font-weight:normal;
margin:0 0 4px 15px;
padding:15px 0 0 0;
}

#header h1 a,#header h1 a:hover {
padding:0;
}

#header p {
font-size:1.1em;
margin:0 0 20px 15px;
padding:0 0 0 3px;
}*/

/***** Left sidebar *****/
#links {
	float:left;
	width:150px;
	margin:0 0 10px 0;
	padding:0;
}


#menu a{
    font-size:1em;
	font-weight:bold;
	height:20px;
	text-decoration:none;
	color:#505050;
	display:block;
	padding:6px 0 0 10px;
	background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
	border-top:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	border-left:4px solid #cccccc;
	margin-bottom:5px;
}

#menu a:hover, #menu a.level1-act, #menu a.level2-act, #menu a.level3-act, #menu a.level4-act{
	background:#eaeaea url(../img/menubg2.gif) bottom left repeat-x;
	color:#505050;
	border-top:1px solid #b0b0b0;
	border-right:1px solid #b0b0b0;
	border-bottom:1px solid #b0b0b0;
	border-left:4px solid #be3037;
}

#menu a.level2-no, #menu a.level2-act {
	font-size:0.9em;
	height:17px;
	margin:5px 0 5px 15px;
	padding:4px 0 0 8px;
}

#menu a.level3-no, #menu a.level3-act {
	font-size:0.75em;
	height:16px;
	margin:5px 0 5px 30px;
	padding:2px 0 0 6px;
}
#menu a.level4-no, #menu a.level4-act {
	font-size:0.7em;
	height:15px;
	margin:5px 0 5px 40px;
	padding:1px 0 0 6px;
}


#menu h2 {
font-size:1.5em;
font-weight:normal;
}


/***** Main content *****/

#content {
float:right;
width:640px;
text-align:left;
}


#content h1 {
font-size:1.6em;
font-weight:bold;
margin:50px 0 10px 0;
padding:0;
}

#content h1.csc-firstHeader {
    font-size: 2em;
    margin:0 0 20px 0;
}

#content .csc-textpic {
	padding-top:10px;
}

#content .csc-textpic, #conent .csc-frame, #content .csc-header h1 {
	clear:both;
}

#content h2 {
font-size:1.4em;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
}

#content h3 {
font-size:1.2em;
font-weight:normal;
margin:6px 0 6px 0;
padding:0;
}

#content a {
font-weight:bold;
color:#505050;
}

#content a:hover {
color:#286ea0;
}

#content ul, #content ol {
margin:0 0 16px 15px;
padding:0;
}

#content ul ul, #content ol ol {
margin:2px 0 2px 15px;
}

#content li {
margin:0 0 2px 0px;
padding:0 0 0 4px;
list-style-position: inside;
}

#content p {
margin:0 0 16px 0;
text-align:justify;
}content blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
color:#505050;
}

#content blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
margin-top:40px;
padding:8px 0;
border-top:2px solid #dadada;
width:760px;
text-align:center;
color:#808080;
background-color:#ffffff;
font-size:0.9em;
}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** Table styles *****/

#content table {
margin:0 auto;
margin-bottom:10px;
padding:0;
line-height:1.3em;
}

#content table p {
    margin:0px;
}

#content table, #content table th, #content table td {
border-collapse:collapse;
border:1px solid #d8d8d8;
}

#content table caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

#content table th {
padding:7px;
text-align:center;
font-size:1.1em;
background:#eaeaea url(../img/menubg2.gif) bottom left repeat-x;
color:#505069;
}

#content table td {
padding:7px;
text-align:left;
background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
color:#303030;
}

/***** Form styles *****/

/*.button {
    border-top:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    border-left:4px solid #cccccc;
    margin:0 0 15px 0;
    padding:7px 7px 7px 11px;
    background:#f4f4f4 url(../img/menubg.gif) bottom left repeat-x;
    color:#505050;
    font-weight:bold;
    width:120px;
}*/

input, textarea {
    font-family:Verdana,Tahoma,Arial,Sans-Serif;
    font-size:1em;
    margin:0;
    padding:4px;
}

label {
    margin:2px;
}

input {
    width:200px;
}

textarea {
    width:400px;
}

.csc-form-labelcell {
    vertical-align:middle;
}


/***** Various classes used by the Typo3 RichTextEditor *****/

.align-center {
text-align:center;
}
.align-left {
text-align:left;
}
.align-right {
text-align:right;
}
.align-justify {
text-align:justify;
}


/* Login Form */
/*.tx-newloginbox-pi1-submit {
width: auto;
background: #F2F5F5;
}

#tx-newloginbox-pi1-user, #tx-newloginbox-pi1-pass {
width: 150px;
}


.csc-mailform {
position: relative;
display:block;
width:70%;
border:1px solid #CBCED0;
PADDING:10px;
font-size:11px; color:#666666;
}


label {
position: relative;
display:block;
width: 100px;
float: left;
left:10px;
text-align: right;
background: #ffffff;
PADDING:2px;
margin:2px;
}

input, textarea {
position: relative;
width:250px;
left:20px;
background: #ffffff;
border:1px solid #CBCED0;

}


.csc-mailform-field {
display:block;
background-color:#ffffff;
left: 218px;
PADDING:2px;
margin:2px;
}


.csc-mailform-check {
display:block;
width:auto;
left: 125px;
border:1px solid #CBCED0;
PADDING:2px;
margin:2px;
}



button {
clear: left;
position: relative;
display:block;
left:118px;
width:auto;
background: #F2F5F5;
}

.csc-mailform-submit {
clear: left;
position: relative;
display:block;
left:128px;
width:auto;
background: #F2F5F5;
}*/

*.csc-frame-frame2 { 
background-color:#FFFF00; padding:6px; margin:0px; 
border-width :thin; border-style: solid; border-color: #000000;}
