/****PAGE GRUNDBEREICH**********************************************************/   
/* Für alle ein margin und padding 0 setzen */
* {
	margin:0; 
	padding:0;
}

body {
    color: #000000; 
	 background-color: #FFFFFF;
	 background-image: url(img/dot.gif);
    font-size: 100.00%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;  /* Zentrierung im Internet Explorer */
	 overflow:-moz-scrollbars-vertical;
  }

#page {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	 width: 955px;
	 background-color: #FFFFFF;
	 background-image: url(img/background_intern.gif);
	 background-repeat: repeat-y;
  }

/* mit korrekte Reihenfolge der A-Tags  */
a:link    { color: red }     /* noch nicht besuchter Link */
a:visited { color: blue }    /* schon besuchter Link   */   
a:hover   { color: #FF9900;} /* Benutzer 'hovert'     */    
a:active  { color: lime }    /* Link wird ausgewählt   */
/********************************************************************************/ 

  



/****LINKER BLOCK****************************************************************/   
#links {
    float: left; 
	 width: 363px;
}
/********************************************************************************/ 





/****NAVIGATION-AREA BLOCK*******************************************************/   
#navigationArea {
    float: left; 
	 width: 363px;
	 height: 198px;
	 background-color: #7E7E7E;
}
/********************************************************************************/ 





/****NAVIGATION BLOCK************************************************************/   
#navigation {
    float: left; 
	 width: 363px;
	 padding-top: 10px;
	 background-color: #7E7E7E;
	 font-size: 1em;
}

/*Grundlayout-Definition Level 1*/
#navigation ul {
    font-weight: bold;
	 font-size: 0.7em;
}

#navigation li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/ 
}

#navigation a {
    display: block;
	 padding-left: 20px;
	 padding-top: 4px;
	 padding-bottom: 4px;
	 height: 100%;
	 text-decoration: none;
    text-transform: uppercase;  /*Alle Buchstaben gross*/
	 border-bottom: 1px solid #FFFFFF;
}

#navigation ul li a:link, #navigation ul li a:visited {
    color: #FFFFFF; 
	 background-color: #7E7E7E;
	 background-image: url(img/pfeil.gif);
	 background-repeat: no-repeat;
	 background-position: 345px;
}

#navigation ul li a:hover {
    color: #7E7E7E; 
	 background-color: #E0E0E0;
	 background-image: url(img/pfeil_hover.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	 background-position: 345px;
}

#navigation ul li a.active:link, #navigation ul li a.active:visited {
	 color: #7E7E7E; 
	 background-color: #E0E0E0;
	 background-image: url(img/pfeil_hover.gif);
	 background-repeat: no-repeat;
	 background-position: center;
	 background-position: 345px;
}
/********************************************************************************/ 
  
  
  

 
/****LOGO BLOCK*****************************************************************/ 
#logoSpalte {
    float: left; 
	 width: 363px;
	 padding-bottom: 20px;
	 background-color: #FFFFFF;
}

#logoSpalte p {
    font-size: 0.65em;
	 color: #7E7E7E;
	 margin-left: 75px;
}

#headerImg {
	float: left;
	margin-top: 10px;
	width: 363px;
	height: 190px;
	background-repeat: no-repeat;
}

#logo {
	float: left;
	width: 363px;
	height: 90px;
	margin-bottom: 20px;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
}



#hilfsNav {
    float: right; 
	 width: 310px;	
	 height: 15px;
	 margin-top: 25px;
	 font-size: 1em;
}


/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#hilfsNav ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
}

#hilfsNav li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
	 color: #636363;
}

#hilfsNav a {
    display: inline;
	 text-decoration: none;
	 height: 100%;
	 color: #636363;
	 font-weight: normal;
}

#hilfsNav a:hover {
	text-decoration: underline;
	color: #636363;
	font-weight: normal;
}

#hilfsNav a.active:link, #hilfsNav a.active:visited {
	color: #636363;
	font-weight: bold;
}

#eduquaLogo {
	float: left;
	width: 363px;
	height: 40px;
	margin-top: 25px;
	background-image: url(img/eduqua.gif);
	background-position: right;
	background-repeat: no-repeat;
}
/********************************************************************************/  

  
  


/****MITTE BLOCK*****************************************************************/ 
#mitte {
    float: left; 
	 width: 516px;
	 background-color: #FFFFFF;
}
/********************************************************************************/ 





/****MITTE BLOCK*****************************************************************/ 
#mittePlatzhalter {
    float: left; 
	 width: 516px;
	 height: 198px;
	 background-color: #B00202;
	 background-image: url(img/pfeil_gross.gif);
	 background-repeat: no-repeat;
	 background-position: 485px 170px;
}
/********************************************************************************/ 





/****CONTENT-AREA BLOCK**********************************************************/ 
#contentArea {
    float: left; 
	 padding: 10px;
	 width: 494px;			/* um 1 Pixel kleiner damit die Linie richtig erscheint */
	 background-color: #FFFFFF;
	 border-left: 1px solid #E0E0E0;   /* damit die graue Linie ganz durchgezogen ist */
	 border-right: 1px solid #E0E0E0;  /* damit die graue Linie ganz durchgezogen ist */
}
/********************************************************************************/ 





/****CONTENT-SPACE BLOCK*********************************************************/ 
#contentSpace {
    float: left; 
	 padding-left: 44px;
	 padding-right: 35px;
	 padding-top: 10px;
	 width: 415px;			/* um 1 Pixel kleiner damit die Linie richtig erscheint minus padding-left padding-right*/
	 background-color: #E0E0E0;
}
/********************************************************************************/ 





/****SUBMENUE BLOCK**************************************************************/ 
#subMenuSpacer {
	float: left;
	margin-top: 175px;
	width: 55px;
	height: 5px;
}

#subMenue {
    float: left; 
    margin-top: 175px;
	 width: 420px;	
	 height: 15px;
	 font-size: 1em;
}


/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#subMenue ul {
	 margin: 0px;
	 padding: 0px;
	 height: 15px;
	 font-size: 0.8em;
}

#subMenue li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
	 color: #FFFFFF;
	 padding-right: 20px;
}

#subMenue a {
    display: inline;
	 text-decoration: none;
	 height: 100%;
	 color: #FFFFFF;
	 font-weight: normal;
}

#subMenue a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: normal;
}

#subMenue a.active:link, #subMenue a.active:visited {
	color: #FFFFFF;
	font-weight: bold;
}
/********************************************************************************/ 





/****SUBSUBMENUE BLOCK***********************************************************/ 
#subsubMenue {
    float: left; 
	 padding-bottom: 10px;
	 width: 414px;			/* um 1 Pixel kleiner damit die Linie richtig erscheint minus padding-left padding-right*/
	 height: 15px;
	 border-bottom: 1px solid #A00000;
	 font-size: 1em;
}

/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#subsubMenue ul {
	 margin: 0px;
	 padding: 0px;
	 height: 15px;
	 font-size: 0.75em;
}

#subsubMenue li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
	 color: #7C1F11;
	 padding-right: 20px;
}

#subsubMenue a {
    display: inline;
	 text-decoration: none;
	 height: 100%;
	 color: #7C1F11;
	 font-weight: bold;
}

#subsubMenue a:hover {
	text-decoration: underline;
	color: #636363;
	font-weight: bold;
}

#subsubMenue a.active:link, #subsubMenue a.active:visited {
	color: #636363;
	font-weight: bold;
}
/********************************************************************************/ 





/****CONTENT BLOCK***************************************************************/ 
#content {
	 float: left;
	 padding-top: 25px;
	 padding-bottom: 25px;
	 width: 414px; 		/* um 1 Pixel kleiner damit die Linie richtig erscheint. Muss für IE ca 10 Pixel kleiner sein. Da IE falsch berechnet*/
	 min-height: 380px;
	 background-color: #E0E0E0;
	 color: #636363;
	 font-size: 0.75em;
}

#content h1 {
	 color: #7C1F11;
	 padding-bottom: 20px;
    font-size: 1.4em;
	 font-weight: bold;
	 padding-bottom: 1em;
}

#content h2 {
	 color: #7C1F11;
	 padding-top: 5px;
	 padding-bottom: 10px;
    font-size: 1.1em;
	 font-weight: bold;
}

#content p {
    font-size: 1em;
	 line-height: 1.4em;
	 margin-bottom: 15px;
}

#content ul, #content ol {
	padding-left: 30px;
	margin-bottom: 15px;
	color: #58595B;
}

#content ul li, #content ol li {
	margin-bottom: 5px;
}

#content a {
	color: #7C1F11;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

#content a:hover {
	color: #636363;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}

#content img.right {
	float: right;
	margin-left: 10px;
}

#content img.left {
	float: left;
	margin-right: 10px;
}

#content a img {
	float: left;
	border: 2px solid #7C1F11;
	color: #7C1F11;
}

#content a:hover img {
	float: left;
	border: 2px solid #636363;
	color: #636363;
}

img {
	padding-bottom: 10px;
	text-decoration: none;
}


/* Formular Style */
.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float: left;
clear: both;
display: block;
width: 170px;
padding-left: 0px;
margin-bottom: 2px;
}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
margin-bottom: 10px;
}

.csc-mailform-radio {
	border: none;
}

#csc-mailform-radio {
	border: none;
}

csc-mailform-radio {
	border: none;
}

.csc-mailform-radio legend {
  display:none;
}

.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-top: 10px;
margin-left: 0px; 
/* Float wieder abschalten */
clear: both;
}

/* Sitemap */
.csc-sitemap ul li a:link, .csc-sitemap ul li a:visited{
	text-decoration: none !important;
	border-bottom: none !important;
}

/* Style für Text mit Bild */
.csc-textpic-text {
	padding-bottom: 10px;
}
/********************************************************************************/





/****HÖHEN-BLOCK*****************************************************************/ 
#height {
  float: right;
  width: 1px;
  height: 400px;
  margin-right: -34px;
}
/********************************************************************************/





/****RECHTS-OBEN BLOCK***********************************************************/ 
#rechtsOben {
	 float: left;
	 font-size: 1px;
	 width: 76px;
	 height: 198px;
	 background-image: url(img/oben_rechts.gif);
}
/********************************************************************************/





/****UNTEN BLOCK*****************************************************************/ 
#unten {
	 clear: both;
	 float: center;
	 font-size: 1px;
	 height: 7px;
	 background-image: url(img/unten.gif);
	 background-repeat: no-repeat;
}
/********************************************************************************/





/****FOOTER BLOCK****************************************************************/
#footer {
	clear: both;
	float: center;
	color: #898989;
	margin-top: 10px;
	font-size: 0.7em;
	text-decoration: none;
}

#footer a {
	color: #898989;
	font-size: 1em;
	text-decoration: none;
}

#footer a:hover {
	color: #898989;
	font-size: 1em;
	text-decoration: underline;
}
/********************************************************************************/





/****SPEZIAL BEREICH*************************************************************/
.clear {
	clear: both;
	font-size: 1px;
}
.hide { 
	display: none; 
}
/********************************************************************************/