/*
 Autor: Claudia Wildenhayn, Raphael Okon, Daniela Kmetsch, Ferenc Abel, Na Li
 Farbschema:
 violett: #670099
 helles violett: #8800CC
 blau: #39b9de
 grün: #69de3b
 */
 /*
 Jahrgang 2011:
 Farbschema:
 hellgrün:#80D121
 gelbgrün:#AFE02B
 hellgrau:#cccccc
 mittelgrau:#666666
 */
body {
    background-color: #cccccc;
    margin: 0px;
    font: normal 11px / 16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
    color: #999999;
    height: 100%;
    width: 100%;
    overflow: auto;
} 
#seitenkoerper {
    position: relative;
    top: 4px;
    margin-top: 0px;
	/* Elenas Änderungen: */
    width: 100%;
    background-repeat: repeat-y;
    background-position: center;
    left: 19%;
    min-width: 2%;
    top: 4px;
    white-space: normal;
} #logo_linse {
    position: absolute;
    width: 340px;
    height: 394px;
    z-index: 0;
    left: 570px;
    top: 10px;
    background-image:  url(px/Braille-rad-ani2.gif);
    background-repeat: no-repeat;
} #seitenkopf {
    width: 700px;
    height: 162px;
    background-image:  url(px/header-2011.gif);
} #medienstudiLink {
	position: absolute;
	width: 333px;
	height: 50px;
	z-index: 1;
	left: 17px;
	top: 57px;
	background-image:  url(px/hotspot.gif);
} #containerMenue_bottom {
    position: relative;
    margin-top: 15px;
    width: 700px;
    background-position: center;
    left: 0px;
    top: 150px;
    height: 100px;
} #einleitung {
	/* width: 552px;*/
   /* Elenas Änderungen: 11-05-2011*/
   position: relative;
	width: 540px;
	/*Elenas Änderung: 11-05-2011*/   
  padding-bottom:35px;
} #textkoerper {
    padding: 35px;
   /* width: 750px;*/
   /* Elenas Änderung: */
   	width: 750px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image:  url(px/content-2011.png);
    background-repeat: repeat-y;
	}
	
 #absatz1 {
    width: 552px;
    margin-top: 25px;
} #absatz2 {
    width: 552px;
    margin-top: 25px;
    overflow: auto;
    position: absolute;
    left: 27px;
    top: 516px;

}
/* Slideshow CSS Anfang */
/* Breite beschränken */

ul { 
	margin-bottom: 2em;
}
.fade{
	width: 552px;
	margin-bottom: 2em;
}
.fade p{
    width: 552px;	
    margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}
/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}

/* Slideshow CSS Ende */
/* Slideshow mit blauen "Rahmen"  */
	#SlideShow {
		  background-image:  url(Startseite_Bilder/Background_Text.jpg); 
    padding-top: 5px;
    padding-bottom: 2px;
    height: 223px;
	
} #menu {
    background-image:  url("header.gif");
    background-repeat: no-repeat;
    background-position: top;
    position: absolute;
    top: 110px;
    left: 5px;
    width: 552px;
    height: 25px;
}

p {
    margin: 0 0 5px 0;
    text-align: left;
} .autor {
    font-size: 9px;
}

p.p1 {
    font-size: 13px;
    line-height: 20px;
}

h3 {
    color: #98DF0E;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 2px 0;
    height: 25px;
}
h5 {
    color: #98DF0E;
    font-size: 11px;
    font-weight: bold;
    margin: 15px 0 2px 0;
    height: 25px;
}

a:link, a:visited {
    color: #999999;
    text-decoration: none;
    font-weight: 600;
}

a:hover, a:active {
    color: white;
    background: #98DF0E;
    font-weight: 600;
} #intro {
    margin-top: 250px;
} #intro h3 {
    background:  url("tite1.jpg");
    width: 313px;
    height: 25px;
}


/* Footer mit Rad und TR-Logo*/ 
#footer {
    width: 400px; /* hier musste de Wert erhöht werden, weil der Link "Smartphone" zu lang war! */
    height: 46px;
    text-align: center;
    margin-top: 30px;
    padding: 20px;
    left: 300px;
    border-top: 3px groove ; /* hier Farbwert rausgeschmissen*/
    padding-left: 175px;
} #footer a {
    color: #666666;
    font-weight: bold;
} #footer a:hover, a:active {
    color: #ffffff;
    background: #AFE02B; /*hellgruen*/
} #logo_tr {
    position: relative;
    float: left;
    width: 175px;
    height: 60px;
    left: -320px;
    top: -5px;
    background-image:  url(px/trlogo.gif);
    background-repeat: no-repeat;
} #logo_rad {
    position: relative;
    float: left;
    width: 155px;
    height: 374px;
    left: -353px;
    top: -295px;
    background-image:  url(px/rad-2011.png);
} #footerlinks {
    float: left;
    border-bottom: 2px #670099;
    top: -60px;
    left: 10px;
    position: relative;
}

/* Definitionen für Zoom Stil (werden derzeit nicht verwendet) */ .bereich {
    position: absolute;
    text-align: center;
    font-weight: bold;
} .beschreibung {
    color: #FFFFFF;
    background-color: #000000;
    display: none;
}

/*  Definition für Menü Stil*/ #menukoerper {
    /*background:#670099;*/
    width: 560px;
    padding-left: 8px;
} #hauptpunkte {
    padding: 1px 0;
    margin: 0px;
    list-style: none;
    width: auto;
    height: 21px;
    font: normal 8pt verdana, arial, helvetica;
    /*font-weight: normal;*/
} #hauptpunkte li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
    border-right: 1px dotted #FFFFFF;
    width: 132px;
    /*font-weight: normal;*/
} #hauptpunkte li a:link, #hauptpunkte li a:visited {
    padding: 4px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    /*background:#670099;*/
    color: #ffffff;
    width: 132px;
    height: auto;
    font-weight: normal;
} #hauptpunkte li:hover a, #hauptpunkte li a:hover, #hauptpunkte li a:active {
    padding: 4px 0;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #cccccc;
    color: #ffffff;
    /*border:none;*/
    width: auto;
    height: auto;
    font-weight: normal;
} #hauptpunkte li ul.unterpunkte {
    margin: 0;
    padding: 1px 1px 0;
    list-style: none;
    display: none;
    background: #ffffff;
    width: 132px;
    position: absolute;
    /*top:21px; */
    left: -1px;
    font-weight: normal;
} #hauptpunkte li:hover ul.unterpunkte {
    display: block;
} #hauptpunkte li ul.unterpunkte li {
    width: auto;
    clear: left;
    height: auto;
    border: none;
} #hauptpunkte li ul.unterpunkte li a:link, #hauptpunkte li ul.unterpunkte li a:visited {
    clear: left;
    background: #999999;
    padding: 4px 0;
    width: 132px;
    height: auto;
    border: none;
    border-bottom: 1px dotted #999999;
    position: relative;
    z-index: 1000;
} #hauptpunkte li ul.unterpunkte li:hover a, #hauptpunkte li ul.unterpunkte li a:active, #hauptpunkte li ul.unterpunkte li a:hover {
    clear: left;
    background: #AFE02B; /*hellgruen*/
    padding: 4px 0;
    width: 132px;
    border: none;
    position: relative;
    z-index: 1000;
} #hauptpunkte li ul.unterpunkte li ul.navigation-3 {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    position: absolute;
    top: -2px;
    padding: 1px 1px 0 1px;
    border-bottom: 1px dotted #fff;
    background: #ffffff;
    z-index: 900;
} .bild {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    height: 210px;
    width: 126px;
    display: inline;
    margin-right: 20px;
    float: left;
	
} .bild_br {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    height: 210px;
    width: 240px;
    display: inline;
    margin-right: 20px;
    float: left;
}