/* generelles ***********************************************************************************************************************************************************************************/

*               { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
html, body  	{ text-align: center; background-color: #DCDCD1; padding: 10px 0px 0px 0px; margin: 0px; }

table           { border-collapse: collapse; background-color: #BCBCA9; }
td   			{ padding: 2px; }
a               { color: #000000; }

hr              { margin: 20px 0px; }

#aussen         { width: 840px; margin: auto; }
#kopf, #links, #rechts, #mitte
				{ vertical-align: top; }


/* strukturelemente *****************************************************************************************************************************************************************************/

.box			{ text-align: left; margin: auto; background-color: #FFFFFF; font-weight: normal; border: 1px solid black; }

.link			{ }
.link a			{ display: block; width: 100%; font-size: 12px; }
.link a:hover	{ background-color: #CCCCCC; }


/* designelemente *******************************************************************************************************************************************************************************/

.abstand        { height: 10px; margin: 0px !important; padding: 0px !important; }

.zentriert		{ text-align: center; }
.linksbuendig   { text-align: left; }
.rechtsbuendig  { text-align: right; }
.blocksatz      { text-align: justify; }
.fett, .fett *	{ font-weight: bold; }
.gross, .gross *{ font-size: 14px; }
.sehrgross, .sehrgross *
				{ font-size: 16px; }
.riesig, .riesig *
				{ font-size: 20px; }
.klein, .klein *{ font-size: 9px; }
.grau, .grau *  { color: #999999; }

.tab_links      { width: 100px;  float: left; }
.tab_rechts     { }
.ueberschrift         { font-size: 24px; text-decoration:underline; color:#CC0000; }

/* kopf *****************************************************************************************************************************************************************************************/

#kopf           { background-color: #FFFFFF; padding: 0px 0px; }

#kopf .link    	{ text-align: center; }
#kopf .link a  	{ width: 167px; float: left; padding: 2px 0px; border: 1px solid #BCBCA9; border-bottom-style: none; border-left-style: none; font-size: 14px; font-weight: bold; }
#kopf a.letzter { width: 168px; border-right-style: none; }

#kopf a.rot:hover
				{ background-color: #8A1521; color: #FFFFFF; }
#kopf a.blau:hover
				{ background-color: #182260; color: #FFFFFF; }


/* links & rechts *******************************************************************************************************************************************************************************/

#links, #rechts	{ width: 140px; }

#rechts         { padding-top: 15px; }

#links .box, #rechts .box
				{ width: 125px; margin-top: 0px; padding: 2px; margin-bottom: 10px; }
#links > .box, #links > img, #links > a > img
				{ margin-left: 8px; }
#rechts > .box, #rechts > img, #rechts > a > img
				{ margin-right: 8px; }

#links img, #rechts img
				{ border-style: none; margin-top: 1px; }


/* hauptinhalt **********************************************************************************************************************************************************************************/

#mitte          { }

#mitte .linksbuendig
				{ width: 510px; margin-top: 0px; padding: 0px 10px; }
				
#mitte .box     { width: 510px; margin-top: 0px; padding: 10px; }
#mitte .box .box{ width: 450px; margin: auto; }

/* fuss *****************************************************************************************************************************************************************************************/

#fuss           { margin-top: 10px; }