/* Basic Styles */
a:link { font-weight:bold; color:#2266B6; text-decoration:none }
a:visited { font-weight:bold; color:#2266B6; text-decoration:none }
a:hover { font-weight:bold; color:#F9AE1E; text-decoration:none }
body { height:100%; margin:0px; font-family:Arial,Helvetica,sans-serif; font-size:100.01%; color:#303030; background-color:#2266B6 }
h1 { font-size:160%; font-weight:bold; margin-top:0px; margin-bottom:16px }
h2 { font-size:115%; font-weight:normal; margin-top:0px; margin-bottom:16px }
html { height:100% }
img { border:0px }
ol { margin-left:0px; margin-top:0px; margin-bottom:16px; padding-left:20px }
p { margin-top:0px; margin-bottom:16px }
ul { margin-left:0px; margin-top:0px; margin-bottom:16px; padding-left:20px; list-style-type:square; color:#A72D3B }
ul li { padding-bottom:6px }
ul div { color:#696A6C }
span.nowrap { white-space:nowrap }

/* Page Components */
#distance { width:1px; height:50%; margin-bottom: -312px; float:left; background-color:#2266B6 }
#outer-container { position:relative; width:960px; height:624px; margin:0px auto; font-size:100%; clear:left }
body.faq #distance { margin-bottom:-350px }
body.faq #outer-container { height:700px }

#header { width:100%; height:122px }
body.layout-nav-left #header { width:842px; float: left }

#top-title { float:left; font-size:165%; color:#B1CBE8 }
#logo { margin-top:54px; margin-right:20px; float:right }
#content,
#inner-content {
	background-color:#FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#map {  }

.content-nav-block-left { width:96px; height:605px; margin-right:16px; float:left }
.content-nav-block-left img { display:block; margin-bottom:1px }

.content-index { width:958px; height:479px; padding-top:1px; color:#FFFFFF; background-color:#2266B6 }
.content-std { width:924px; height:462px; padding:16px 16px 0px 16px; overflow:auto }
.content-std-nav-left { width:810px; height:462px; padding:16px 16px 0px 16px; overflow:auto; float: left }
.content-contents { width:842px; height:478px; color:#303030; overflow:hidden; float:left }
.content-faq {
	background:none !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
}
.content-faq-video-block,
.content-zahnarzt-video-block { position:relative; width:485px; height:383px; padding:18px; float:left }
.content-zahnarzt-video-block { width:625px }

.content-faq-video-block { margin-right:8px; margin-bottom:4px; float:none }

#contentblock-photo { width:388px; height:100%; position:relative; margin-right:0px; overflow:hidden; float:left }
#contentblock-text { width:294px; margin-right:30px; padding-top:84px; float:left }
#contentblock-nav { width:130px; height:100%; position:relative; float:left }
#contentblock-photo-layout2 { width:428px; height:100%; position:relative; overflow:hidden; float:left }
#contentblock-text-layout2 { width:330px; margin-right:30px; padding-top:84px; float:left }
#contentblock-nav-layout2 { width:130px; height:100%; position:relative; margin-right:40px; float:left }

.video-contents { position:relative; left:-150px; top: -32px; width:484px; height:264px; overflow:hidden }

#footer { margin-top:12px; text-align:center; font-size:70%; color:#CADEF5 }
#footer a, #footer a:link { color:#5EA4F6; text-decoration:underline }
#footer a:hover { color:#5EA4F6 }

.col-left { width:367px; padding:0px; margin-right:40px; float:left }
.col-right { width:367px; padding:0px; float:left }

.box { padding:8px; border:1px solid #D0D0D0 }
.praxis-info { margin-top:0px; padding:8px; margin-bottom:8px; border-bottom:1px solid #D0D0D0; font-size:80% }
.caption { margin-top:8px; font-size:70% }
.text-medium { font-size:80% }
.text-small { font-size:70% }

/* Special Styles */
.clear { height:1px; clear:both; overflow:hidden }
.error-box { border:1px solid #ED1C24; color:#ED1C24; background-color:#FFDBDC; font-weight:bold; text-align:center; padding:4px; margin-top:8px; margin-bottom:8px; clear:both }
.success-box { border:1px solid #0C9225; color:#0C9225; background-color:#CCFFCC; font-weight:bold; text-align:center; padding:4px; margin-bottom:8px; clear:both }

/* Forms */
form { margin-top:0px; margin-bottom:0px; padding:0px }
.inputfield-std { width:140px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.inputfield-small { width:60px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.select-std { width:160px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.textarea-std { width:460px; height:120px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.textarea-small { width:290px; height:120px; font-size:12px; border:1px solid #D9D9D9; background-color:#FFFFFF }
.button-std { font-size:11px; font-weight:bold; color:#FFFFFF; border:2px solid #2266B6; background-color:#2266B6 }
.button-std:hover { font-size:11px; font-weight:bold; color:#FFFFFF; border:2px solid #F9AE1E; background-color:#F9AE1E }

/* QuickForm-Templates */
.form-element { padding-bottom:8px }
.input-label { font-size:11px }
.input-element {  }
.form-element-error { border:1px dotted #C63131; color:#C63131; background-color:#FFAFA2; margin-bottom:3px; padding:2px }

/* Errorpage */
#errorpage-frame { width:320px; margin-left:16px; margin-top:16px; padding:16px; border:4px solid #CB1212; color:#808080; background-color:#FFFFFF }

/* inveris Image Zoom */
#inv-image-zoom { padding:8px; background-color:#E7E7E8; text-align:center }
#inv-image-zoom img { border:2px solid #FFFFFF }
#inv-image-zoom img:hover { border:2px solid #5F5F5F }
#inv-image-zoom #image { margin-bottom:4px }
#inv-image-zoom #title {  }

/* Startpage */
body.startpage { background-color:#2266B6 }
body.startpage #distance { background-color:#2266B6 }
body.startpage #outer-container { width:920px; height:620px }
body.startpage #distance { margin-bottom:-310px }
body.startpage #header { height:70px }
body.startpage #header #logo { margin-top:0px; margin-right:10px }
ul#startpage-buttons { margin:0px; padding-left:0px; list-style-type:none }
ul#startpage-buttons li { width:174px; height:174px; padding-right:10px; float:left; position:relative }

/* FAQ/Zahnarzt */
#button-block-left {
	width:141px;
	margin-right:4px;
	float:left;
}

#button-block-right {
	width:282px;
	float:left;
}

#button-block-zahnarzt {
	width:283px;
	margin-right:16px;
	float:left;
}

#video-block {
	float: left;
}

div.faq-button,
div.zahnarzt-button {
	width:141px;
	height:141px;
	font-size:13px;
	font-weight:bold;
	line-height:110%;
	float:left;
	overflow: hidden;
}

div.zahnarzt-button {
	font-size: 20px;
}

div.faq-button a,
div.zahnarzt-button a {
	width:141px;
	height:141px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

div.faq-button a:hover,
div.zahnarzt-button a:hover { color:#2266B6 }

div.faq-button a span.linkwrap,
div.zahnarzt-button a span.linkwrap {
	padding:8px 12px 12px 8px;
	display: inline-block;
}

div.faq-button a:hover span.linkwrap,
div.faq-button a.standard-on span.linkwrap,
div.faq-button a.highlight-on span.linkwrap,
div.faq-button a.highlight_left-on span.linkwrap,
div.zahnarzt-button a:hover span.linkwrap,
div.zahnarzt-button a.standard-on span.linkwrap,
div.zahnarzt-button a.highlight-on span.linkwrap {
	padding:11px 9px 9px 11px
}

div.faq-button a.standard,
div.zahnarzt-button a.standard { background:url(../images/faq_button_standard_off.gif) }
div.faq-button a.standard:hover,
div.zahnarzt-button a.standard:hover { background:url(../images/faq_button_standard_hover.gif) }
div.faq-button a.standard-on,
div.zahnarzt-button a.standard-on { background:url(../images/faq_button_standard_on.gif) }
div.faq-button a.highlight,
div.faq-button a.highlight_left,
div.zahnarzt-button a.highlight { background:url(../images/faq_button_highlight_off.gif) }
div.faq-button a.highlight:hover,
div.faq-button a.highlight_left:hover,
div.zahnarzt-button a.highlight:hover { background:url(../images/faq_button_highlight_hover.gif) }
div.faq-button a.highlight-on,
div.faq-button a.highlight_left-on,
div.zahnarzt-button a.highlight-on { background:url(../images/faq_button_highlight_on.gif) }

.video-contents-faq,
.video-contents-zahnarzt { position:relative; width:484px; height:261px; background:url(../images/45deg_lines.gif); overflow:hidden }
.video-contents-zahnarzt { width:624px; height:338px }
p.faq-title { margin-top:40px; padding:0px 48px; color:#FF7D30; font-size:130%; text-align:center }
p.zahnarzt-title { margin-top:20px; padding:0px 48px; color:#FF7D30; font-size:130%; text-align:center }