﻿/* Grundlegendes Design */
img { 
border: 0px none;
}

div.footer {
	clear: both;
}


/* Hauptgerüst */

body {
	background: #737373;
	font-family: verdana;
	font-size: 9pt;
}

div#main_case {
	width: 990px;
	margin: 20px auto;
	background: #ffffff;
}

/* Head */

div#top_case{
	height: 120 px;
}

img.top_logo {
	padding: 15px;
	height: 70px;
	float: left;
}

img.top_picture{
	float: right;
}

/* Head -> Top Navigation */
div#top_navigation {
	height: 20px;
	background: #d0df5f;
	text-align: right;
}


#top_navigation a{
	color: #000000;
	text-decoration: none;
	height: 20px;
	font-size: 11pt;
	padding: 0px 10px 2px;
	border-color: #888888;
	border-left-width: 1px;
	border-left-style: solid ;
}

#top_navigation a:hover{
	color: #000000;
	background-color: #59c8ee;
	text-decoration: none;
}




/* Left Navigation*/
div#middle_case{
	background-image:	url(img/navigationbackground.jpg); 
	background-repeat:	repeat-y ;
} 

div#left_middle_case {
	width: 200px;
	float: left;
}

div#left_navigation {
	width: 200px;
	background: #ffffff;
	font-size: 10pt;
	padding: 25px 0px 25px;
}

#left_navigation ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	border-color: #888888;
	border-top-width: 1px;
	border-top-style: solid;
		
}

#left_navigation li {
	padding: 4px 0px 4px 4px;
	border-color: #888888;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #ffffff;
}

#left_navigation ul li ul{
	padding: 4px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	border-top-width: 0px;
}

#left_navigation li ul li {
	border-color: #888888;
	padding: 2px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 0px;
}

#left_navigation .link_select{
	background-image:	url(img/linkselect.jpg); 
	background-repeat:	repeat-x ;
}



.opennavipoint {
	list-style-image: url("img/list_icon_open.gif");
}

#left_navigation a{
	color: #000000;
	text-decoration: none;
}

div#left_contactdata {
	padding: 20px;
	color: #606060 ;
	font-weight: bold;
	
}

div#left_contactdata div{
	width: 30px;
	float:left;
}

div#SSO_Logo{
	padding: 50px 25px;
}

div#SSO_Logo img{
	width: 150px;
}



/* Content*/

div#content_middle_case{
	padding: 14px 10px 10px;
	width: 768px;
	float: right;
	text-align: justify;
}

div#content_middle_case div.text1{
	padding-left: 10px;
	width: 538px;
	float: left;
}
div#content_middle_case div.text2{
	padding-left: 10px;
	width: 758px;
	float: left;
}

/* Content -> headline*/
div#content_middle_case h1{
	width: 768px;
	float: left;
	margin: 5px 0px 15px;
	padding: 0px;
	font-weight: normal ;
	border-color: #d0df5f;
	border-bottom-width: 2px;
	border-bottom-style: dotted ;
		font-size: 19pt;
	
}

div#content_middle_case h2{
	width: 768px;
	float: left;
	margin: 5px 0px 15px;
	padding: 0px;
	font-weight: normal ;
	border-color: #d0df5f;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-size: 14pt;
}

div#content_middle_case h3{
	width: 758px;
	float: left;
	margin: 5px 0px 15px;
	padding: 0px;
	font-weight: normal ;
	font-size: 12pt;
}

/* Content -> link*/
div.toplink{
	float: right
}

div.toplink a{
	text-decoration: none;
	font-style: italic;
}

div.toplink a:visited {
	color: 0000FF;
}
.center {
	text-align: center;
	}

/* Content -> image*/
div.case_image_right {
	float: right;
	width: 220px;
}

div.case_image_right img{
	width: 200px;
	margin: 0px 0px 15px 15px;
}

div.image_middle {
	text-align: center;
	margin: 5px 0px;
}

/* Content -> list*/
div#content_middle_case  ul {
	padding: 5px 0px 5px 25px;
	margin: 0px;
	list-style-image: url(img/list_icon_close.gif);
}

div#content_middle_case  ul  ul{
	padding: 0px 0px 0px 17px;
}

div#content_middle_case li {
	padding: 2px 0px;
}

/* Content -> table*/
table.bilder2 {
	text-align: center;
	border-spacing: 8px;
	width: 744px;
}

table.bilder2 img {
	width: 372px;
}

table.bilder3 {
	text-align: center;
	border-spacing: 6px;
	width: 744px;
}

table.bilder3 img {
	width: 248px;
}

table.bilder4 {
	text-align: center;
	border-spacing: 4px;
	width: 744px;
}

table.bilder4 img {
	width: 186px;
}

table.text1 {
	text-align: center;
	margin: 10px;
}

table.text1 td{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 5px;
}

/* Content -> individual*/
div.textbig {
	text-align: left;
	padding: 10px;
	float: left;
	font-size: 11pt;	
}


div.times {
	text-align: left;
	margin: 30px 50px 50px;
	float: left;
	font-size: 11pt;	
}
div.times div.value{
	width: 100px;
	float: left;
}

div.timespicture{
	float: right;
	margin-right: 70px;
	margin-bottom: 10px;
}



div.contact {
	text-align: left;
	margin: 30px 50px 50px;	
	float: left;
	font-size: 11pt;	
}

div.contact div.value{
	width: 100px;
	float: left;
}

div.contactpicture{
	float: right;
	width: 300px;
	margin-top: 25px ;
	margin-right: 70px;

}

div.anfahrt {
	margin: 10px ;
	float: left;
	width: 470px;
}
div.anfahrtsidepic{
	float: right;
	width: 250px;
	margin: 10px;
}

div.anfahrtadress {
	font-size: 11pt;
	margin: 10px ;
	float: left;
	width: 470px;	
}

div.anfahrtbvb {
	margin: 10px ;
	padding: 10px;
	background-color: #dddddd;
}

div.anfahrtbvb .case{
	margin: 5px 0px;
}

div.anfahrtbvb .button{
	width: 250px;
	text-align: left;
}

div.anfahrtbvb .value {
	width: 100px;
	float: left;
}

div.hometext {
	margin: 10px;
	float: left;
	font-size: 10pt;
	width:	450px;
}

div.homepicture {
	margin: 10px;
	float: right ;
}

div.homepicture img {
	width: 
	250px;
}
div.homepanorama{
	margin: 10px;
}



div.visiontext {
	float: left;
	width: 508px;
	font-size: 10pt;
}

div.desc{
	padding-left: 10px;
}

div.visiontext h4 {
	width: none;
	margin: 0px 0px 10px;
	padding: 0px;
	font-weight: normal ;
	border-color: #d0df5f;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-size: 14pt;
}


div.visionimage {
	float: left;
	width: 230px;
	margin: 20px 0px 10px 20px;
}

div.visionimage img{
	width: 230px;
}

div.praxisimage {
	float: left;
	width: 230px;
	margin: 0px 0px 10px 20px;
}

div.praxisimage img{
	width: 230px;
}

div.praxispanorama{
	margin: 0 0 20px;
}	