/* =============		BASIC-RESET   ===============================*/


*           { padding: 0; margin: 0; font-size: 100.01%; font-weight: normal; }
ul, ol      { list-style: none;}
b, strong   { font-weight: bold; }
img, a img  { border: none; }


/* ==============       FONTS    ====================================*/


body { 
font-size: 85%; 
font-family: Arial, Helvetica, sans-serif; 
color: #333;
background: #CCC;
text-align: left; 
line-height: 1.5em;
margin-top: 20px;
/* background: url(../images/synapsen-background1920.jpg) no-repeat 0 0; */
background: url(../images/background-repeat-x-1920.png) repeat-x;
/* background: url(../images/backgroundlinien.png) repeat-x;  */

background-attachment: fixed; 
}




#seite1 {
background-color: #008080;    
}

h1, h2, h3 {
margin-bottom: 0.8em;
font-weight: bold;
line-height: 1.2em;
}

h1	{ font-size: 1.8em; }
h2	{ font-size: 1.3em; }
h3 	{ font-size: 1em; }


/* ================= 		LINKS   ================================*/
a:link, 
a:visited {
text-decoration: none;
color: #333;
}
a:hover, 
a:focus,
a:active {
text-decoration: underline;
color: #333;
} 

/* ==================   CONTAINER-LAYOUT   ===============================*/
#container {
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    background-color: transparent;
}



/* ==================   BACKGROUND   ===============================*/
#home #content {
height: 500px;
background-image: url(../images/seite-home2.jpg);
}

#home #contentLeft {
height: 500px;
background-image: url(../images/neuronen3.jpg);
}




/* ==================   	LAYOUT   ===============================*/

div#contentLeft {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 650px;
    height: 500px;
    z-index: 2;
}

div#contentRight {
    position: absolute;
    left: 650px;
    top: 0px;
    width: 450px;
    height: 500px;
    z-index: 3;
    background-image: url(../images/gitternetz.gif);
    background-repeat: repeat;
}

#naviMiddle {
    position: absolute;
    left: 520px;
    z-index: 999;
}

#content p {
line-height: 1.2em;
}

#textLinks {
    position: absolute;
    width: 400px;
    height: 400px;
/*    background-color: #00FF00; */
    background-color: transparent;
    left: 66px;
    top: 130px;
    z-index: 11;
}


#textRechts {
    position: absolute;
    width: 340px;
    height: 400px;
/*    background-color: #00FF00; */
    background-color: transparent;  
    left: 60px;
    top: 55px;
    z-index: 99;
}

.blockR{
    background-image: url(../images/blackpix50.png);
/*    background-color: #666;  */
    padding: 10px;
}

#textRechts p {
    color: #FFF;
}

#textLinks p, #textRechts p{
    line-height: 1.5em;
    }

#content2 {
    width: 1100px;
    height: 400px;
    background-color: #FFF;
    background-image: url(../images/verlauf.png);
    background-repeat: repeat-x;
    }


#langtextLinks {
    position: relative;
    float: left;
    width: 42%;
    margin-top: 50px;
    margin-left: 60px;
}

#langtextRechts {
    position: relative;
    float: right;
    width: 42%;
    margin-top: 50px;
    margin-right: 60px;
}

#langtext p{
    color: #505050;
    }

#footer {
clear: both;
background: transparent;
}
#footer p{
color: #FFF;
font-size: 86%;
text-align: center;
}

/* =======================  HEADER  =================================
#seite1 #header {
height: 200px;
background-color: #e35700;

}

#seite2 #header {
height: 200px;
background-color: #CCC;

}
*/

#logo {
position: absolute;
top: 60px;
left: 66px;
z-index: 90;
}

#bildung {
position: absolute;
top: 50px;
left: 66px;
z-index: 91;
}

#bildung2 {
position: absolute;
top: 300px;
left: 50px;
z-index: 91;
}

#bildung3 {
position: absolute;
top: 160px;
left: 66px;
z-index: 91;
}

/* ================		NAVIGATION ==============================   */ 

#naviMiddle ul{
margin-top: 59px;
margin-bottom: 0px;
font-size: 0.9em;
}
#naviMiddle ul li {
list-style: none;
text-transform: uppercase;
background: url(../images/graypix.png) repeat;
/* background: url(../images/inaktiv.png) no-repeat; */
letter-spacing: 1px;
text-align: center;
line-height: 1.5em;
}
#naviMiddle ul li a:link,
#naviMiddle ul li a:visited {
display: block;
font-weight: bold;
text-decoration: none;
color: #FFF;
padding: 6px 0px 6px 0px;
margin-bottom: 10px;
width: 150px
}
#naviMiddle ul a:hover, .active,
#naviMiddle ul li:hover {
background: url(../images/graypix2.png) repeat;
/* background: url(../images/aktiv3.png) no-repeat; */
display: block;
}

#langtext a,
#langtext a:link,
#langtext a:visited,
#langtext a:hover,
#langtext a:active {
     color: #000000;
     text-decoration: underline;
}



/* ================   NAVI FOOTER   ==============================  */
#footer ul li{
display: inline;
}
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited{
text-decoration: none;
color: #FFF;
}
#footer ul li a:hover, .active{
text-decoration: underline;
color: #FFF;
}

#footer a:link, 
#footer a:visited, 
#footer a:hover, 
#footer a:focus, 
#footer a:active {
color: #FFF;    
}

/* ===================	OTHERS   ================================== */
p {
margin-bottom: 15px;
}

.liste1 {
/*    list-style-image: url(../images/item1blue.gif); */
    list-style-type: square;
    padding-left: 20px;
}