
/* Verhalten des Body-Bereichs
*/
body{
    
    font-size:smaller;
    font-family:verdana,arial,helvetica,sans-serif;
    font-color:#000000;
    background-color:#fff;
    margin:30px;
}
    /* Die ganze sichtbare Website
    */
    #website{
        padding:50px;
        
    }
        /* Kopfbereich (Header)
        */
        #headertop{
        	position:absolute;
        padding:5px;
       
       left:40px; top:10px; bottom:10px; width:80%;  #fff;
        margin-bottom:10px;
        z-index:3;
        }

        #header{
        	position:absolute;
        padding:10px;
       
       left:140px; top:20px; bottom:30px; width:80%;  #fff;
        margin-bottom:10px;
        z-index:3;
        }
        
         /* sprachen auswahl
        */
        #lang_de {position:absolute; padding:10px; margin:0; bottom:0; left:650px; display:block; width:45px; height:10px; font-size:1em; z-index:1; overflow:hidden; background-color:transparent; color:#black;}#lang_en {position:absolute; padding:10px; margin:0; bottom:0; left:690px; display:block; width:40px; height:10px; font-size:1em; z-index:1; overflow:hidden;  background-color:transparent; color:#black;}


  #lang_de_unterseiten_gs {position:absolute; padding:10px; margin:0; bottom:0; left:10px; display:block; width:30px; height:10px; font-size:1em; z-index:100; overflow:hidden; background-color:transparent; color:#black;}#lang_en_unterseiten_gs {position:absolute; padding:10px; margin:0; bottom:0; left:30px; display:block; width:30px; height:10px; font-size:1em; z-index:100; overflow:hidden;  background-color:transparent; color:#black;}

       #left {
      	position:absolute; 
      	left:150px; top:140px; bottom:30px; width:210px;  #fff; 
      	font-size:1.2em; 
      	z-index:4; 
      	overflow:auto; 
      	
      	background-repeat:no-repeat;}
      
        /* Navigation
        */
         #navigation{
         margin-left: 0px;
         
        }

            /* horizontal-Navi */
            .nav li {
            display: inline;
            font-size: 1.1em;	font-family: Helvetica, Arial, Verdana;
	font-style: normal;	font-weight: bold;	color: #000000;
            list-style-type: none;
            padding:0;margin:0;
            }

         
                /* Navigation Linkverhalten horizontal-Navi
                */
                .nav li a                
                                                {
                                                display: inline;
                                                font-family: Helvetica, Arial, Verdana;
	                                            font-style: normal;	                                            font-weight: bold;	                                            color: #000000;
                                                background-color:#white;
                                                padding-left:10px;
                                                padding-right:10px;
                                                text-decoration:none;
                                               
                                                }
                .nav li a:hover          
                                                {
                                                display: inline;
                                                font-family: Helvetica, Arial, Verdana;
	                                            font-style: normal;	                                            font-weight: bold;	                                            color: #ff0000;
                                                 text-decoration:underline;
                                                
                                                }
                                                
                .nav li a:active,#active 
                                                {
                                                display: inline;
                                                cursor:default;
                                                font-family: Helvetica, Arial, Verdana;
	                                            font-style: normal;	                                            font-weight: bold;	                                            color: #fff;
                                                background-color:silver !important;
                                                text-decoration:none;
                                                }
                                                
                .nav li a:visited        
                                                {
                                                display: inline;
                                                background-color:white;
                                                }
                                                
               
                
        /* Der eigentliche Inhalt der Sites
        */
        #inhalt{
        clear:both;       /* <-- für horozontal-Navi neu hinzu */
        margin-top:30px;  /* <-- für horozontal-Navi neu hinzu */
            margin-left:0px;padding:10px;line-height:150%;
                       
        }
        #content {overflow:auto; 
        position:absolute; top:100px; bottom:100px; left:300px; hight:500px; width:70%;
        padding-top:15px 
        padding-left:15px 
        padding-right:15px 
        margin-bottom:30px;
        z-index:3; 
        background:#fff;}
        /*Werkbeschreibungsplatz*/
        
 #werkbeschreibung {overflow:auto; 
        position:absolute; top:400px; bottom:100px; left:300px; hight:120px; width:650px;
        padding:20px 
        margin-bottom:30px;
        padding-top:10px;
        padding-left:5px;
        padding-right:5px;
        z-index:4; 
      background:#fff;
      border-top-width:2px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-color:silver; border-left-color:silver; border-top-color:silver; border-bottom-color:silver; border-top-style:solid; border-right-style:solid; border-bottom-style:dotted; border-left-style:solid;}

      
         /* Die Untermnüs der Seite
        */
        .submenu {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	color: #999999;	text-decoration: none;	font-weight: bold;
	
	}a.submenu:link {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	color: #999999;	text-decoration: none;	font-weight: bold;
	}a.submenu:hover {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	color: #FF3300;	text-decoration: none;	font-weight: bold;    background-color:#ececec;}a.submenu:active {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	color: #999999;	text-decoration: none;	font-weight: bold;}

.list {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #666;	text-decoration: none;}a.list:link {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #666;	text-decoration: none;}a.list:hover {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #666;	text-decoration: underline;}a.list:active {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #666;	text-decoration: none;}a.list:visited {	font-family: Helvetica, Arial, Verdana;	font-size: 14px;	font-style: normal;	font-weight: normal;	color: #666;	text-decoration: none;}
 .untertitel {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.7em;
	font-weight: normal;	color: #666;
}

.titel {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.2em;
	font-weight: bold;	color: #black;
	}

 .newsPreviewTitle2 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;	color: #333;}
	
#contentbild {
	overflow:auto;
	position:absolute;
	z-index:5;
	top:100px; 
	
	bottom:50px; left:490px; right:40px; background:#fff;}

        /* Der Fußbereich (Footer)
        */
       
                     #footer {
                     	position:absolute; 
                     	padding:10px; 
                     	margin:0; bottom:0; left:20%x; 
                     	display:block; width:80%; height:75px; 
                     	font-size:0.8em; z-index:7; overflow:hidden;
                     	border-top-width:2px;                        border-top-style:dotted;
                        border-top-color:silver;
                     	background:#fff; color:#666;}
                     	
                     	#footer_unterseite_gs {
                     	position:relative; 
                     	padding:50px; 
                     	margin:0; bottom:0; left:20%x; 
                     	display:block; width:80%; height:75px; 
                     	font-size:0.8em; z-index:7; overflow:hidden;
                     	border-top-width:2px;                        border-top-style:dotted;
                        border-top-color:silver;
                     	background:#fff; color:#666;}

/* Verhalten bei bestimmten Tags
*/        
h1{margin-top:2px;}
