

<style type="text/css"> */


/* ---------------------
| Rahmenformatierungen |
--------------------- */

::-moz-selection{
background-color: #fff;
color: #fff;
}
 
::selection {
background-color: #fff;
color: #fff;
}


html, body {
  height: 100%; /* Required */
  
}

html {
	height:100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
background-color: #fff;
background-image : url('../../_gfx/background.png');
background-repeat: repeat-x;
overflow-y: scroll; 
overflow-x: hidden;
}

div#margin {
margin: auto;
width: 1280px;
}

div#container {
width: 1034px;
float: left;
background-image : url('../../_gfx/bg_background.png');
background-repeat: repeat-y;
}

div#head {
width: 1000px;
height: 233px;
margin: 0 0 0 17px;
padding: 0;
position: relative;
float: left;
background-image : url('../../_gfx/head_background.png');
background-repeat: no-repeat;
}

div#middle {
width: 1034px;
min-height: 700px;
height:100%;
background-image: url('../../_gfx/bg_background.png');
margin: 0 0 0 0;
padding: 0;
position: relative;
float: left;
}

div#div_intern {
position: absolute;
bottom: 50px;
left: 218px;
z-index: 600;
width: 152px;
padding: 7px 0 7px 13px;
background-color: #CBD6DC;
border-bottom: 1px solid #b8dbef;
border-top: 1px solid #b8dbef;
}

	div#div_intern p {
		padding: 0;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		font-size: 12px;
	}
	
	div#div_intern p a{
		padding: 0;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;	
		display: block;
		color: #2c76a1;
		font-weight: bold;
		font-size: 12px;
	}

	div#div_intern_passwort {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #CBD6DC;
	z-index: 120;
	width: 150px;
	padding: 4px 0 0 0;
	}
	
		input#input_passwort {
		display: block;
		float: left;
		padding: 3px 0;
		}
	#mainpage-passwortbutton {
margin: 0;
float: left;
}

div#back {
width: 302px;
top: 260px;
left: 930px;
position: relative;
float: left;
}

div#div_logo_position {
width: 430px;
height: 120px;	
position: absolute;
top: 64px;
left: 32px;
}

div#div_logo {
width: 400px;
height: 120px;
background-repeat: repeat-x;
margin: 0;
padding: 0;	
position: relative;
}

div#navi {
	width: 600px;
	height: 32px;
	padding: 0px 0 0 0;
	position: absolute;
	top: 0;
	left: 448px;
	z-index: 80;
}

div#pic {
	width: 564px;
	height: 225px;
	position: relative;
	margin: 0 0 0 435px;
	padding: 0;
}

div#pic_content {
	width: 420px;
	height: 354px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 24px;
	background-color: #000;
}

div#withe_back {
	width: 428px;
	height: 366px;
	background-color: #FFF;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 18px;	
}

div#content {
margin:60px 0 0 460px;
padding:0;
width: 500px;
}

div#pic div#div_slideshow {
	position:absolute;
	top:-25px;
	left:0;
	}

div#aktuelles {
	width: 232px;
	float: left;
	position: absolute;
	top: 25px;
	right: -245px;
}



div#footer {
	width: 1033px;
	height: 50px;
	background-image : url('../../_gfx/footer.png');
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0 2px;
	position: relative;
}

div#div_adresse {
	position: absolute;
	right: 122px;
	bottom: 10px;
	z-index: 10;
}

div#div_mail {
	position: absolute;
	left: 34px;
	bottom: 6px;
	z-index: 10;
}

div#div_impressum {
	position: absolute;
	left: 110px;
	bottom: 6px;
	z-index: 10;
}

div#div_lesehilfe {
	position: absolute;
	left: 278px;
	bottom: 6px;
	z-index: 10;
}

div#div_drucken {
	position: absolute;
	left: 370px;
	bottom: 6px;
	z-index: 10;
}

div#link_back {
	width: 120px;
	height: 254px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 374px;
	left: 34px;	
}

div#text {
width: 440px;
position: relative;
}

div#suchen {
	width: 240px;
	height: 40px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 385px;
	left: 220px;	
	z-index: 10;
	}

#login {
	width: 218px;
	height: 78px;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 450px;
	left: 220px;	
	z-index: 10;
	}

div.team{
	position: relative;
	height: 205px;
	width: 170px;
	background-color: #D6E0EB;
	padding: 0;
	margin: 0;
}

div.team2{
	position:relative;
	height:225px;
	width:170px;
	background-color:#D6E0EB;
	padding:0;
	margin:0;
}

div.div_aktuelle_news {
	width: 455px;
	position: relative;
	background-color: #eee;
	float: left;
	border: 1px solid #ccc;
	padding-left: 10px;
	padding-right: 10px;
}

div.div_aktuelle_news_img {
	position: relative;
	float: left;
	margin: 10px 15px 10px 0;
}

div.div_aktuelle_news_img_aktuelles {
	position: relative;
	float: left;
	margin: 0 15px 5px 0;
}

div#div_lauftext {
	position: absolute;
	top: 200px;
	left: 20px;
	width: 390px;
}

p.p_team{
	margin:0 0 0 10px;
}



/* -----------
| Navigation |
-------------- */

#navi ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#navi ul ul {
margin: 27px 0 0 0;
padding: 0;
visibility:hidden;
height: 0;
width: 130px;
display: block;
}

#navi ul li{
width: 90px;
height: 5px;
text-align: center;
float: left;
display: block;
margin: 0 0 0 0;
padding: 5px 5px 0 0;
line-height: 12px;
font-weight: normal;
} 

#navi ul li:hover {
	height: auto;
}

#navi ul li a{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #313C77;
}

#navi ul li a:hover{
font-weight: bold;
color: #333;
}

#navi ul li a.active{
font-weight: bold;
color:#313C77;
}

#navi ul :hover > a{
font-weight: bold;
color:#313C77;
margin: 0;
padding: 0;
}

#navi ul li ul li a:hover{
margin: 4px 0 0 0;
padding: 1px 5px 5px 5px;
font-weight: bold; 
}

#navi ul li ul :hover > a {
font-weight: normal;
color: #313C77;
margin: 4px 0 0 0;
padding: 1px 5px 5px 5px;
}


#navi ul li:hover ul,
#navi ul a:hover ul,
#navi ul a.active:hover ul {
visibility:visible; 
margin: 4px 0 0 0;
padding: 1px 5px 5px 5px;
width: 130px;
display: block;
margin-left: 0px;
}

#navi ul li ul li.active2 a{
color:#2A3575;
font-weight:bold;
}

#navi ul li ul li.active2 {
background-color:#DDE3E8;
}


#navi ul li ul li {
text-align: left;
background-repeat: repeat;
background-image: none;
margin: 4px 0 0 0;
padding: 1px 5px 5px 5px;
height: auto;
width: 130px;
background-color: #fff;
border: 1px #666 solid;
}

#navi ul li ul li:hover {
background-color: #DDE3E8;
}

#navi ul li ul li a{
color: #333;
font-size: 11px;
margin: 4px 0 0 0;
padding: 1px 5px 5px 5px;
width: 130px;
display: block;
font-weight: normal;
}



div#navi ul li#start {
width: 70px;	
}

div#navi ul li#labor {
width: 70px;	
}

div#navi ul li#technik {
width: 100px;	
}

div#navi ul li#patienteninfo {
width: 120px;	
}

div#navi ul li#service {
width: 90px;	
}


		
/* ------------------
| Textformatierungen |
-------------------- */

	div#content p {
	color: #393839;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	}
		div#content p.abstand {
		margin-top: 10px;
		}
		
	div#content h1 {
	color: #313C77;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 25px;
	}
	
	div#content h2 {
	color: #313C77;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin: 32px 0 18px 0;
	}

	div#content h3 {
	color: #393839;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 15px;
	margin: 32px 0 18px 0;
	}

	
	div#content ul li {
	color: #313C77;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	list-style: circle;
	list-style-position: outside;
	}
	
	div#content ul li p{
	color: #393839;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	}
	
	div#footer div#div_adresse p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #313C77;
	}
	
	div#footer div#div_impressum a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	}
	
	div#footer div#div_mail a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none; 
	}
	
	div#footer div#div_lesehilfe a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #313C77;
	text-decoration: none;
	}
	
	div#footer div#div_drucken a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #313C77;
	text-decoration: none;
	}
	
	h1.title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #313C77;
	position:relative;
	top: 0px;
	left:0px;
	}
	
hr {
	margin: 25px 0;
	border: 1px solid #96b0cc;
}

h2.h2_aktuelles {
display: block;
background-color: #56698f;
width: 221px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
padding: 4px 3px 4px 8px;
margin: 0;
float: left;
}

div.div_news_pic_position-part p {
color: #444;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
padding: 0;
margin: 0;
float: left;
}

div#div_lauftext marquee {
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
font-size: 15px;
color: #444;
}

/* ------------------
| Linkformatierungen |
-------------------- */
a {
	color: #666666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

#footer a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #313C77;
}

a.a_mehr {
	font-size: 12px;
	position: absolute;
	bottom: -15px;
	right: 0;
}

/* --------------
| Form-Elemente |
----------------- */
input {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#mainpage-suchbutton {
margin: 0px 0 0 3px;
}

img{
border:none;
}

#submit2 {
margin-top: 10px;
}

input#suchtext {
font-size: 12px;
color: #444;
width: 180px;
padding: 3px 3px 3px 5px;
}

hr {
	margin-left: 6px;
	color: #cccccc;
}

hr.hr_aktuelles {
	width: 500px;
	color: #cccccc;
}
/* ------------------
| Bildformatierungen |
-------------------- */
img#img_headpic{
position:relative;
z-index:2;
margin:0;
padding:0;
}

img#img_logo {
	width: 342px;
	height: 100px;
	position: relative;
	margin:0;
	padding:0;
	border: none;
	}

img#img_contentpic{
position:relative;
z-index:2;
margin:0;
padding:0;
}

img#mediworkx {
float: left; 
position: absolute; 
top: 10px; 
left: 830px;
}

img#psk{
width: 99px;
height: 97px;
position:absolute;
z-index:2;
top: 382px;
left: 0px;
border: none;
}

img#dgzi{
width: 78px;
height: 80px;
position:absolute;
z-index:2;
top: 490px;
left: 8px;
border: none;
}

img#dentaleexellenz{
width: 78px;
height: 95px;
position:absolute;
z-index:2;
top: 588px;
left: 8px;
border: none;
}

div#suchen form div#Text{
float:left;
}

img#img_picup_left {
width: 302px;
top: -80px;
left: -286px;
position: relative;
float: left;
}

img#img_picup_right {
width: 200px;
top: -240px;
left: 1016px;
position: relative;
float: left;
}

img#img_pic {
width: 302px;
top: 260px;
left: 964px;
position: relative;
float: left;
border: none;
}

img#img_anfahrt{
float:left;
position:relative;
margin:0 0 15px 0;
padding:0;
}

img#team{
margin:5px 0 0 5px;
padding:0;
}

td#td_vom, td#td_bis_zum, td.vom_bis input, td input{
color: #393839;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

img.aktuelles_pic {
width: 230px;
margin: 10px 0 8px 0;
padding: 0;
float: left;
border: 1px solid #56698f;
}

img.aktuelles_pic_all_img {
width: 200px;
padding: 0;
float: left;
border: 1px solid #56698f;
margin: 0;
}

img.aktuelles_pic_all {
width: 180px;
padding: 0;
float: left;
border: 1px solid #56698f;
}

img.large_pic {
position: absolute;
bottom: 0;
right: 0;
}

img#img_neues_aus_unserem_labor {
position: absolute;
top: 50px;
left: 380px;
z-index: 50;
display: none;
}

/* --------------
| Media-Queries |
--------------- */

@media (max-width: 1280px) {
	
	img#img_neues_aus_unserem_labor {
	display: block;
	}

	div#aktuelles {
	display: none;
	}
	
	div#margin {
	width: 1034px;
	}
	
}