/*  ++++++++++++++++++++++++  */
/*  Formatierung HTML + BODY  */
/*  ++++++++++++++++++++++++  */

*
{
	padding: 0;
	margin: 0;
}

html
{
	width: 100%;	
	height: 100%;
	top: 0;
	background: url("/images/hg.jpg"); 
}

body 
{		
	color: #000;
	font-family: arial, Times New Roman, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.2em;
	margin: 20px auto;
	width: 770px;
}

a
{
	color: #802537;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung DIVs, die den Rahmen der ganzen Seite bilden  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#outer
{
	border: 6px solid #e6e8ed;
}

#outer_1
{
	border: 2px solid #5c7387;
}

#outer_2
{
	border: 2px solid #d2d5de;
}


#content
{
	width: 750px;
	background: #f1f2f5;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Kopfbereich mit Logo                          */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#header
{
	background: url("/images/logo.gif") 50% 50% no-repeat;
	height: 90px;
}

#header h1
{
	display: none;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Navigation                                    */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#navcontainer
{
	background: #d2d5de;
}

#navcontainer ul
{
	font-size: 11pt;
	text-align: center;
	padding: 5px 0;
}

#navcontainer ul li
{
	display: inline;
	margin-left: -4px;
	
}

#navcontainer ul li a
{
	color: #122e45;
	padding: 5px 20px;
	text-decoration: none;
	font-weight: bold;
}

#navcontainer ul li a:hover
{
	background: #697d90;
}


#navcontainer #auswahl
{
	background: #697d90;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Werbefoto                                     */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#picture
{
	height: 200px;
	border-bottom: 2px solid #d2d5de;
}

#picture h2
{
	display: none;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Struktur Inhalt                               */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#maincontent
{
	text-align: left;
	padding: 20px;
}

#links
{
	width: 220px;
	float: left;
}


#rechts
{
	width: 468px;
	float: right;
	font-size: 90%;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung linke Werbespalte                             */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.werbung dl
{
	background: #e2e4ea;
	width: 100%;
	margin: 0 0 30px 0;
	overflow: hidden;
}


.werbung dl dt
{
	background: #c4cad5;
	padding: 5px 10px;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	color: #122e45;
}

.werbung dl dd
{
	font-size: 80%;
	text-align: left;
}


.werbung dl dd img
{
	text-align: center;
	border: none;
	display: block;
	margin: 10px 0px;
}



.werbung dl .thema
{
	font-weight: bold;	
	width: 100%;
	margin: 5px 0;
}

.werbung dl .text
{
	wwidth: 100%;
	margin: 10px;
}


.werbung .textfeld
{
	border: 1px #88a0b4 solid;
	background: #fff;
	height: 20px;
	width: 200px;
	margin: 0 10px 10px 10px;
	font-size: 80%;
}

.werbung .suche
{
	margin: 0 10px 10px 10px;
}


.werbung dl ul
{
	list-style: none;
	padding: 10px;
}

.werbung dl strong
{
	display: block;
}


.werbung dl .dokument
{
	margin-bottom: 10px;
	padding: 0 0 0 20px;
	background: url("/images/auf.gif") top left no-repeat;
}

.werbung dl li
{
	margin-bottom: 10px;
}



.werbung dl .bild
{
	height: 100px;
	width: 100%;
	background: url("/images/dipps.jpg") top left no-repeat; 
	margin-bottom: 5px;
}


.werbung dl .bild1
{
	height: 100px;
	width: 100%;
	background: url("/images/dresden.jpg") top left no-repeat; 
	margin-bottom: 5px;
}

.werbung dl .bild2
{
	height: 100px;
	width: 100%;
	background: url("/images/motiv.jpg") top left no-repeat; 
	margin-bottom: 5px;
}


.werbung dl li a:hover
{
	color: #802537;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Inhalt                            */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#maincontent #rechts h1
{
	font-weight: bold;
	font-size: 105%;
	border-bottom: 1px solid #c4cad5;
	color: #122e45;	
	margin-bottom: 10px;	
	padding-bottom: 5px;
}


#maincontent #rechts h2
{
	font-size: 90%;
	margin-bottom: 5px;
	color: #122e45;
	font-weight: bold;
}


#maincontent #rechts p
{
	font-size: 90%;
	margin-bottom: 20px;		
}

#maincontent #rechts dl
{
	font-size: 90%;
	margin-bottom: 20px;		
	margin-left: 60px;
}

#maincontent #rechts dt
{
	float: left;
	width: 250px;
}

#maincontent #rechts dd
{
	float: left;
	width: 50px;
	text-align: right;
}



#maincontent #rechts table
{
	border-collapse: collapse;
	font-size: 90%;
	margin-bottom: 20px;
}

#maincontent #rechts table th, #maincontent #rechts table td
{
	padding: 5px 20px 5px 0px;
	text-align: left;
	border-bottom: 1px solid #E6E8D9;
	vertical-align: top;
}

#maincontent #rechts .steuertermin td
{
	padding: 5px;
	text-align: left;
	border-right: 1px solid #E6E8D9;	
	border-left: 1px solid #E6E8D9;		
	vertical-align: top;
}

#maincontent #rechts .steuertermin .rechts
{
	text-align: right;
}


#maincontent #rechts .steuertermin th
{
	background: #c4cad5;
	padding: 5px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #c4cad5;	
	font-weight: bold;	
}


#maincontent #rechts fieldset
{
	border: none;
}

#maincontent #rechts label
{
	font-size: 90%;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 10px;
}


#maincontent #rechts .rand
{
	float: left;
	margin-bottom: 10px;
}




#maincontent #rechts .aufzaehlung
{
	list-style: none;
	padding: 10px;
	font-size: 90%;	
}


#maincontent #rechts .aufzaehlung li
{
	margin-bottom: 10px;
	padding: 0 0 0 20px;
	background: url("/images/auf.gif") top left no-repeat;
}


/*  +++++++++++++++++++++++++++  */
/*  Mitarbeiterboxen  */
/*  +++++++++++++++++++++++++++  */

div.mitarbeiter
{
	background-color: #f5f5f8;
	border: 1px solid #e2e4ea;
	border-bottom: 2px solid #e2e4ea;
	padding: 10px;
	margin-bottom: 20px;
	color: #122e45;
}

div.mitarbeiter img
{
	border: 1px solid #c4cad5;
	float: left;
	width: 210px; height: 210px;
	margin: 0 10px 10px 0;
}

div.mitarbeiter p
{
	margin-left: 0;
	font-size: 90%;	
}

div.mitarbeiter div.info_links
{
	clear: left;
	float: left;
	width: 210px;
	margin-right: 10px;
}
div.mitarbeiter div.info_links p
{
	margin: 0.5em;
}

#rechts #mitarbeiter dd.text img
{
	width: 200px;
	mmargin: 0 0 1em 0;
}




/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Fußbereich                                    */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#footer
{
	clear: both;
	padding-top: 20px;
	width: 708px;
	font-size: 70%;
}

#footer ul
{
	text-align: center;
	list-style: none;
}

#footer ul li
{
	display: inline;
	padding: 0 5px; 
}








/*  ++++++++++++++++++++++  */
/*  Formatierung Usability  */
/*  ++++++++++++++++++++++  */

#usability
{
	clear: both;
	float: right;
	width: 154px;
	border-top: 1px solid #7F99B2;
	margin-top: 20px;
}

#usability ul
{
	float: right;
	margin: 15px 0 25px 0;
	padding: 0px 0px 10px 0px;
	list-style: none;
}

#usability li
{
	padding: 0px 10px 0px 0px;
	float: left;
}




/*  +++++++++++++++++++++++++++  */
/*  Seitenübergreifende Befehle  */
/*  +++++++++++++++++++++++++++  */

.not_IE, .clearer
{
	clear: both;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.mitte
{
	text-align: center;
}