/* Style sheet raytrix_css */
@charset "utf-8"; 
/* ### PNGFIX ### */
img, div, a, input{behavior:url(tl_files/css/resources/iepngfix.htc)}

/* ### RESET ###  */
*{margin:0; padding:0}

option{padding-left:0.4em}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th{font-size:1em; font-weight:normal; font-style:normal; margin:0; padding:0}
span{background-color:none; font-size:1em; font-weight:normal; font-style:normal; text-indent:0}
ul, ol{list-style:none; margin:0; padding:0}
fieldset, img{border:none}
caption, th{text-align:left}

/* ### MAIN SETUP ###  */
body{font:62.5% "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica",sans-serif; line-height:1.25em; background-color:#fff; color:#151515; padding:0}

.bodytext p{font-size:1em}

strong{font-weight:bold}
em{font-style:italic}
p{line-height:1.5em; padding:0; margin:0 0 0.8em 0}

a{color:#00a3d2; text-decoration:none}
a:hover{text-decoration:underline; cursor:pointer}

table a img{margin:5px 20px 5px 0}

/* LINKTYPES */
a.morelink{background:url(img/morelink_arrow.png) center right no-repeat; padding:0 18px 0 0}
a.extlink{background:url(img/arrow_ext.png) center right no-repeat; padding:0 16px 0 0}
a.downloadlink{background:url(img/arrow_download.png) center left no-repeat; padding:0 0 0 16px}

/* HEADLINES */
h1{font-size:2.2em; line-height:1.35em}
h2{font-size:2em; line-height:1.35em; margin:0 0 0.6em 0}
h3{font-size:1.7em; line-height:1.35em; margin:0 0 0.6em 0}
h4{font-size:1.4em; line-height:1.35em; margin:0 0 0.3em 0}
h5{font-size:1.2em; line-height:1.35em; margin:0 0 0.3em 0; color:#51c7ef}

h6{background:url(img/h6_back.png) top left repeat-x; height:18px; font-size:1em; line-height:1.5em; color:#dadada; margin:0; padding:0 0 0 8px; border-radius-topleft:3px; -moz-border-radius-topleft:3px; -webkit-border-radius-topleft:3px; border-radius-topright:3px; -moz-border-radius-topright:3px; -webkit-border-radius-topright:3px}

h1 a, h2 a, h3 a{color:#151515; text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover{color:#00a3d2; text-decoration:none}

/* ### GENERAL LAYOUT & BACKGROUNDS ### */
body{background:url(img/head_bg.png) #fafafa top left repeat-x; border-top:1px solid #afafaf; z-index:1000}

#main{z-index:0}
#wrapper{z-index:1000; overflow:visible;}
#header{z-index:1000}
#header img{position:absolute; top:0px; left:1px; margin:0}
img#logoimg{ display:block;  width:240px;  height:55px;  margin:15px 0 0 0}

.inside{z-index:1000}

#container{position:relative; z-index:0}

/* NAVIGATION */
#mainnav{clear:both; position:absolute; overflow:visible; top:80px; z-index:10000; width:960px; background:url(img/mainnav_bg.png) top left repeat-x; border-radius-topleft:3px; -moz-border-radius-topleft:3px; -webkit-border-radius-topleft:3px; border-radius-topright:3px; -moz-border-radius-topright:3px; -webkit-border-radius-topright:3px; margin:0; padding:0}
#mainnav ul{display:block; margin-right:-140px; background:#366; z-index:10000}
#mainnav ul.level_1 li{display:block; position:relative; float:left; margin:0; z-index:10000}
* html #mainnav ul.level_1 li{display:block; float:left; margin:0; z-index:10000}
#mainnav ul.level_1 li a{display:block; width:104px; height:14px; padding:4px 8px 4px 8px; background:url(img/mainnav_but_bg.png) top left no-repeat; font-size:1.2em; color:#ddd; z-index:10000}
* html #mainnav ul.level_1 li a{display:block; width:104px; height:14px; padding:4px 8px 4px 8px; background:url(img/mainnav_but_bg.png) top left no-repeat; font-size:1.2em; color:#ddd; z-index:10000}
#mainnav ul.level_1 li.first a{z-index:10000; background:url(img/mainnav_but_bg.png) top left no-repeat}
#mainnav ul.level_1 li a:hover{background:url(img/mainnav_but_bg_h.png) top left no-repeat; width:104px; text-decoration:none; z-index:10000}
#mainnav ul.level_1 li.first a:hover{background:url(img/mainnav_but_bg_h.png) top left no-repeat; text-decoration:none; z-index:10000}
#mainnav ul.level_1 li ul.level_2{display:none; overflow:visible; height:auto; z-index:10000; width:140px; background:url(img/subnav_bg.gif) top left repeat-x; border-top:1px solid #ccc; font-size:0.9em; margin-left:-1px; margin-bottom:20px; box-shadow:rgb(50,50,50) 2px 0px 6px; -moz-box-shadow:rgb(50,50,50) 2px 0px 6px; -webkit-box-shadow:rgb(50,50,50) 2px 0px 6px}
#mainnav ul.level_1 >li:hover >ul.level_2{display:block; z-index:10000; background:url(img/subnav_bg.gif) top left repeat-x;}
#mainnav ul.level_1 li ul.level_2 li{float:none; display:block; /*width:auto; */z-index:10000}
/*#mainnav ul.level_1 li ul.level_2 li a{background:none; display:block; width:124px; height:15px; padding:3px 8px 2px 8px; color:#222; z-index:10000}*/
#mainnav ul.level_1 li ul.level_2 li a{background:#e8e8e8; display:block; width:124px; height:15px; padding:3px 8px 2px 8px; color:#222; z-index:10000}
#mainnav ul.level_1 li ul.level_2 li a:hover{background:#cacaca; z-index:10000; cursor:pointer}

#skipNavigation1{clear:both}

/* TOPLINKS */
#toplinks{float:right; display:inline; margin:5px 12.9em 8px 0}
#toplinks ul li{float:left}
#toplinks a{display:block; padding:0 6px 0 7px; margin:0 0 0 5px; border-right:1px solid #bbb; background:url(img/arrow_more_small.png) center left no-repeat}
#toplinks li.active{display:block; padding:0 6px 0 7px; margin:0 0 0 5px; border-right:1px solid #bbb; background:url(img/arrow_more_small.png) center left no-repeat; color:#00a3d2}
#toplinks:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

/* LANGUAGE SELECTION */
#language{position:absolute; right:0}

#language li{float:left; margin:5px 0 4px 6px; padding:0 0 0 20px}
#language li .active{padding:0 0 0 0}

#language .lang-de{background:url(img/flags/de_gr.png) center left no-repeat}
#language .lang-en{background:url(img/flags/gb_gr.png) center left no-repeat}
#language .lang-fr{background:url(img/flags/fr_gr.png) center left no-repeat}
#language .lang-de.active{background:url(img/flags/de.png) center left no-repeat}
#language .lang-en.active{background:url(img/flags/gb.png) center left no-repeat}
#language .lang-fr.active{background:url(img/flags/fr.png) center left no-repeat}
#language .lang-de:hover{background:url(img/flags/de.png) center left no-repeat}
#language .lang-en:hover{background:url(img/flags/gb.png) center left no-repeat}
#language .lang-fr:hover{background:url(img/flags/fr.png) center left no-repeat}

/* SEARCH FORM */
#suchformular{float:right; margin:0; font-size:1.1em}
#suchformular input.submit{background:url(img/button_bg.png) top left repeat-x; color:#fafafa; border:none; padding:2px; /*float:right; */cursor:pointer; width:4.8em; height:19px; line-height:1.3em; margin:0; text-align:center}
*+html #suchformular input.submit{margin-top:-1px}
#suchformular input.text{background:url(img/search_input_bg.png) top left no-repeat; border:none; border-bottom:1px solid #fafafa; margin:0 -1px 0 0; padding:3px 1px 2px 16px; /*float:left; */width:121px}
/* #suchformular input.text:focus{border:1px solid #64b6ce; background-position:-1px -1px; padding:2px 0 2px 2px} */

ul.autocompleter-choices{position:absolute; margin:0; padding:0; list-style:none; border:1px solid #7c7c7c; border-left-color:#c3c3c3; border-right-color:#c3c3c3; border-bottom-color:#ddd; background-color:#fff; text-align:left; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; z-index:50; background-color:#fff}
ul.autocompleter-choices li{position:relative; margin:-2px 0 0 0; padding:0.2em 1.5em 0.2em 4px; display:block; float:none !important; cursor:pointer; font-weight:normal; white-space:nowrap; font-size:1em; line-height:1.5em}
ul.autocompleter-choices li.autocompleter-selected{background-color:#ddd; color:#000}
ul.autocompleter-choices span.autocompleter-queried{display:inline; float:none; font-weight:bold; margin:0; padding:0}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{/*color:#9FCFFF; */}

/* BREADCRUMB NAVIGATION */
#breadcrumbs{position:absolute; top:114px; left:0px; width:952px; margin:0; padding:0 0 4px 8px}

/* FOOTER */
#footer{clear:both; color:#444; padding:9px 0 0 8px; border-top:1px solid #ccc; font-size:1.1em; margin-top:16px}

#bottomlinks ul{margin-top:6px; width:100%}
#bottomlinks ul li{float:left}
#bottomlinks ul li a{display:block; padding:0 6px 0 6px; border-right:1px solid #bbb; font-size:0.85em; color:#888}
#bottomlinks .first a{padding-left:0}
#bottomlinks .last a{border:none}

/* HELPERs */
.greyborder{border:1px solid #ccc}

.topline{border-top:1px solid #dadada; padding-top:16px}

.floatleft{float:left}
.floatright{float:right}

.clearfloat:after{clear:both; margin:0}
.clearfix{clear:both; visibility:hidden}

.smallr{font-size:0.9em}

/* SUBNAVIGATION */
#subnav{font-size:1.1em; line-height:1.8em; background:url(img/blue_gradient.png) top left repeat-x}
#subnav a{display:block; height:21px; color:#ffffff; /*background:#dadada; margin:2px 0 2px 0; */padding:0 8px 0 8px; border:1px solid #fafafa}
#subnav a:hover{background:url(img/subnav_hover_back.png) center right no-repeat; text-decoration:none}
#subnav span.active{display:block; height:21px; color:#fff; background:url(img/subnav_active_back.png) center right no-repeat; /*background:#dadada; margin:2px 0 2px 0; */padding:0 8px 0 8px; border:1px solid #fafafa}

/* TEASER */
#teaser h1+.teaser{font-size:1.1em; line-height:1.5em; margin:16px 0 20px 0; padding:0; color:#151515}
#teaser h2+.teaser{font-size:1.1em; line-height:1.5em; margin:16px 0 20px 0; padding:0; color:#151515}
#teaser p.teaser+ul{margin:0 0 1.2em 0}

.back{margin:16px 0 20px 0}
.caption{font-size:1em; line-height:1.35em; display:block; width:350px; margin:4px 0 0 0}

/* SPECIAL CONTENT */
.reinertext p{line-height:1.5em}
.reinertext ul{list-style:outside disc; margin:0 0 1em 0}
.reinertext ul li{margin:0.5em 0.5em 0.6em 2em}
.reinertext p >strong{font-size:1.25em; display:block; margin:1.6em 0 0 0}

.specstable td{border-right:2px solid #fafafa; padding:0.5em 0.6em 0.5em 0.6em; line-height:1.3em}
.specstable .even{background-color:#bae2f9}

.bullets{font-size:1em; line-height:1.6em; list-style:inside disc; margin-top:2em}

.employee{line-height:1.4em; padding:18px 0 22px 0}
.employee .facts{display:block; margin:0 0 0 170px; padding:0}
.employee ul{list-style:inside disc}

/* CONTACT FORM */
.kontaktformular{float:left}
.kontaktformular .textarea{font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica",sans-serif}
.kontaktformular td{margin:3px 0 3px 0; padding:4px}
.kontaktformular td.col_first{width:160px; text-align:right}
.kontaktformular input.submit{display:block; background:url(img/button_bg.png) top left repeat-x; color:#fafafa; border:none; padding:3px; /*float:right; */cursor:pointer; width:auto; height:22px; line-height:1.5em; margin:8px 0 0 0; text-align:center}
.kontaktformular .odd{float:left}
.kontaktformular .even{float:right; margin-right:60px}
.kontaktformular .row_first{float:none}
.kontaktformular .row_last{float:left}

/* PAGEFLIP */
#pageflip{ display:block;  width:800px;  margin-left:auto;  margin-right:auto}

/* FAQREADER*/
#faqreader h1{font-size:1.4em; margin-bottom:10px}
#faqlist{pagging-bottom:10px}
#faqlist ul li{line-height:1.35em; padding-bottom:2px}
#faqreader{padding:16px 0 0 0; border-top:1px solid #dadada}
#faqreader .info{font-size:0.8em; color:#999; border-bottom:1px solid #dadada; padding-bottom:20px}

/* TYPOLIGHT ELEMENTS */
.ce_hyperlink h2{font-size:1.6em; margin:0}
.ce_hyperlink a{display:block; margin:0; padding:8px 0 8px 0; line-height:1.3em}
.ce_text{margin:10px 0 10px 0}