/* Basis */
body          { background: #EEEEEE; 
                font-family: Times New Roman; 
				font-size: 12pt;
				text-decoration: none;
				color: #000000;
				font-style: normal;
				font-weight: normal;
				margin: 0px; padding: 0px; }

/* Bilder sollen keine Umrandung haben */
img				{ border: 0 }

hr				{}

h1, h2, h3, p	{ text-decoration: none; color: #000000; } 

h1				{ font-size: 24pt; font-style: normal; font-weight: bold; text-align: center; }
h2				{ font-size: 16pt; font-style: italic; font-weight: bold;    }
h3				{ font-size: 14pt; font-style: normal; font-weight: bold;  }
p				{ font-size: 12pt; font-style: normal; font-weight: normal;  }

a				{ text-decoration: none; color: #0000FF; }
a:hover			{ text-decoration: none; color: #8888FF }

h2 a			{ color: #000000; }
h2 a:hover		{ color: #666666; }

small			{ font-size: 10pt }

/* Unsichtbarer Container */
#invisible      { visibility: hidden; }

/* Seitencontainer */
#site            { position: absolute; background: white; 
                   width: 790px; height: auto; left: 10px; right: auto; top: 10px; bottom: auto;
				   margin: 0px; padding: 0px; border: 1px solid #000000; }


/* Container für die einzelnen "Frames" */
#head			 { position: relative; width: 790px; height: 120px; left: 0px;  right: 0px;  top: 0px; bottom: 0px; float: left;  margin: 0px;              padding: 0px;     border: 0px;}
#navi            { position: relative; width: 160px; height: auto;  left: 0px;  right: 0px;  top: 0px; bottom: 0px; float: left;  margin: 0px;              padding: 0px; border: 0px; background: #FFC91C;  }
#content         { position: relative; width: 600px; height: auto;  left: 0px;  right: 0px;  top: 0px; bottom: 0px; float: right; margin: 0px;              padding: 5px;     border: 0px; text-align: left;}
#foot            { position: relative; width: 790px; height: auto;  left: auto; right: auto; top: 0px; bottom: 0px; float: right; margin: 20px 0px 0px 0px; padding: 3px 0px; border: 0px; text-align: center; background: #07358D; }


/* Farbverlauf oberhalb der Navi */
#navitop         { background: url(http://www.dpsg-grossostheim.de/img/back_side.gif);  left:0; right:0; height: 10px; border: 0px; margin: 0px; padding: 0px; font-size: 13px; }
#navibottom      { background: url(http://www.dpsg-grossostheim.de/img/back_side2.gif); left:0; right:0; height: 10px; border: 0px; margin: 0px; padding: 0px; font-size: 13px; }

/* Navi als Aufzaehlung */
#navi ul		 { padding: 0px; margin: 0px; border: 0px solid black; }   
#navi li		 { list-style-type: none;  
				   margin: 3px 1px 0px 1px; padding: 2px 3px;  border: 0px solid black; 
                   line-height: 100%; font-weight: bold; text-align: left; } 
#navi a       	 { font-weight: bold; color: black; text-decoration: none; }
#navi a:hover 	 { font-weight: bold; color: #FFFFFF; background: #000000; text-decoration: none }


/* Seitenfuß */
#foot p          { font-weight: normal; color: white; text-decoration: none  }
#foot a          { font-weight: bold; color: white; text-decoration: none }
#foot a:hover    { font-weight: bold; color: white; background: black; text-decoration: none }




/* Kasten um Objekt */
.box             { padding: 3px 3px 3px 3px; border: 1px solid #000000 }
.greybox         { padding: 3px 3px 3px 3px; border: 1px solid #000000; background: #CCCCCC }

/* graue boxen */
.grey1           { margin: auto; padding: 0px; border: none; background: #CCCCCC }
.grey2           { margin: auto; padding: 0px; border: none; background: #EEEEEE }