body 
	{
	background-image: url('http://www.oskarsellschopp.de/018a.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: top center;
	font-size: 	16px;
	font-family:Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif;
	line-height:20px;
	color:		#257070;
	padding:	0px 0px 0px 0px;
	margin:		0px;
	}

/* link formatierungen */

	
a 
	{
	color: 		#004B4B
	}

a:visited 
	{
	color:		#004B4B
	}

a:hover 
	{
	color: 		#0000FF;
	}

a:active 
	{ 
	color:		#FF0000;
	}

/* überschriften */

h1 
	{
	font-size: 	30px; 
	font-weight:normal;
	color:		#257070;
	padding:    15px 0px 15px 0px;
	margin:		0px;
 	}

h2 
	{
	font-size: 	18px;
	font-weight:normal;
	padding:    5px 0px 5px 0px;
	margin:		0px;
	}



#seitenbereich 
	{
	background-color:#CFF;
    width: 	930px;
    height:    auto;
    margin: 	0 auto;
    margin-top: 10px;
	padding: 0px 20px 0px 30px;
	border-width:medium;
    border-top : groove;
    border-left: groove;
    border-right: groove;
    border-bottom: groove;
	}
/* oberer Menübereich */
#navi {
   text-align:center;             /* Textausrichtung     */
   font-size: 	18px;
   font-weight: bold;         /* fett     */ 
   color: black;              
  
}
 
#navi ul {
   list-style:none;               /* keine Aufzählungspunkte */
}
 
#navi li { 
   float: left;                   /* Anordnung Mitte   */
   margin-left:10px;               /* Außenabstand links */                    /* Höhe des Links  */
   margin-top:5px;
   margin-bottom:0px;
   width: auto                       /* Breite des Links  */
   height: 14px; 
   background-color:#7ECFDA;        /* Hintergrundfarbe  */
   border-top:0px black solid;     /* Rahmenfarbe Auflistungpunkt oben */
   border-left:0px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:0px red solid;    /* Rahmenfarbe unten  */
   border-right:0px blue solid;    /* Rahmenfarbe unten  */
   
   padding-top:2px;                /* Innenabstand oben  */
   padding-bottom:2px;             /* Innenabstand unten */
   padding-left:6px;               /* Innenabstand unten */
   padding-right:6px;              /* Innenabstand unten */
}
#navi a
{
    text-decoration: none;
    } 
#navi li:hover
	{
	background:	#00FFFF
	}



/* kopf logo container */

#kopfbereich 
{    
	height: 200px;                                 /* Bildhöhe */
	width: 230px;                                /* Bildbreite */
    margin: 20px 0px 0px 30px;                       /* Außenabstand */
	padding: 	30px;                              /* Innenabstand */
	background: #FFFF00;                              /* Hintergrundfarbe */
    background-image: url(Bilder/emblem1.png);     /* das Headerbild (Emblem) */
    background-position: left;                     /* Bild nach links schieben... */
    background-repeat: no-repeat;                  /* ... und nur ein Mal darstellen */
    float: left;                                   /* schön den Text rechts vorbei laufen lassen */
	
    }
    #navibereich
{
	height: 45px;                                /* bereichshöhe */
	width:930px;
    margin: 	0 auto;                                     /* bereich zentrieren */
    margin:  0px 30px 0px 0px;                              /* Außenabstand */
	padding: 0px 30px 20px 20px;                              /* Innenabstand */
	background: #FFFFFF;                             /* Hintergrundfarbe */
    background-position: center;                     
    background-repeat: no-repeat;                  /* ... und nur ein Mal darstellen */
                                      

    }
    #textbereich /*einspaltige Seite mit rechtsseitigem Menü*/
	{
	height: 0 auto;
	width:970px;
    margin: 	0 auto;
    background: #00FF00;
	margin:     20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: right; 
	}

/* inhalt */


/* code darstellung */

pre 
	{ 
	padding:    10px;
	border:		3px solid #e5efb0;
	background:	#fbfcf2;
	margin:		10px 0px 10px 0px;
	}

code 
	{
	color:		#73b0df; 
	font-weight:bold
	}

/* linker Menübereich */

#steuerunglinks 
	{
	float: 		right;
	width: 		10em;
	margin: 	2px 20px 2px 2px;
	padding:	8px;
	}

#steuerunglinks li
{
    background-color:  #fff;
    border-top:1px black solid;     /* Rahmenfarbe Auflistungpunkt oben */
   border-left:1px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;    /* Rahmenfarbe unten  */
   border-right:1px blue solid;
    list-style-type: none;
    margin-top: 2px;
    margin-right: 0px;
    
    text-align: center;    
}

#steuerunglinks a
{
    text-decoration: none;
}

#steuerunglinks p
	{
	padding:    8px;
	color:	silver;
	}

#steuerunglinks ul
	{
	list-style-type:none;
	padding: 	0px;
	margin: 	0px;
	border-bottom:0px;
	}

#steuerunglinks li a 
	{
	font-size: 	12px;
	text-decoration:none;
	font-weight:bold;
	padding: 	6px 5px 6px 10px;
	}



#steuerunglinks li:hover
	{
	background:	silver;
	}
#menuelinks
	{
	float: 		left;
	width: 		10em;
	margin: 	8px;
	padding:	5px;
	}

#menuelinks li
{
    background-color:  #fff;
    border-top:1px black solid;     /* Rahmenfarbe Auflistungpunkt oben */
   border-left:1px orange solid;  /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;    /* Rahmenfarbe unten  */
   border-right:1px blue solid;
    list-style-type: none;
    margin-top: 2px;
    margin-right: 0px;

    text-align: center;
}

#menuelinks a
{
    text-decoration: none;
}

#menuelinks p
	{
	padding:    8px;
	color:	silver;
	}

#menuelinks ul
	{
	list-style-type:none;
	padding: 	0px;
	margin: 	0px;
	border-bottom:0px;
	}

#menuelinks li a
	{
	font-size: 	12px;
	text-decoration:none;
	font-weight:bold;
	padding: 	6px 5px 6px 10px;
	}



#menuelinks li:hover
	{
	background:	silver;
	}
/* footer */

#fussbereich
	{
	clear: 		left;
	width:      970px;
	padding: 	0;
	margin: 	0 auto;
	margin:     0px 0px 0px 0px;
	background: #FFFF00;
	color: #366;
	text-align: center;
    
}
	
#uhr a
{
    text-decoration: none;
    border-style: none;
    color:#366;
}

#safersite img
{
    text-decoration: none;
    border-style: none;
    color: #366;
}

#copyright
{
    font-size: x-small;
}
/* -----------------  Classes -----------------------------------*/

.ausrichtung_oben    
{ 
    vertical-align:top;
}
.bild_mitte
{
    float: right;
    margin: 50px;
}

.bild_rechts
{
    float: right;
    margin: 10px;
}
.bild_rechts7
{
    float: right;
    margin:0px 0px 0px 0px;
}
.bild_links
{
    float: left;
    margin:10px 10px 10px 0px; 
}
.bild_links7
{
    float: left;
    margin:0px 45px 10px 0px;
}