body 			{background-color:#333333; color:gray;
			font-family:Verdana,Arial,sans-serif;
			font-size:13px;
			margin:0px;
			min-width:700px;
			min-height:500px;
			padding-left:0px;
			padding-right:0px;}
			
td { border-collapse:collapse;
		border: 1px solid gray;
}



h1 {
    font-size:13px;
    text-align:left;
    color:white;
}

h2 			{font-size:13px;
			text-align:left;
			color:gray;}

h3 			{font-size:12px;
			text-align:left;
			color:white;}

h4 			{font-size:11px;
			text-align:left;
			color:white;}
			
ol			{font-size:12px;
			text-align:left;
			margin-left:-25px;
			color:white;
			list-style-type:decimal-leading-zero;
			list-style-position:outside;
			font-weight:bolder;}	
			
#quer-bilder li{ font-size:12px;
			font-weight:bolder;
			margin-top:1em;}	

/*a:link 		{ color:#999999; }
a:visited 		{ color:#666666; }*/
a:link 		{ color:white; }

a:visited 		{ color:white; }
a:active 		{ color:#FFFFFF; }
a:hover  	 	{ color:orange; }
a img 		{ border-width:1px; border-style:solid; border-color:transparent; }
a:hover img 	{ border-width:1px; border-style:solid; border-color:transparent; }

#menu-lexikon a:link, #lexikon a:visited {color:gray;text-decoration:none;list-style-type: none;}
#menu-lexikon a:hover {
    color:white;
    text-decoration:underline;
    list-style-type: none;
}

#lexikon-untergruppe a:link, #lexikon a:visited {color:gray;text-decoration:none;list-style-type: none;}
#lexikon-untergruppe a:hover {
    color:white;
    text-decoration:underline;
    list-style-type:none;
}

.textfeld a		{text-decoration:none;}
.textfeld a:hover {
    text-decoration:underline;
}


img.klein 		{position:relative;
			margin-left:0px;
			padding:0px;
			width:100px;
			background-color:gray;
    cursor:pointer;
}

img.ganz-klein 		{position:relative;
			margin-left:0px;
			padding:0px;
			width:75px;
			background-color:gray;
    cursor:pointer;
}

img.uebersicht 		
			{position:relative;
			margin:0px;
			padding:0px;
			width:100px;
			}
			

img.vorschau 		
			{position:relative;
			margin-bottom:1em;
			padding:0px;
			}

img.klein_aktuell	{position:relative;
			margin:0px;
			padding:0px;
			width:98px;
			border-width:1px; border-style:solid; border-color:orange;
			background-color:gray;}


#gross		{position:relative;
			float:left;
			margin-left:0px;
			left:100px;
			/*top:50%;*/
            height: 500px;
            /*margin-top:-250px;*/
            background-color:black;}

           
#alles
{
width:1024px;
height:500px;
margin: 0px auto;
top:100px;
background-color:black;
position: relative;
margin-bottom:100px;
}

/*#alles1 	{position:relative;
			width:720px;
			margin: 0px auto;
			background-color:black;
            padding:0px;
            height:4500px;}*/

#alles1 	{position:relative;
			width:720px;
			margin: 0px auto;
			background-color:black;
            padding:0px;
            height:100%;}
           
#menu		{position:absolute;
            text-align: right;
			line-height:2em;
			padding:0px;
			top:0px;
			margin:0px;
			width:80px;
			list-style: none;
			z-index:3;
			/*background-color:pink;*/}

#menu1		{position:relative;
            text-align: right;
			line-height:2em;
			padding:0px;
			top:0px;
			padding-top:75px;
			width:80px;
			list-style: none;
			z-index:3;}


			
#gesamt 	{position:absolute;
			left:200px;
			width:600px;
			height:600px;
			margin:0px auto;
            padding:3em,0em,3em,0em;
			background-color:none;}

#textblock 	{position:absolute;
			float:left;
			padding:0px;
            margin-left:635px;
            /*top:50%;
            margin-top:-235px;*/
			width:250px;
			height:500px;
			overflow:visible;}
			
#textblock p {
			color:gray;
			margin-top:20px;
			font-size:12px;}
			
/*#textblock-lexikon 	
			{position:absolute;
			left:270px;
			top:100px;
			padding:0px;
			overflow:visible;}*/
			
#textblock-lexikon 	
			{position:relative;
			left:250px;
			padding-top:20px;
			padding-bottom:50px;
			width:440px;
			overflow:visible;
			/*background-color:green;*/}

.beispielbilder-lexikon
			{width:500px;}

.fliesstext	{position:relative;
			font-size:12px;
			width:440px;
			/*background-color:red;*/}

#textindex 	{position:absolute;
			float:left;
			margin-left:200px;
			margin-right:110px;
			padding:10px,0px,0px,0px;
			width:500px;
			height:500px;
			overflow:visible;}


p.textfeld	{position: relative;
            color:gray;
			margin-left:100px;
            margin-top:60px;
			font-size:12px;
            }

p.links	{position: relative;
            color:gray;
			margin-left:100px;
            margin-top:60px;
			font-size:12px;
            line-height:2em;
            }

p.textfeld_projekt{position:relative;
			color:gray;
			margin-top:20px;
			font-size:12px;}

#kleine_bilder	{position:absolute;
			/*float:right;*/
			padding:0px;
			/*margin-right:0px;*/
            /*top:50%;
            margin-top:-250px;*/
			width:100px;
			height:500px;
            right:0px;
			background-color:black;}


			
#lexikonbild {position:absolute;
			float:right;
			padding:0px;
            bottom:50%;
            z-index:0;
            margin-bottom:-250px;
			
            right: 30px;
			/*list-style: none;*/
			}

#lexikonbild-gross {
			padding:0px;
            z-index:0;
           }
            
#lexikonbild-gross img{
			margin-left:20px;}

#lexikonbild-klein {position:absolute;
			float:right;
			padding:0px;
            bottom:50%;
            z-index:0;
            margin-bottom:-150px;
            right: 30px;
			}

#quer_bilder{position:relative;
            text-align:left;
            left:90px;
            width:560px;
			padding-left:50px;
			margin:0px;
			height:auto;
			padding-bottom:50px;
			font-size:12px;}


#quer_bilder a	{text-decoration:none;
			margin-bottom:2em;
			padding:0px;
			width:600px;
			}

.quer		{
            float:left;
			margin-bottom:3em;
			padding:0px;
			width:600px;
			height:100px;
            background-color:none;
         }

#menu-lexikon		{position:relative;
            padding-top:50px;
            margin-left:80px;
         }
         
#menu-lexikon span		
			{
			margin-left:3em;         }

#treppen   {position:relative;
            left:150px;
            width:540px;
            line-height:1.5em;
            padding-top:7em;
            }

.legende   	{position:relative;
			margin-bottom:0.5em;
            font-size: 12px;
			overflow:visible;}
			


#grauer-streifen-menu	{position:absolute;
			width:100px;
			height:500px;
			margin-left:0px;
			z-index:2;
			background-color:#333333;
			}
			
#grauer-streifen-menu1	{position:absolute;
			width:100px;
			height:100%;
			margin-left:0px;
			z-index:2;
			background-color:#333333;
			}
			
#menu a {
    color:white;
    text-decoration:none;
}

#menu1 a {
    color:white;
    text-decoration:none;
}
#menu a:hover {
    color:orange;
    text-decoration:underline;
}

p.weiss {color:white}

#lexikon {position:absolute;
		top:50px;
		left:110px;
		color:gray;
        font-size:12px;
        text-decoration:none;
        list-style-type: none;
        line-height:2em;}
        
#lexikon-untergruppe a {text-decoration:none;}

#lexikon-untergruppe {
		position: absolute;
		text-decoration:none;
        list-style-type: none;
        padding:0px;
        top:100px;
        width:120px;
        left:90px;
        /*background-color:yellow;*/
        }
        
#lexikon-untergruppe img{left:2em;margin-top:3px;}
#lexikon-untergruppe > div{margin-left:2em;margin-top:1em;}
        
 .din 	{position:relative;
 		width:320px;
		font-size:12px;
		margin-right:20px;
		}
		
.din table {width:100px;
		}
.din th {text-align:left;
		height:8em;
		}
		
.box_rotate {text-align: left;
		width:5em;
     -moz-transform: rotate(270deg);  /* FF3.5+ */
       -o-transform: rotate(270deg);  /* Opera 10.5 */
  -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
			}
			
#trennlinie {position:relative; top:10px; width:100%; background-color:#333333;color:#333333;height:2px;
  border:0px solid #333333;padding:0px;}
  
#vertikale-linie {position:absolute; left:220px; width:2px; background-color:#333333;height:100%;
  border:0px solid #333333;margin-top:10px;padding:0px;}