/**
* CSS (all)
*
* @author	Sebastian Müller <sebastian produktivbuero de>
* @date		26/05/2009
* 
* Datei mit eigenen Klassen (im Backend nicht durch den Editor auswählbar)
*/

label.inline {display:inline; margin-left:1em;}

/* ------------ Navigation ------------ */

#navigation ol {margin:0; padding:0; list-style:none;}
#navigation ol li {padding-left:7px; margin:0 2px; float:left;}
#navigation ol li span {padding-right:7px; float:left;}
#navigation ol li:hover, #navigation ol li.on, #navigation ol li.preon {background:url(images/navigation-background.gif) left top no-repeat;}
#navigation ol li:hover span, #navigation ol li.on span, #navigation ol li.preon span {background:url(images/navigation-background.gif) right top no-repeat;}
#navigation ol li a {padding-bottom:10px; line-height:40px; float:left; text-decoration:none;}
#navigation ol li a:hover, #navigation ol li.on a {color:#F9F8F8; background:url(images/navigation-background.gif) center top no-repeat;}
#navigation ol li.right {float:right;}

#subnavigation ol {margin:20px 0 20px 40px; padding:0; list-style:none; border-top:1px solid #999999;}
#subnavigation ol li {border-bottom:1px solid #999999;}
#subnavigation ol li:hover, #subnavigation ol li.on {}
#subnavigation ol li a {color:#999999; line-height:30px; display:block; text-decoration:none;}
#subnavigation ol li a:hover, #subnavigation ol li.on a {color:#323232;}

#breadcrump a {color:#999999; text-decoration:none;}
#breadcrump .hide {display:inline;}
#metanavigation a {margin-left:10px;}

.skiptocontent {}
.skiptonavigation {}
.skiptotop {}

.inputtext {}
.radiobutton {width:auto;}
.checkbox {width:auto;}
.selectfield {}
.button {width:auto;}
.submit {}
.cancel {}

.success {font-weight:bold;}
.error {color:#DF3737;}

.note {font-size:0.8em;}

.clearfix {clear:both;}
.hide {display: none;}
.print {display: none;}
.noprint {}

#subnavigation .related {margin:40px 0 20px 40px;}
#subnavigation .related ul {margin-left:1.3em; color:#999999;}
#subnavigation .related ul li a {color:#999999; text-decoration:none;}

#content div.slideshow ul li.slide01 {background:url(images/slide-background-01.jpg) no-repeat;}
#content div.slideshow ul li.slide02 {background:url(images/slide-background-02.jpg) no-repeat;}
#content div.slideshow ul li.slide03 {background:url(images/slide-background-03.jpg) no-repeat;}
#content div.slideshow ul li.slide04 {background:url(images/slide-background-04.jpg) no-repeat;}
#content div.slideshow ul li.slide05 {background:url(images/slide-background-05.jpg) no-repeat;}

#content div.slidecontainer {margin:0 -20px 20px -20px; background:#E6E3E0; position:relative;}
#content div.slideshow ul {margin:0; padding:0; list-style:none;}
#content div.slideshow ul li {width:590px; height:200px;}
#content div.slideshow ul li h1 {padding-top:40px; padding-left:20px;}
#content div.slideshow ul li p {padding-left:20px; width:250px;}
#content div.slidecontainer #prevBtn {position:absolute; left:0; top:140px; width:60px; height:60px; float:left; overflow:hidden;}
#content div.slidecontainer #prevBtn a {float:left; width:62px; height:62px; text-indent:-1000px; background:transparent url(images/slideshow-previous.gif) no-repeat;}
#content div.slidecontainer #nextBtn {position:absolute; right:20px; top:140px; width:60px; height:60px; float:left; overflow:hidden;}
#content div.slidecontainer #nextBtn a {float:left; width:62px; height:62px; text-indent:-1000px; background:transparent url(images/slideshow-next.gif) no-repeat;}

#right div.infobox {position:relative; margin-bottom:20px; width:240px; height:125px; overflow:hidden;}
#right div.info {position:absolute; padding:25px 60px 20px 40px; width:140px; color:#323232;}
*+html #right div.info {width:240px;}
* html #right div.info {width:240px;}
#right div.info h3 {padding-top:0; color:#323232;}
#right div.info p {padding:0; font-size:10px;}
#right div.phone, #right div.phone h3, #right div.phone p, #right div.phone a {color:#FFF;}
#right div.finance {}
#right div.finance a {position:absolute; top:10px; left:20px; width:200px; height:115px; float:left; text-decoration:none;}
*+html #right div.finance a {background:url(global/iepngfix/blank.gif);}
* html #right div.finance a {background:url(global/iepngfix/blank.gif);}
#right div.glossary {}
#right div.glossary a {position:absolute; top:10px; left:20px; width:200px; height:115px; float:left; text-decoration:none;}
*+html #right div.glossary a {background:url(global/iepngfix/blank.gif);}
* html #right div.glossary a {background:url(global/iepngfix/blank.gif);}
#right div.certificate {text-align:center; height:70px;}
#right div.certificate a {opacity:0.5;}
#right div.certificate a:hover {opacity:0.75;}

table.teeth input {padding:3px 0; width:28px; font-size:0.8em;}
/*table.teeth input.active {border:none; color:#CFCFCF; background:#CFCFCF; cursor:pointer;}
table.teeth input.selected {color:#6F6F6F; background:#6F6F6F;} */
table.teeth td {padding:0; width:auto; text-align:center; background:none;}
table.material {width:auto;}
table.material td {padding:0 10px; width:auto; background:none;}
div#teethContent {padding:5px 5px 5px 15px; color:#FBFAFA; background:url(images/form-select-background.gif) no-repeat;}
div#teethContent a {color:#FBFAFA; text-decoration:none;}
div#teethContent a:hover {color:#323232;}
div#teethContent a.selected {color:#ff6633; font-weight:bold;}
div#teethOverview {padding-bottom:0.8em; font-size:0.8em;}
div#teethOverview a {color:#AAAAAA;}

div#faqBody {padding:0.8em 0;}
div#faqBody ol {margin:0; padding:0; list-style:none;}
div#faqBody ol li {padding-bottom:1.5em;}
div#faqBody p.faqTitle {display:inline; padding:0 0 4px 25px; height:19px; line-height:15px; font-size:1.2em; color:#323232; background:url(images/faq-background-title.gif) no-repeat; background-position: left top; cursor:pointer;}
div#faqBody p.faqActive {color:#FF6633; background-position: left bottom;}
div#faqBody div.faqText {padding:5px 5px 5px 25px;}

div.MultiFile-label {padding-bottom:0.8em; color:#7F7D77; font-size:0.8em;}
a.MultiFile-remove {color:#DF1000;}