html, body, div, p, h1, h2, h3, h4, h5, ul, ol, 
span, a, table, td, tr, form, img, li  {
margin: 0px;
padding: 0px;
border: 0px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
color: #000;
}

html{ height:100%; }
    
body {
background-color: #5c5c5c;
text-align:center;
}

h1 {font-size:20px; 
color:#004473;
font-weight:bold;
border-top: 5px solid #004473;
letter-spacing: .1em;
text-transform:uppercase;
padding-top: 17px;
padding-bottom:32px;
}

.h1_aktuell {
color:#004473;
border-color:#004473
}

.h1_projekte {
	margin-top: 17px;
color:#8d7c22;
border-color:#8d7c22;
}

.h1_uk {
	margin-top: 17px;
color:#944c18;
border-color:#944c18;
}

.h1_termine {
	margin-top: 17px;
color:#759735;
border-color:#759735;
}

.h1_sans {
color: #f00;
text-transform:uppercase;
border: 0px;
padding: 0px;
margin: 0px;
}

#uber{
margin-left:300px;
margin-right:50px;
}



#motto{
top: 150px;
position: absolute;
width:500px;
left: 300px;
background-color: #e8e7e1;
padding: 12px;
z-index: 2;
height: 130px;
}

#motto p.motto {
font: 18px/30px Times, "Times New Roman", Georgia, serif;
line-height: 22px;
}

#content .linie {
margin-bottom: 17px;
padding-bottom: 17px;
border-bottom: 1px dotted #000;
}

h2 {
padding-bottom:14px;color:#000;
font: normal 18px Times, Georgia, serif;
}

h3 {
/*padding-top: 16px;*/	
text-transform:uppercase;
font-weight:normal;
padding-bottom: 5px;}


h4 {color:#004473;
font-size: 18px;
font-weight: bold;
padding-bottom: 14px;
padding-top: 17px;
}

h5 {
padding-top: 16px;
}

a {
color:#636152;text-decoration:none;font-weight: normal;
}

a:hover {text-decoration:underline;}


ul{
list-style:none;
}

.csc-bulletlist {
list-style-type: disc;
list-style-position: outside;
margin-left: 14px;
} 
	
	
	
#linkeSpalte {
position:relative;
width: 280px;
float:left;
}



	
	
/* ###### navi ####### */

#navi {
position:relative;
width: 280px;
padding-left:20px;
}

#main .m a:link, #main .m a:visited, #main .m1 a:link, #main .m1 a:visited, #main .m_act a:link, #main .m1_act a:link, #main .m_act a:visited, #main .m1_act a:visited  {
display:block;
font-size:20px; 
line-height: 27px;
color: #d5d4c9;
font-weight: bold;
text-transform:uppercase;
text-decoration:none;
letter-spacing: .1em;
}

#main .m1 a:link, #main .m1 a:visited, #main .m1_act a:link,#main .m1_act a:visited  {
width:200px;
padding-top:11px;
border-top: 5px solid #d5d4c9;
}


#main .m a:hover, #main .m1 a:hover {
color: #000;
text-decoration:none;
}

#main .m_act a:link, #main .m1_act a:link, #main .m_act a:visited, #main .m1_act a:visited  {
color: #000;

}


/* ############################# */

#rahmen, #foot {
position: relative;
margin: 0px auto;
text-align:left;
background-color:#fff;
width: 850px;
}


#content {
position: relative;
margin-top:0px;
margin-left:300px;
width: 515px;
padding:0px;
}

#foot {
background-color:#5c5c5c;
clear:both;
margin-top:8px;
width:850px;
}

#metas, #tools {
position: relative;
font-size: 10px;
color:#fff;
}

#tools {
left:20px;
float:left;
z-index:2;
}

#metas {
margin-right:20px;
text-align:right;
}

#metas a, #lang a, #tools a {
line-height: 5px;
font-size: 10px;
color: #fff;
text-decoration: none;
}

#metas a:hover, #lang a:hover, #tools a:hover {
color: #000;
}

#rootline {
position: relative;
background-image: url("bilder/back.gif");
background-repeat: no-repeat;
background-position: 0px 2px;
text-indent:14px;
bottom:0px;
}

#lang {
position: relative;
width:350px;
display:inline;
margin-left:145px;
}


/* Linke Spalte */
.boxl {
padding:12px;
padding-left: 20px;
margin-top: 16px;
color:#fff;
font-size:10px;
background-color:#e6e5d4;
width: 200px;
}

.boxl a {
.1emcolor:#fff;
font-size:10px;
text-decoration:none;
}

#linkeSpalte .boxl h1 {
color: #636152;
border: 0;
margin: 0;
padding: 0;
margin-bottom: 14px;
}

#linkeSpalte .boxl IMG {
border: 0;
border-left: 2px solid #c0bfb1;
border-top: 2px solid #a2a296;
border-right: 2px solid #ececdf;
border-bottom: 2px solid #ececdf;

}

/* ################# */
/* #####  Typo3 #### */
/* ################# */

.csc-searchResultHeader, .csc-searchform {
padding-top: 16px;
}


.csc-frame-frame2 {
background-color: #eff;
border-top: 0px;
border-right: 1px;
border-bottom: 1px;
border-left: 0px;
border-color: black;
border-style: dashed;
padding: 10px;
margin-bottom:20px;
}

.csc-frame-indent  {
margin-left: 20px;
text-indent: 0;
}

.csc-frame-indent a{
color: #000;
}

dt IMG {
border: 1px solid #f00;
}

.such{
color: #636152;
letter-spacing: .1em;
font-weight:bold;
}

a.such{
display:block;
text-decoration: none;
text-transform:uppercase;
font-size:20px; 
}


#linkeSpalte h1 {
border-top: 5px solid #636152;
color: #636152;
margin-right:50px;
margin-top: 32px;
padding-top:16px;
padding-bottom:24px;
}


/*.csc-menu a {
background-image: url("bilder/arrow2.gif");
background-repeat: no-repeat;
padding-left:12px;
background-position:0px 2px;
}*/

.csc-menu dd {
padding-bottom:12px;
margin:0px;
}

.csc-header-date{
text-transform:uppercase;
font-weight:normal;
padding-bottom: 5px;
}


/*p a, */.csc-header a {
background-image: url("bilder/arrow.gif");
background-repeat: no-repeat;
padding-left:12px;
background-position:0px 2px;
}

.csc-header a {
font-weight: bold;
}

.csc-abstract{
margin-bottom:14px;
}

.csc-caption {
font-size: 9px;
}

/* ##### Tables  #### */
/* ## Layout 1 ## */
.contenttable-1 {
width: 472px;
border-bottom: 1px dotted #aaa;
margin-bottom:12px;
padding-bottom:12px;
}

.contenttable-1 .td-0 {
width:185px;
}

/* ## Layout 2 ## */

.contenttable-2 {
width: 472px;
}

.contenttable-2 .tr-even {
background-color:#eee;
}

.contenttable-2 .td-0, .contenttable-2 .td-1, .contenttable-2 .td-2, .contenttable-2 .td-last {
padding:5px;
}

/* ## Layout 3 ## */
.contenttable-3 {
width: 472px;
vertical-align:top;
}

.contenttable-3 .tr-even {
background-color:#eee;
}

.contenttable-3 .td-0 {
width:185px;
}

.contenttable-3 .td-0, .contenttable-3 .td-1, .contenttable-3 .td-2, .contenttable-3 .td-last {
padding:5px;
vertical-align:top;
}


/* ############# */








