/******************************************************/
	/***************** Allgemeine Styles ******************/
	/******************************************************/

body
{
	margin: 0;
	padding: 0;
	background: url(../imgs/bg.gif) repeat-y #fff;
	background-position: top center;
	text-align: center;
}

#mainwrapper
{
	padding: 0;
	width: 900px;
	font-family: "Arial", "Tahoma", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 13px;
	position: relative;
}

#banner
{
	padding: 0;
	margin: 0;
}

h1
{
	font-size: 20px;
}

h2
{
	font-size: 16px;
	margin-bottom: 5px;
}

img
{
	border: 0;
}



	/******************************************************/
	/********************* Menüpunkte *********************/
	/******************************************************/

#navigation
{
	width: 900px;
	text-align: center;
	position: relative;
	margin-top: 12px;
	margin-bottom: 30px;
}

.mp
{
	position: absolute;
	top: 0px;
	height: 36px;
	margin: 0;
	text-decoration: none;
}

.activ
{
	height: 85px;
}

.ueberuns
{
    left: 30px;
    width: 127px;
    background: url(../imgs/mp_ueberuns.gif);
}

.regionen
{
    left: 140px;
    width: 112px;
    background: url(../imgs/mp_regionen.gif);
}

.fachbereiche
{
    left: 242px;
    width: 165px;
    background: url(../imgs/mp_fachbereiche.gif);
}

.service
{
    left: 394px;
    width: 106px;
    background: url(../imgs/mp_service.gif);
}

.fotos
{
    left: 490px;
    width: 180px;
    background: url(../imgs/mp_fotos.gif);
}

.links
{
    left: 658px;
    width: 98px;
    background: url(../imgs/mp_links.gif);
}

.guestbook
{
    left: 744px;
    width: 136px;
    background: url(../imgs/mp_guestbook.gif);
}


	/******************************************************/
	/******************** Content Box *********************/
	/******************************************************/

#contentBoxHeader
{
	height: 18px;
}

#contentBoxFooter
{
	height: 27px;
}

#contentBoxBody
{
	text-align: left;
	background: url(../imgs/border_side.gif);
}

#contentBoxBodySide
{
	width: 900px;
	/* Das sollte die Mindestgröße sein da man sonst den Verlauf zu stark sieht */
	height: 510px;
	background: url(../imgs/border_content.gif) repeat-x;
}

#contentwrapper
{
	padding: 45px 30px 12px 35px;
	margin: 0;
}

	/******************************************************/
	/********************** Content ***********************/
	/******************************************************/

#content
{
	padding-right: 15px;
	text-align: left;
}

#content a, #content a:active, #content a:visited
{
   	color: #006065;
	font-weight: bold;
    text-decoration: none;
}

#content a:hover
{
    text-decoration: underline;
}

#content a.linkMore
{
	display: block;
}

#content p
{
	margin: 0;
}

.cleaner
{
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 5px;
}


	/******************************************************/
	/********************** Sidebar ***********************/
	/******************************************************/

#sidebar
{
	width: 244px;
	padding: 0;
	margin: 0;
}

#sidebar ul
{
	margin: 10px 10px 0 10px;
	padding: 0;
	display: block;
	color: #818282;
	font-size: 12px;
}

#sidebar ul li
{
	margin: 0 0 5px 12px;
	list-style: none;
}

#sidebar ul ul
{
	padding: 2px 0;
	margin: 5px 0 0 10px;
	border: 0;
	color: #9D9FA0;
	font-size: 12px;
}

#sidebar ul a, #sidebar ul a:active, #sidebar ul a:visited, #sidebar .mPoint
{
   	color: #006065;
	font-weight: bold;
    text-decoration: none;
}

#sidebar ul a:hover
{
    text-decoration: underline;
}

#sidebar ul ul a, #sidebar ul ul a:active, #sidebar ul ul a:visited
{
   	color: #818282;
	font-weight: normal;
    text-decoration: none;
}

#sidebar ul ul a:hover
{
    text-decoration: underline;
}

#sidebar li img, #sidebar h2 img
{
	margin: 0;
	padding: 0;
}

#sidebar .map
{
 	margin-top: 10px;
}


	/******************************************************/
	/********************* Guestbook **********************/
	/******************************************************/

#content .gbook
{
	width: 550px;
	text-align: left;
}


	/***********************************************************
	****************** Formular-Formatierung *******************
	***********************************************************/

#content #formular
{
	width: 500px;
}

#formular div.row
{
	clear: both;
}

#formular div.row span.label
{
	float: left;
	width: 100px;
	text-align: right;
}

#formular div.row span.form
{
  float: right;
  width: 380px;
  text-align: left;
}

input, textarea
{
	border: 1px solid #006065;
	width: 350px;
}

.button
{
	clear: both;
	background: #006065;
	color: #FFFFFF;
	width: 130px;
	margin-top: 15px;
}


	/***********************************************************
	****************** Tabellen-Formatierung *******************
	***********************************************************/

td
{
	vertical-align: top;
	color: #006065;
	font-family: "Arial", "Tahoma", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 13px;
}

.border
{
	border: 2px solid #006065;
}

hr
{
	border-bottom: 1px solid #006065;
	height: 1px;
}

    /******************************************************/
    /******************** Bilderarchiv ********************/
    /******************************************************/

div.pic
{
        float: left;
        margin: 5px 3px;
        width: 130px;
        text-align: center;
}

div.pic p
{
        margin: 2px 0 5px 0;
        text-align: center;
	    Font-Size: 11px;
}


.piccleaner
{
        clear: both;
        margin: 0;
        padding: 0;
        font-size: 5px;
}

    /******************************************************/
    /************** News / Fotoarchiv Eintrag *************/
    /******************************************************/

.report
{
	width: 100%;
	margin-bottom: 20px;
}

.report td
{
	line-height: 16px;
	padding: 0;
	margin: 0;
	text-align: justify;
}

.report h1
{
	text-align: left;
}

.report .appointment td
{
	text-align: left;
	padding: 5px 0;
	vertical-align: middle;
	border-bottom: 1px solid #000000;
}

.centered
{
	text-align: center;
}