/* ------------------------- Body ------------------------- */
*{padding:0; margin:0;}
body{margin:0px; padding:0px; background:url(../img/layout/body.jpg) repeat-x #c9dce4 center top; font-family:Arial, Verdana, sans-serif; font-size:11px;}

/* ------------------------- Container ------------------------- */
#container	{position:relative; width:940px; margin:auto;}
#header		{width:940px; height:302px;}
#main		{display:block; width:940px; height:auto; background:url(../img/layout/content_bg.png) repeat-y top;}
#footer		{width:940px; height:50px; margin-bottom:50px; background:url(../img/layout/footer.png) no-repeat top; clear:left; position:relative;}

#qb_copyright{position:absolute; top:40px; left:639px;}
#qb_copyright a{color:#314A53; text-decoration:none;}
#qb_copyright a:hover{color:#000;}

/* ------------------------- Headings -----------------------------*/
h1{color:#dbe27c; font-size:13px; font-weight:bold; position:absolute ; top:273px; left:340px;}

/* ------------------------- Navigations ------------------------- */

/* --- top navigation --- */
#nav_top{position:absolute; top:48px; left:370px;}
#nav_top ul li{float:left; list-style:none; margin-left:10px; color:#e8e5da;}
#nav_top ul li a{text-decoration:none; color:#e8e5da; text-transform:uppercase; font-weight:bold;}
#nav_top ul li a:hover, #nav_top ul li a.actif{color:#dbe27c;}

/* --- language navigation --- */
#nav_lang {position:absolute; top:50px; left:825px;}
#nav_lang li{float:left; list-style:none; margin-left:3px;}
#nav_lang li a{font-size:6px; text-decoration:none; color:#202020; display:block; line-height:25px; width:20px;}
#nav_lang li a img {border:0px;}
#nav_lang li#lang_de {background:url(../img/layout/flag_de.png) no-repeat center center;}
#nav_lang li#lang_de a:hover, #nav_lang li#lang_de_actif a{background:url(../img/layout/flag_de_actif.png) no-repeat center center;}
#nav_lang li#lang_nl {background:url(../img/layout/flag_nl.png) no-repeat center center;}
#nav_lang li#lang_nl a:hover, #nav_lang li#lang_nl_actif a{background:url(../img/layout/flag_nl_actif.png) no-repeat center center;}
#nav_lang li#lang_en {background:url(../img/layout/flag_en.png) no-repeat center center;}
#nav_lang li#lang_en a:hover, #nav_lang li#lang_en_actif a{background:url(../img/layout/flag_en_actif.png) no-repeat center center;}
#nav_lang li#lang_fr {background:url(../img/layout/flag_fr.png) no-repeat center center;}
#nav_lang li#lang_fr a:hover, #nav_lang li#lang_fr_actif a{background:url(../img/layout/flag_fr_actif.png) no-repeat center center;}

/* --- left navigation --- */
.nav_left	{position:relative;}
.nav_left ul, .nav_left div{margin-left:14px;}
.nav_left ul li{list-style:none; background:url(../img/layout/nav_btn.png) no-repeat center center; height:22px; width:225px; line-height:22px;}
.nav_left ul li a{display:block; line-height:22px; height:22px; width:225px; text-decoration:none; color:#e8e5da; text-transform:uppercase; text-indent:55px; font-weight:bold;}
.nav_left ul li a:hover, .nav_left ul li a.actif{color:#dbe27c; background:url(../img/layout/nav_btn_actif.png) no-repeat center center;}
.nav_left div.footer{background:url(../img/layout/nav_footer.png) no-repeat left bottom; height:8px; width:225px; line-height:8px; font-size:6px;}
.nav_left div.header{background:url(../img/layout/nav_2_header.png) no-repeat left top; height:61px; width:225px; line-height:8px; font-size:6px; margin-top:25px;}

/* ---------------------------- Content  -----------------------------*/
.content {display:block; width:928px; background:url(../img/layout/content.png) no-repeat top; margin-left:6px;}
.content .ct_left{float:left; display:block; width:250px;}
.content .ct_right{float:left; display:block; margin-left:25px; width:620px;}

.ct_left h2{color:#314a53; font-size:12px; font-weight:bold; text-transform:uppercase;}
#nav_1_title{position:absolute; top:277px; left:90px;}
#nav_2_title{position:absolute; top:38px; left:83px;}

.ct_right{padding-top:10px;}
.ct_right h2{color:#314a53; font-size:13px; font-weight:bold; margin-bottom:15px; margin-top:5px; padding-left:32px; 
background:url(../img/layout/bullet_style.jpg) no-repeat left;}
.ct_right h3{color:#666666; font-size:12px; font-weight:bold; margin-bottom:10px; margin-top:5px; padding-left:20px; 
background:url(../img/layout/bullet_arrow_green.jpg) no-repeat left;}
.ct_right p{line-height:14px; margin-bottom:15px; text-align:justify;}
.ct_right a{color:#314a53; text-decoration:none;}
.ct_right a:hover{text-decoration:underline;}
.ct_right ul{margin-left:15px; margin-bottom:10px;}
.ct_right ul li{list-style:none; background:url(../img/layout/bullet_arrow.jpg) no-repeat top left; padding-left:18px; margin-bottom:4px;}
.ct_right strong{color:#314a53;}
.ct_right p.note{color:#666666; font-size:11px; font-weight:bold; margin-bottom:10px; margin-top:5px; padding-left:20px; background:url(../img/layout/bullet_exclamation.jpg) no-repeat left;}

/* ---------------------------- Preis liste  -----------------------------*/
table.price {margin:auto;}
table.price th {padding:3px; color:#fff; background-color:#314a53; text-align:left;}
table.price td.col1 {padding:3px; background-color:#e6e4dd;font-weight:bold;}
table.price td.col2, table.price td.col3 {padding:3px; background-color:#a1ad03; text-align:right; width:85px;font-weight:bold;}
table.price tr:hover td.col1, table.price tr:hover td.col2, table.price tr:hover td.col3{background-color:#314a53; color:#fff;}


/* ---------------------------- Picgallery  -----------------------------*/
.albumBox{width:135px; height:130px; float:left;}
.albumBox_theImage{width:125px;	height:110px; background-position:center center; background-repeat:no-repeat; margin:0 auto; margin-bottom:2px;}
.albumBox{border:1px solid #a1ad03; padding:2px; margin:2px;}
.albumBox:hover{border:1px solid #314a53; padding:2px;}
.albumBox_label{text-align:center; font-size:11px; padding-top:2px; margin: 0 auto; background-color:#bac069}

.imageBox{width:142px; height:130px; float:left; margin-right:12px; margin-bottom:10px;}
.imageBox_theImage{width:125px;	height:110px; background-position:center center; background-repeat:no-repeat; margin:0 auto; margin-bottom:2px;}
.imageBox .imageBox_theImage{border:1px solid #a1ad03; padding:2px;}
.imageBox .imageBox_theImage:hover{border:1px solid #314a53; padding:2px;}

.backTo a{text-align:center; font-weight:bold; color:#314a53; display:block; background-color:#bac069; text-decoration:none}
.backTo a:hover{background-color:#314a53; color:#fff}

/* ---------------------------- Sitemap  -----------------------------*/
.ct_right #sitemap_link_list{padding:5px; padding-top:15px; margin-left:20px;}
.ct_right #sitemap_link_list ul{margin:5px; margin-top:15px;}
.ct_right #sitemap_link_list ul li{list-style:square; color:#999999; margin-bottom:4px; list-style:none;}
.ct_right #sitemap_link_list ul li a{line-height:18px; height:18px; display:block; color:#314a53; padding-left:5px; text-decoration:none;}
.ct_right #sitemap_link_list ul li a:hover{background-color:#bac069;}

/* ------------------------------------- Forms --------------------------*/
.frm *{font-size:11px; line-height:19px;}

.frm table tr:hover{background-color:#ffffff;border:none;}
.frm .validationErrorBox table tr:hover{background-color:#a40e17;border:none;}
.frm table{width:620px;border:none;}
.frm table tr td table{width:100%;}
.frm table td {border-top:none; padding:0px;}
.frm a{color:#314a53; text-decoration:none;}
.frm a:hover{text-decoration:underline;}

.frm .stdInput,
.frm .smallInput,
.frm .mediumInput{height:16px;}
.frm .stdInput,
.frm .smallInput,
.frm .mediumInput,
.frm .stdSelect, 
.frm .stdTextarea{border:1px solid #666666; font-size:11px; font-family:Verdana, Arial, sans-serif; color:#444444;}
.frm .stdInput{width:250px;}
.frm .smallInput{width:50px;}
.frm .mediumInput{width:70px;}
.frm .checkbox{border:0px none;}
.frm .radio{border:0px none;}
.frm .form100pc{width:97%;}
.frm .sCodeInput{width:120px;}

.frm .formbutton{background-color:#bac069; color:#202020; cursor:pointer; height:20px; width:150px; border:1px solid #bac069;}	
.frm .formbutton:hover{background-color:#314a53; border:1px solid #314a53; color:#ededed;}

.frm .validationErrorBox{color:#ffffff; border:solid 1px #ececec; font-size:10px; background-color:#a40e17;}
.frm .validationError{border:1px solid #d40303;}

.frm .formRedNote{color:#d40303;}
.frm .formRedLabel{color:#d40303;}
.frm .formRedField{border:1px solid #e42b31; width:95px;}

.frm .labelCell {width:220px; text-align:left;} 
.frm .fieldCell{text-align:left;}
.frm #commingWithDataTable .labelCell {width:20px; text-align:left;} 
.frm #commingWithDataTable .fieldCell{text-align:left;}

.frm .listHeader{font-weight:bold; border-bottom:1px dotted #000000; border-top:1px dotted #000000;}
.frm .mailThanksText{color:#314a53;}

/* ------------------------------------- Google Maps --------------------------*/
#ct_map_sidebar{display:none;}
.ct_map{font-size:11px; margin-top:3px; margin-bottom:5px;}
.ct_map *{font-size:11px;}
.ct_map a{color:#979c55; text-decoration:none;}
.ct_map a:hover{text-decoration:underline;}

/* ---------------------------- Tooltip  -----------------------------*/
.tip{width:200px; z-index:13000;}
.tip-title{font-weight:bold; font-size:11px; margin:0; color:#90c7f9; padding:8px 8px 4px; background:url(../img/layout/bubble.png) top left;}
.tip-text{color:#ffffff; font-size:11px; padding:4px 8px 8px; background: url(../img/layout/bubble.png) bottom right;}

