/***********************************/
/* general elements
/***********************************/

* { /*counts for all elements*/
	margin: 0 ;
	padding: 0 ;
}

body {	
	background-image: url(gfx/verlauf_bg.gif) ;
	background-repeat: repeat-x ;
	background-color: #FFFFFF ;
	border: none ;
	font-family: Verdana,sans-serif ;
	font-size: 10pt ;
	line-height: 13pt ;
	color: #444444 ;
	text-align: left ;
	overflow: scroll; /* FF scrollbar workaround*/
}

img {
	border: 0 ;	
	vertical-align:bottom /* images are by default aligned on type groundline therefore "unterlängen" like in g and j are visible as gaps*/
}

table {
	width: 608px;
}

td.left { 
	vertical-align:top;
	width: 304px;
	padding: 0 25px 0 0;
}

td.right { 
	vertical-align:top;
	width: 304px;
	padding:  0 25px 0 0;	
}


p {
	/* text-align: justify;*/
	margin: 0 0 15px 0;
}




/***********************************/
/* elements
/***********************************/

#container {
	background-image: url(gfx/bg.jpg) ;
	background-repeat: no-repeat ;
    position: absolute ;
    left : 50%;
	width: 609px ;
	margin : 0 0 0 -304px;
}

#head {
}

#nav_right {
	margin : -40px 0 0 445px;
}

#nav_sub {
}

#nav_sub_right {
	margin : -27px 0 0 327px;
}

#nav_sub_right_honorare {
	margin : -27px 0 0 176px;
}

#verlauf {
	background-image: url(gfx/verlauf_unter_nav.jpg);
	width: 608px;
	height: 23px;
}


#content_bg {
	position: float;
	width: 608px;
	text-align: left;
	background-image: url(gfx/verlauf_inhalt.jpg);
	background-repeat: repeat-y;
}

/* content with outlines */
#content_full {
	position: float;
	width: 600px;
}

/* content without outlines */
.content_col_both {
	position: float;
    margin : 0 35px 0 35px;
	padding: 0 35px 0 0;
	width: 538px;
}


#content_col_left {
	position: float;
	float: left;
    margin: 0 25px 0 25px ;
	width: 49% ;
	text-align: left ;
}

#content_col_right {
	position: float;
	float: right;
    margin: 0 25px 0 310px ;
	width: 49%;
	text-align: left;
}


#bottom {
	text-align: left ;
	width: 624px ;
	height: 95px ;
	background-image: url(gfx/abschluss.jpg) ;
}
#bottom_nav {
	position: absolute;
	float: none;
	text-align: left;
	padding: 35px 0 0 20px;	
	font-family:Verdana,sans-serif;
	font-size:8pt;
	text-decoration:none;
	color: #999999;
}
#bottom_copyright {
	text-align: right ;
	float: none;
	padding: 49px 42px 0 0;	
	font-size: 7.5pt;
	line-height: 10pt;
	color: #999999;
}


#bottom_reflection {
	text-align: left ;
	width: 624px ;
	height: 104px ;
	background-image: url(gfx/abschluss_spiegel.jpg) ;
}


#t_container {
	position: float;
	width: 600px;
	height: 222px;
}


#t_leistungen{
	float: left;
	padding: 10px 10px 0 11px;
	width: 254px ;
	height: 204px ;
}

#t_profil {

	margin: 202px 30px 0 0;
	padding: 220px 30px 0 0;
	width: 257px ;
	height: 204px ;
}

#t_profil_content {
	float: right;
	padding: 20px 10px 0 0;
	width: 257px ;
	height: 204px ;
}

.pdf_icon {
	width: 11px;
	height: 12px;
	background-image: url(gfx/icon_pdf.gif);
	margin: 0 6px 2px 0; /* IE */
	margin /**/: 0 6px 3px 0; /* other browsers*/
	padding: 0;
}


.vdd_logo {
	margin: 0 0 0 45px;
}



/***********************************/
/* table honorare
/***********************************/

#table_honorare {
	width: 100%;
	border-collapse: collapse;
}

#table_honorare th {
	background: #5c9e19;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}
/*
#table_honorare th {
	background: #0a64be;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}
*/

#row_1 td {
	padding: 3px 5px 3px 5px;
}

#row_2 td {
	background: #d2ebaa;
	padding: 3px 5px 3px 5px;
}
/*
#row_2 td {
	background: #9fc0e2;
	padding: 3px 5px 3px 5px;
}
*/
#cell_1 {
	text-align: left;
}

#cell_2 {
	text-align: right;
}
#cell_3 {
	text-align: right;
}



/***********************************/
/* workarounds
/***********************************/

#preload {
	/* images 0x0px */
	display: none;
	/*visibility: hidden;*/
	position: fixed;
}

#force_scroll{
	bottom: -0.1px;
	position: absolute;
	top: 0;
	width: 1em;
	z-index: -1;
}


/* hide from print view */
.print_hide {
}

/* hide from screen view */
.screen_hide {
	display: none;
	visibility: hidden;
}




/***********************************/
/* text
/***********************************/

h1 { font-size:13pt; font-weight: bold; color: #749f2f; margin: 0 0 20px 0; padding: 5px 0 0 0;}
h2 { font-size:10pt; font-weight: bold; color: #749f2f; margin: 25px 0 5px 0;}
h3 { font-size:10pt; font-weight: bold; color: #555555; margin: 0 0 5px 0;}
strong { font-size:10pt; font-weight: bold; color: #555555; }
#small {font-size: 7.5pt; line-height: 10pt; color: #999999;}


A:link, A:visited, A:active {font-family:Verdana,sans-serif; font-size:10pt; text-decoration:none; color: #0033cc;}
A:hover {font-family:Verdana,sans-serif; font-size:10pt; text-decoration:underline; color:#749f2f;}

.clear.A:link, .clear.A:visited, .clear.A:active, .clear.A:hover {
	text-decoration:none;
}


ul {
	list-style-image: url(gfx/bullet_2.gif);
	list-style-position: outside;
	margin: 0 0 0 19px;
	padding: 0;
}

li {
	margin-bottom: 11px;
	padding: 0;
}







/***********************************/
/* nav main
/***********************************/

/* nav position and size*/ 
.nav_home {
	position: absolute ;
	width: 58px;
	height: 40px;
}
/* nav link, image contains both states, LOWER PART shows INACTIVE version*/
a.nav_home:link, a.nav_home:visited, a.nav_home:active {
	background: url(gfx/nav_home.gif) no-repeat 0 -40px;
}
/* nav link, image contains both states, UPPPER PART shows ACTIVE version*/
a.nav_home:hover {
	background: url(gfx/nav_home.gif) no-repeat 0 0;
}
/* active nav position and size*/ 
/* if link is active all states of href are the same */
.nav_home_active {
	position: absolute;
	width: 58px;
	height: 40px;
	background: url(gfx/nav_home.gif) no-repeat 0 0;
}


.nav_profil {
	position: absolute;
	width: 60px;
	height: 40px;
	margin: 0 0 0 58px;
}
a.nav_profil:link, a.nav_profil:visited, a.nav_profil:active {
	background: url(gfx/nav_profil.gif) no-repeat 0 -40px;
}
a.nav_profil:hover {
	background: url(gfx/nav_profil.gif) no-repeat 0 0;
}
.nav_profil_active {
	position: absolute;
	width: 60px;
	height: 40px;
	margin: 0 0 0 58px;
	background: url(gfx/nav_profil.gif) no-repeat 0 0;
}


.nav_leistungen {
	position: absolute;
	width: 95px;
	height: 40px;
	margin: 0 0 0 118px;
}
a.nav_leistungen:link, a.nav_leistungen:visited, a.nav_leistungen:active {
	background: url(gfx/nav_leistungen.gif) no-repeat 0 -40px;
}
a.nav_leistungen:hover {
	background: url(gfx/nav_leistungen.gif) no-repeat 0 0;
}
.nav_leistungen_active {
	position: absolute;
	width: 95px;
	height: 40px;
	margin: 0 0 0 118px;
	background: url(gfx/nav_leistungen.gif) no-repeat 0 0;
}


.nav_honorare {
	position: absolute;
	width: 84px;
	height: 40px;
	margin: 0 0 0 213px;
}
a.nav_honorare:link, a.nav_honorare:visited, a.nav_honorare:active {
	background: url(gfx/nav_honorare.gif) no-repeat 0 -40px;
}
a.nav_honorare:hover {
	background: url(gfx/nav_honorare.gif) no-repeat 0 0;
}
.nav_honorare_active {
	position: absolute;
	width: 84px;
	height: 40px;
	margin: 0 0 0 213px;
	background: url(gfx/nav_honorare.gif) no-repeat 0 0;
}





.nav_blog {
	position: absolute;
	width: 59px;
	height: 40px;
	margin: 0 0 0 297px;
}
a.nav_blog:link, a.nav_blog:visited, a.nav_blog:active {
	background: url(gfx/nav_blog.gif) no-repeat 0 -40px;
}
a.nav_blog:hover {
	background: url(gfx/nav_blog.gif) no-repeat 0 0;
}
.nav_blog_active {
	position: absolute;
	width: 59px;
	height: 40px;
	margin: 0 0 0 297px;
	background: url(gfx/nav_blog.gif) no-repeat 0 0;
}


.nav_kontakt {
	position: absolute;
	width: 74px;
	height: 40px;
	margin: 0 0 0 356px;
}
a.nav_kontakt:link, a.nav_kontakt:visited, a.nav_kontakt:active {
	background: url(gfx/nav_kontakt.gif) no-repeat 0 -40px;
}
a.nav_kontakt:hover {
	background: url(gfx/nav_kontakt.gif) no-repeat 0 0;
}
.nav_kontakt_active {
	position: absolute;
	width: 74px;
	height: 40px;
	margin: 0 0 0 356px;
	background: url(gfx/nav_kontakt.gif) no-repeat 0 0;
}








/***********************************/
/* nav sub Leistungen
/***********************************/
.nav_sub_beratungsspektrum {
	position: absolute ;
	width: 145px ;
	height: 27px ;
}
a.nav_sub_beratungsspektrum:link, a.nav_sub_beratungsspektrum:visited, a.nav_sub_beratungsspektrum:active {
	background: url(gfx/nav_sub_beratungsspektrum.gif) no-repeat 0 -27px;
}
a.nav_sub_beratungsspektrum:hover {
	background: url(gfx/nav_sub_beratungsspektrum.gif) no-repeat 0 0;
}
.nav_sub_beratungsspektrum_active {
	position: absolute ;
	width: 145px ;
	height: 27px ;
	background: url(gfx/nav_sub_beratungsspektrum.gif) no-repeat 0 0;
}


.nav_sub_behandlungsspektrum{
	position: absolute ;
	width: 175px ;
	height: 27px ;
	margin: 0 0 0 145px ;
}
a.nav_sub_behandlungsspektrum:link, a.nav_sub_behandlungsspektrum:visited, a.nav_sub_behandlungsspektrum:active {
	background: url(gfx/nav_sub_behandlungsspektrum.gif) no-repeat 0 -27px;
}
a.nav_sub_behandlungsspektrum:hover {
	background: url(gfx/nav_sub_behandlungsspektrum.gif) no-repeat 0 0;
}
.nav_sub_behandlungsspektrum_active {
	position: absolute ;
	width: 175px ;
	height: 27px ;
	margin: 0 0 0 145px ;
	background: url(gfx/nav_sub_behandlungsspektrum.gif) no-repeat 0 0;
}



.nav_sub_einzeln {
	position: absolute ;
	width: 107px ;
	height: 27px ;
	margin: 0 0 0 206px ;
}
a.nav_sub_einzeln:link, a.nav_sub_einzeln:visited, a.nav_sub_einzeln:active {
	background: url(gfx/nav_sub_einzeln.gif) no-repeat 0 -27px;
}
a.nav_sub_einzeln:hover {
	background: url(gfx/nav_sub_einzeln.gif) no-repeat 0 0;
}
.nav_sub_einzeln_active {
	position: absolute ;
	width: 107px ;
	height: 27px ;
	margin: 0 0 0 206px ;
	background: url(gfx/nav_sub_einzeln.gif) no-repeat 0 0;
}








/***********************************/
/* nav sub Honorare
/***********************************/

.nav_sub_uebersicht {
	position: absolute ;
	width: 82px ;
	height: 27px ;
}
a.nav_sub_uebersicht:link, a.nav_sub_uebersicht:visited, a.nav_sub_uebersicht:active {
	background: url(gfx/nav_sub_uebersicht.gif) no-repeat 0 -27px;
}
a.nav_sub_uebersicht:hover {
	background: url(gfx/nav_sub_uebersicht.gif) no-repeat 0 0;
}
.nav_sub_uebersicht_active {
	position: absolute ;
	width: 82px ;
	height: 27px ;
	background: url(gfx/nav_sub_uebersicht.gif) no-repeat 0 0;
}





.nav_sub_liquidation {
	position: absolute ;
	width: 96px ;
	height: 27px ;
	margin: 0 0 0 82px ;
}
a.nav_sub_liquidation:link, a.nav_sub_liquidation:visited, a.nav_sub_liquidation:active {
	background: url(gfx/nav_sub_liquidation.gif) no-repeat 0 -27px;
}
a.nav_sub_liquidation:hover {
	background: url(gfx/nav_sub_liquidation.gif) no-repeat 0 0;
}
.nav_sub_liquidation_active {
	position: absolute;
	width: 96px;
	height: 27px;
	margin: 0 0 0 82px;
	background: url(gfx/nav_sub_liquidation.gif) no-repeat 0 0;
}









/***********************************/
/* nav bottom
/***********************************/

a.nav_bottom:link, a.nav_bottom:visited, a.nav_bottom:active
{
	font-family: Verdana,sans-serif;
	font-size: 7.5pt;
	text-decoration: none;
	color: #999999;
}
a.nav_bottom:hover {
	font-family: Verdana,sans-serif;
	font-size: 7.5pt;
	text-decoration: underline;
	color: #669933;
}










/***********************************/
/* mouseover
/***********************************/

.btn_top {
	position: absolute;
	text-align: left;
	margin: 42px 0 0 297px;
	width: 16px;
	height: 25px;
}

a.btn_top:link, a.btn_top:visited, a.btn_top:active {
	background: url(gfx/btn_top.gif) no-repeat 0 -25px;
}
a.btn_top:hover {
	background: url(gfx/btn_top.gif) no-repeat 0 0;
}