/* Erstellt von Robert Jung am 27.10.09 */
/* Firma: Telemedia Interactive Grafik Abteilung */
/* Domain: http://www.zahnbehandlungbalaton.de, http://www.zahnbehandlung-balaton.de */
/* FTP-Ordner: /ds */
/* Email: rj@telemedia-interactive.de */

html
{
	overflow-y:scroll;
}
html, body {
	margin:0 0 20px; 0;
	padding:0;
	background-image:url(../img/background.jpg);
	background-repeat:repeat-x;
	background-color:#b5b5b5;
	font-family:verdana, arial, sans-serif;
	scrollbar-base-color:#22a4d5;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-highlight-color:#000;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff;
	text-align:center;
	color:#666;
}


/*######  Grundlegende Formatierung Beginn */

a, a:visited, a:active { font-size:1.0em; text-decoration:none; color:#22a4d5; }
a:hover { color:#666; }

hr {
	border:0px solid #ccc;	
	border-top:1px solid #ccc;
	margin:40px 0;
}

img
{
	border:0;
}
div#bilder a img, .bildFloat, .imgBorder, imgBorderFloat, div#bilderBlock1 a img, div#bilderBlock2 a img {
border-left:5px solid #d0e5a7;
border:1px solid #ccc;
margin:0px 2px 5px 2px;
padding:4px;
}
.bildFloatALT {
border-left:5px solid #d0e5a7;
border:1px solid #ccc;
margin:24px 2px 5px 15px;
padding:3px;
float:right;
}
h1 {
	position:relative;
	font-size:0.8em;
	color:#666;
	line-height:1.5em;
	border-bottom:5px solid #eee;

}
h4 {
	position:relative;
	font-size:0.9em;
	color:#666;
	line-height:1.4em;
	left:55px;
	padding-left:10px;
}
h2 {
	font-size:0.9em;
	color:#666;
}
h5 {
	font-size:0.9em;
	color:#666;
	line-height:1.0em;
	border-bottom:1px solid #ccc;
	margin-bottom:0px;
	padding-bottom:4px;
}
h6 {
	margin-top:13px;
	color:#00c000;
	font-size:0.9em;
	margin-bottom:0px;
	padding-bottom:0px;
	line-height:1.4em;
}
p {
	position:relative;
	font-size:0.9em;
	color:#666;
	line-height:1.4em;
}
p.faq {
	margin-top:1px;
}
ul {
	position:relative;
	font-size:0.9em;
	color:#666;
	line-height:1.4em;
}
/* Grundlegende Formatierung Ende */


/* Layout Beginn  */
#box {
	position:relative;
	width:980px;
	margin:20px auto;
	background-color:#000;
	background-image:url(../img/center2.jpg);
	text-align:left;
}
#header {
	position:relative;
	width:980px;
	height:113px;
	background:url(../img/head.jpg);
	background-repeat:no-repeat;
	}
#bild{
	background-image:url(../img/content.jpg);
	background-repeat:no-repeat;
	}
#bild404{
	background-image:url(../img/content404.jpg);
	background-repeat:no-repeat;
	}
#content {
	position:relative;
	width:980px;
	float:left;
	background-image:url(../img/center2.jpg);
	background-repeat:repeat-y;
}
#footer {
	position:relative;
	clear:both;
	width:980px;
	height:76px;
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
}

/* Layout Ende */

/* Navigation Beginn */

/* Navigation oben */
#navi
{
	position:relative;
	top:88px;/* 88 */
	width:900px;
	margin-left:116px;
}
#navleiste {
	float:left;
	background:url(../button/navleft.jpg);
	width:26px;
	height:25px;
	}
#nav a, #nav a:visited, #nav a:active {
	float:left; 
	padding:4px 15px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	border-left:1px solid #fff;
	background-color:#00cc00;
	}
#nav a:hover, #aktive a {
	float:left; 
	padding:4px 15px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	border-left:1px solid #fff;
	background-color:#666;
	}
/* Navigation links */
#navilinks {
	padding-left:0px;
}
#subnav{
		position:relative;
		border-bottom:1px solid #eee;
	}
#navilinks a, #navilinks a:visited, #navilinks a:active {
	color:#999;
	font-size:12px;
	text-decoration:none;
	line-height:25px;
	background-image:url(../img/bullet_n.gif);
	background-position: 0px;
	background-repeat:no-repeat;
	}
#navilinks a:hover, #navilinks #aktive, #navilinks #aktiveAlt {
	color:#00cc00;
	font-size:12px;
	text-decoration:none;
	line-height:25px;
	background-image:url(../img/bullet_o.gif);
	background-position: 0px;
	background-repeat:no-repeat;
	}
#navilinks #aktive {
	padding-left:15px;
	}
#navilinks #aktiveAlt {
	padding-left:12px;
	}
#sitemap_head {
	position:relative;
	font-size:12px;
	padding:1px 0;
	color:#666;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	}
#sitemap a, #sitemap a:visited, #sitemap a:active {
	color:#00cc00;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	background-image:url(../img/bullet_o.gif);
	background-position: 2px;
	background-repeat:no-repeat;
	}
#sitemap a:hover, #sitemap #aktive {
	color:#666;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	background-image:url(../img/bullet_n.gif);
	background-position: 2px;
	background-repeat:no-repeat;
	}
#sitemapsub a, #sitemapsub a:visited, #sitemapsub a:active {
	color:#666;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	background-position: 0px;
	background-repeat:no-repeat;
	}
#sitemapsub a:hover, #sitemapsub #aktive {
	color:#00cc00;
	font-size:12px;
	text-decoration:none;
	line-height:20px;
	background-position: 0px;
	background-repeat:no-repeat;
	}
#abst {
	padding-left:15px;
	}
#abstAlt {
	padding-left:12px;
	}
#abstsitemap {
	padding-bottom:10px;
	}	
#screenshots
{
	position:relative;
	width:130px;
	height:120px;
}
#spot2, #spot3 {margin-top:20px;}

#spot1 a {float:left; width:130px; height:81px; background-image:url(../button/screenshot1_n.jpg);}
#spot2 a {float:left; width:130px; height:81px; background-image:url(../button/screenshot2_n.jpg);}

#spot1 a:hover {background-image:url(../button/screenshot1_o.jpg);}
#spot2 a:hover {background-image:url(../button/screenshot2_o.jpg);}

#spotlink {
	font-size:10px;
	line-height:18px;
}
#spotlink a, #spotlink a:visited, #spotlink a:active {
	color:#666;
	font-size:10px;
	}
#spotlink a:hover {
	color:#00cc00;
	}

#screenshots_Grafik
{
	position:relative;
	width:130px;
	height:156px;
	border-bottom:1px solid #aaa;
	padding: 5px 0 0px 0;
}
a:link#grafikLink1, a:visited#grafikLink1, a:active#grafikLink1 {
	position:absolute;
	background-image:url(../button/screenshot1_grafik_n.jpg);
	width:133px; 
	height:156px;
}
a:hover#grafikLink1 {
	background-image:url(../button/screenshot1_grafik_o.jpg);
}

a:link#grafikLink2, a:visited#grafikLink2, a:active#grafikLink2 {
	position:absolute;
	background-image:url(../button/screenshot2_grafik_n.jpg);
	width:133px; 
	height:156px;
}
a:hover#grafikLink2 {
	background-image:url(../button/screenshot2_grafik_o.jpg);
}



#footerlink { margin-left:10px;	} /* Link im Footer */

/* Navigation Ende */
#footer_text
{
	position:relative;
	top:65px;
	left:42px;
	color:#fff;
	font-size:0.7em;
	margin-bottom:90px;
	font-weight:normal;
}

/* content Beginn */

#image {
	position:relative;
	width:922px;
	height:289px;
	left:31px;
}
#image_alternative {
	position:relative;
	width:922px;
	height:289px;
	left:30px;
}
#bilder {
	padding:5px 0px;
	}
#bildanzeige {
	margin:18px 0 0 78px;
	width:400px;
	padding:1px 0;
	}
#bildinfo {
	text-align:center;
	border-left:1px solid #00cc00;
	border-right:1px solid #00cc00;
	width:300px;
	margin-left:60px
	}
#content_left {
	position:relative;
	width:155px;
	top:20px;
	left:30px;
	float:left;
	}
#middle {
	position:relative;
	top:20px;
	left:33px;
	width:598px; 
	margin:0 16px 0 6px ;
	padding:0 8px 40px 8px;
	border-left:1px solid #00cc00;
	border-right:1px solid #00cc00;
	float:left;
	}
html.* #middle { width:619px } 
#content_rechts {
	position:relative;
	width:120px;
	top:20px;
	left:23px;
	padding: 0 0px;
	float:left;
	}
/* content Ende */

/* Formular beginn */
#flaeche {
		margin-bottom:15px; 
}
#form_head {
	position:relative;
	font-size:12px;
	padding:5px 0;
	color:#666;
	font-weight:bold;
	margin-bottom:15px;
	background-color:#eee;
	}
#formtext {
	padding-left:5px;
	}
#form {
	position:relative;
	float:left;
	width:130px;
	color:#666;
	height:16px;
	font-size:12px;
	padding:3px 0 1px 5px;
	border:0px solid red;
}
#formupload {
	position:relative;
	float:left;
	width:485px;
	color:#666;
	height:16px;
	font-size:12px;
	padding:0px 0 3px 5px;
	margin: 0px 0 3px 0;
	border:0px solid red;
	}
#formuploadLabel {
	margin-left:91px;
	width:320px;
	}
#xbox
{
	width:18px;
	padding-right:3px; 
	color:#f00;
	}
input {
	width:202px;
	}
input, textarea, select {
	border:1px solid #ccc;
	color:#666;
	overflow: hidden;
	padding-left:2px;
	margin-bottom:2px;
	margin-left:0;
	}
* *:first-child+body #browser_inputPLZ { width:46px;} /* Mozilla */
*:not(hr) #browser_inputOrt { width:145px; }  /* Mozilla */
*:not(hr) input { width:201px; }  /* Mozilla */
*:not(hr) input, textarea, select { margin-bottom:5px }  /* Mozilla */
*.* #browser_inputPLZ { width:46px } 
*.* #browser_inputOrt { width:150px } 


.IE {
	width:145px; 
	}
.IEplz {
	width:46px;
	}
.radio {
	border:none;
	margin-bottom:0px;
}
#submit, #reset {
	border:1px solid #aaa;
	color:#fff;
	background-color:#666;
	padding:1px 0 0 2px;
	margin:10px 4px 0 0;
	width:150px;
	}
*:not(hr) #submit, #reset { padding:2px 12px }  /* Mozilla */
#rahmenrotU {
	border:1px solid #f00;
	}
/* Formular Ende */

/* Berechnungsbeispiele */
#legendegrau
{
	float:left;
	position:relative;
	width:30px;
	height:12px;
	background-color:#888;
	margin-right:5px;
	margin-left:0px;
	}
#legendegr
{
	float:left;
	position:relative;
	width:30px;
	height:12px;
	background-color:#00cc00;
	margin-right:5px;
	}
#legendetext
{
	position:relative;
	float:left;
	color:#666;
	font-size:9px;
	margin-right:20px;
	} 
/* Berechnungsbeispiele Ende */
  
/* Sonstiges */  
#trenner
{
	border-bottom:1px solid #ddd;
}
/* Sonstiges Ende */
#siegel {
	position:relative;
	background-image:url(../img/siegel.jpg);
	width:120px;
	height:121px;
	top:10px;
	}