/*********************************************
 * MAIN STYLES:
 * 
 * "gelb": #da9d00
 * "blau": #669191
 * "grau": #484747
 *********************************************/

SELECT, TEXTAREA, INPUT, TD, BODY, .defstyle, P, DIV {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	color: #484747;
}
p.bodytext{margin-left: 1em;}
p.align-right{text-align:right;}


FORM { margin: 0px;}

H1, H2, H3, H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
}

/* Occasionally used, eg. in About Modules: */
H1 {
	/*margin: 8px 0px 5px 0px;*/
	/*padding: -1em 3px 1px -1em;*/
	margin: 0em 0em 1em 0em;
	background-color: #669191;
	text-align:center;
}


/* MAIN page header: */
H2 {
	font-size: 14px;
	color: #da9d00;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* Normal section headers */
H3 {
	font-size: 14px;
	color: #669191;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* Discrete section headers (no background) */
H4 {
	font-size: 10px;
	margin-top: 6px;
	color: #669191;
}

/* Preformatted text - not used so much in TYPO3 */
PRE {
	font-family: "Lucida Sans Typewriter", "Bitstream Vera Sans Mono", monospace;
	font-size: 11px;
	margin: 0px;
}

/* Links in general */
A {
	color: #669191;
	text-decoration: none;
}
A:hover { 
	color: #484747; 
	}

/* horizontal ruler */
HR, DIV.hr {
	height: 1px;
	color: #669191;
	background-color: #669191;
	border-top: 1px solid #7a7a7a;
	border-bottom: 1px solid #484747;
}

IMG {
  border: 0px;
}

.space{
	margin-top: 16px;
}



A.g {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #646f4b;
	font-weight: bold;
	text-decoration: underline;
}
/*********************fun*********/




/*********************************************
 * Background color classes:
 *********************************************/

.bgColor { background-color: #F7F3EF; }
.bgColor-10 { background-color: #ede9e5; }
.bgColor-20 { background-color: #e3dfdb; }
.bgColor2 { background-color: #9BA1A8; }
.bgColor3 { background-color: #F6F2E6; }
.bgColor3-20 { background-color: #e2ded2; }
.bgColor4 { background-color: #D9D5C9; }
.bgColor4-20 { background-color: #c5c1b5; }
.bgColor5 { background-color: #ABBBB4; }
.bgColor6 { background-color: #E7DBA8; }

/*********************
* TABELLE
*********************/
table {background:transparent; border-top: 1px solid #669191; 
		border-bottom: 1px solid #669191; border-left: 1px solid #669191; 
		border-right: 1px solid #669191;  }


.csc-uploads{
margin-top: 0.5em;
margin-left: 2em;
}
.tableLine
{
     font-family:      Verdana,Arial,sans-serif;
     font-style:       normal;
     font-size:        9px;
     BORDER-TOP:       #669191 1px solid; 
     BORDER-LEFT:      #669191 1px solid; 
     BORDER-BOTTOM:    #669191 1px solid;
     BORDER-RIGHT:     #669191 1px solid;
}



/*.tx-powermail-pi1 {
   width: 400px;
   text-align: left;
}*/
/*.powermail_mandatory{
margin-left:150px
}*/


label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 50em; 
}



form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}


input#submit { /* den Submit-Button */
  float: none;
  width: 100px;
}


label {
 text-align: left; 
 padding-right: 5em; 
}


/* Bulletlists, specifically */
UL.csc-bulletlist-1 {list-style-image:url(images/psb.png); }
UL.csc-bulletlist {list-style-image:url(images/psg.png); }
UL.csc-bulletlist-2 {list-style-image:url(point_back.png); }
UL.csc-bulletlist-3 {list-style-image:url(point.png); }
UL.csc-bulletlist-1 LI {font-size: 12px; color: #484747;}
UL.csc-bulletlist LI {font-size: 12px; color: #669191;}
UL.csc-bulletlist-2 LI {font-size: 12px; color: #669191;}
UL.csc-bulletlist-3 LI {font-size: 8px; color:#484747;}


/*********************************************
 * Various body tags:
 *********************************************/

 /* Set default values for bodytags: */
BODY {
	position:relative;
	margin: 2em 2em 0em 4em;
	background:transparent;
	left: 2em;
	right: 2em;
}
/* Visual debugging: */
/*
H2,H3,H4,DIV { border: 1px dotted #666; }
*/



/*********************************************
 * DIV:
 *********************************************/
 
div{
top: 1em;
position: static;
} 
 


 
div#head{
	position: relative;
	top:0em;
	right:5em;
	/*width:267px;*/
	float: right;
	text-align: right;
	width: 35%;
	height: 15em;
	z-index: 8;
	}
	
div#logo{
	position:relative;
	background:transparent;
	float: left;
	top:0em;
	left:0em;
	width:30%;
	height:15em;
	z-index: 9;
}

	
div#nav1{
	position:absolute;
	float: left;	
	background:transparent no-repeat;
	top:20em;
	left:0em;
	width:20%;
	/*height:2em;*/
	/*clear: left;*/
	}

div#content{
	background:transparent;
	position:relative;
	float:left;
	left:20em;
	/*margin-top:5em;*/
	top:0em;
	width:52%;	
	}

div#main{
	background:transparent url(bggelb04.png) repeat;
	position:relative;
	float:none;
	left:0em;
	/*padding:1em;*/
		/*clear: right;*/
	}	


div#neuigkeiten{
	background:transparent url(bggelb04.png) repeat;
	position:static;
	float:none;
	left:0em;
	top:2em;
	
	/*padding:1em;*/
		/*clear: right;*/
	}
	
div#events{
	background:transparent url(bggelb04.png) repeat;
	position:static;
	float: none;
	left:0em;
	top:3em;
	/*padding:1em;*/
	}
	
div#foot{
	position:relative;
	background-color:#669191;
	top:5em;
	left:0em;
	padding:1em;
}

div#white{
	position:relative;
	background-color:white;
	float:none;
	left:0em;
	top:2em;
	bottom:2em;
}


div#blau{
	position:relative;
	background-color:#669191;
	float:none;
	left:0em;
	top:2em;
	bottom:2em;
}