@charset "utf-8";
/* CSS Document */


/*ALLGEMEINES & CONTAINER*/
html {background: url(../gfx/main/body_scaler.jpg) repeat  ; overflow: auto;}
body {width:100%; height: 100%; margin-left: auto; margin-right: auto; margin-top: 65px; text-align: center;
		font-family: Arial, Verdana, Helvetica, sans-serif; color: #545454; font-size: 11px; line-height: 14px}

h1 {color: #dfe0e1; font-size: 36px; line-height: 36px; font-weight: normal; margin: 25px 0 0 0; width: 100%; height: 42px;  float: left}
h2 {color: #007ac2; font-size: 11px; line-height: 14px; margin: 0 0 14px 0}
h3 {font-weight: bold}

#warning { width:100%; height: 25px; padding: 5px 0 0 0; background: #ff0; border-bottom: #000 solid 2px; font-size:16px; font-weight: bold; text-align:center;}
.deco {color: #007ac2;}
p {margin: 0 0 14px 0}
a:link, a:hover, a:visited {color: #007ac2; text-decoration: none}
a:hover {text-decoration: underline;}
.arrow {background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}

#container {width: 892px; height: 539px; background: url(../gfx/main/mainBG.png); margin: 0px auto; text-align: left; z-index: 0}
.navi {width: 77px; padding: 35px 0 0 25px; margin-right: 13px; float: left; background: none; z-index: 1}
.navi a:link, .navi a:hover, .navi a:visited {width: 77px; height: 100%; font-size: 0px; color: #999999; line-height: 0px; float: left; text-decoration: none; border: 0px; background: none}

/*NAVI MIT BILDERN*/
.start {height: 32px;background: url(../gfx/main/navi_full.jpg);}
.start a:hover {background:  url(../gfx/main/navi_full.jpg) -77px 0}
.start_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px 0}
.indiv {height: 44px; background: url(../gfx/main/navi_full.jpg) 0 -32px;}
.indiv a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -32px;}
.indiv_d {height: 44px; background:  url(../gfx/main/navi_full.jpg) -77px -32px;}
.konfg {height: 32px; background: url(../gfx/main/navi_full.jpg) 0 -76px}
.konfg a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -76px}
.konfg_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px -76px}
.kollk {height: 32px; background: url(../gfx/main/navi_full.jpg) 0 -108px;}
.kollk a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -108px}
.kollk_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px -108px}
.verpc {height: 32px; background: url(../gfx/main/navi_full.jpg) 0 -140px;}
.verpc a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -140px}
.verpc_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px -140px}
.prodk {height: 32px; background: url(../gfx/main/navi_full.jpg) 0 -172px;}
.prodk a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -172px}
.prodk_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px -172px}
.refer {height: 32px; background: url(../gfx/main/navi_full.jpg) 0 -204px;}
.refer a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -204px}
.refer_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px -204px}
.weitr {height: 44px; background: url(../gfx/main/navi_full.jpg) 0 -236px;}
.weitr a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -236px}
.weitr_d {height: 44px; background:  url(../gfx/main/navi_full.jpg) -77px -236px}
.kontk {height: 32px; background: url(../gfx/main/navi_full.jpg) 0 -280px;}
.kontk a:hover {background:  url(../gfx/main/navi_full.jpg) -77px -280px}
.kontk_d {height: 32px; background:  url(../gfx/main/navi_full.jpg) -77px -280px}


/*Contents*/
.cnt {width: 733px; height: 511px; margin: 15px 0 0 5px; padding-left: 27px; float: left; }
.cnt a:link, .cnt a:hover, .cnt a:visited {background: none}
.cnt.start {background: url(../gfx/main/cntBG_start.jpg)}
.cnt.indiv {background: url(../gfx/main/cntBG_indiv.jpg)}
.cnt.indiv2 {background: url(../gfx/main/cntBG_indiv2.jpg)}
.cnt.indiv3 {background: url(../gfx/main/cntBG_indiv3.jpg)}
.cnt.indiv4 {background: url(../gfx/main/cntBG_indiv4.jpg)}
.cnt.konfg {background: url(../gfx/main/cntBG_konfg.jpg)}
.cnt.kollk {background: url(../gfx/main/cntBG_kollk.jpg)}
.cnt.gallery {background: url(../gfx/main/cntBG_gallery.jpg)}
.cnt.prodk {background: url(../gfx/main/cntBG_prodk.jpg)}
.cnt.prodk2 {background: url(../gfx/main/cntBG_prodk2.jpg)}
.cnt.prodk3 {background: url(../gfx/main/cntBG_prodk3.jpg)}
.cnt.prodk4 {background: url(../gfx/main/cntBG_prodk4.jpg)}
.cnt.kontk {background: url(../gfx/main/cntBG_kontk.jpg)}

.indiv.link1 {width: 225px; height: 115px; margin: 0 0 0 15px; padding: 103px 0 0 25px; display: inline; float: left}
.indiv.link2 {width: 345px; height: 115px; margin: 0 0 0 12px; padding: 103px 0 0 15px; display: inline; float: left}

.indiv2_links {width: 445px; float: left}
.indiv2_links a, .indiv2_links a:link, .indiv2_links a:hover, .indiv2_links a:visited {width: auto; float: left; background: url(../gfx/main/arrow1b.jpg) no-repeat;padding: 0 0 0 10px;}
#indiv2_link1 {margin: 25px 0 0 62px; border: 1px solid #fff}
#indiv2_link2 {margin: 25px 0 0 200px; border: 1px solid #fff}
#indiv2_link3 {margin: 65px 0 0 23px; border: 1px solid #fff}
#indiv2_link4 {margin: 65px 0 0 240px; border: 1px solid #fff}
#indiv2_link5 {margin: 65px 0 0 32px; border: 1px solid #fff}
#indiv2_link6 {margin: 65px 0 0 240px; border: 1px solid #fff}
#indiv2_link7 {margin: 65px 0 0 32px; border: 1px solid #fff}
#indiv2_link8 {margin: 65px 0 0 240px; border: 1px solid #fff}
.out {opacity:0.5;filter:alpha(opacity=50)}
.highlight {opacity:1.0;filter:alpha(opacity=100)}
a.out_b {}
a.highlight_b {text-decoration: underline}

ul.indiv2_thumbs {width: 220px; height: auto; list-style: none; display:inline; float: right; margin: 20px 65px 0 0}
.indiv2_thumbs li {width: 107px; height: 70px; margin: 0 3px 3px 0;float: left;}
.indiv2_thumbs a:link, .indiv2_thumbs a:hover, .indiv2_thumbs a:visited {width: 107px; height: 70px; display: block}
.indiv2_thumbs a:hover {opacity:1.0;filter:alpha(opacity=100)}
#indiv2_link1b {background: url(../gfx/indiv2/01-thumbnail.jpg)}
#indiv2_link2b {background: url(../gfx/indiv2/02-thumbnail.jpg)}
#indiv2_link3b {background: url(../gfx/indiv2/03-thumbnail.jpg)}
#indiv2_link4b {background: url(../gfx/indiv2/04-thumbnail.jpg)}
#indiv2_link5b {background: url(../gfx/indiv2/05-thumbnail.jpg)}
#indiv2_link6b {background: url(../gfx/indiv2/06-thumbnail.jpg)}
#indiv2_link7b {background: url(../gfx/indiv2/07-thumbnail.jpg)}
#indiv2_link8b {background: url(../gfx/indiv2/08-thumbnail.jpg)}

#indiv2_link9 {width: 220px; height: auto; list-style: none; display:inline; float: right; margin: 20px 65px 0 0}
#indiv2_link9 a:link, #indiv2_link9 a:hover, #indiv2_link9 a:visited {background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}


.indiv3_links {width: 445px; float: left; height: 330px}
.indiv3_links a:link, .indiv3_links a:hover, .indiv3_links a:visited {width: auto; display:block; background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}
#indiv3_link1 {margin: 35px 0 0 83px;}
#indiv3_link2 {margin: 18px 0 0 133px}
#indiv3_link3 {margin: 18px 0 0 200px}
#indiv3_link4 {margin: 18px 0 0 305px}
#indiv3_link5 {margin: 18px 0 0 320px}
#indiv3_link6 {margin: 18px 0 0 334px}
#indiv3_link7 {margin: 18px 0 0 348px}

ul.indiv3_thumbs {width: 220px; height: auto; list-style: none; display:inline; float: right; margin: 20px 65px 0 0}
.indiv3_thumbs li {width: 107px; height: 70px; margin: 0 3px 3px 0;float: left;}
.indiv3_thumbs a:link, .indiv3_thumbs a:hover, .indiv3_thumbs a:visited {width: 107px; height: 70px; display: block}
.indiv3_thumbs a:hover {opacity:1.0;filter:alpha(opacity=100)}
#indiv3_link1b {background: url(../gfx/indiv3/01-thumbnail.jpg)}
#indiv3_link2b {background: url(../gfx/indiv3/02-thumbnail.jpg)}
#indiv3_link3b {background: url(../gfx/indiv3/03-thumbnail.jpg)}
#indiv3_link4b {background: url(../gfx/indiv3/04-thumbnail.jpg)}
#indiv3_link5b {background: url(../gfx/indiv3/05-thumbnail.jpg)}
#indiv3_link6b {background: url(../gfx/indiv3/06-thumbnail.jpg)}
#indiv3_link7b {background: url(../gfx/indiv3/07-thumbnail.jpg)}

#indiv3_link9 {width: 220px; height: auto; list-style: none; float: right; margin: 20px 65px 0 0}
#indiv3_link9 a:link, #indiv3_link9 a:hover, #indiv3_link9 a:visited {background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}

.indiv4_box1 {margin: 40px 0 0 0; float: left}
.indiv4_box2 {margin: 40px -80px 0 0; float: right; text-align: right}
.indiv4_box3 {margin: 70px 0 0 0; float: left; width: 100%}

.popup {visibility: hidden; width: 742px; height: 419px; margin: 0px auto; background: url(../gfx/main/cntBG_popUp.png); margin-top: -539px; position: relative; padding: 120px 0 0 150px}
.popup_sub {visibility: hidden; width: 742px; height: 419px; margin: 0px auto; margin-top: -539px; position: relative; padding: 120px 0 0 150px}

.popup_cnt {position:absolute; width: 610px; height: 310px; background-color: #fff; border: 1px dashed #007ac2; text-align: left;}
.popup_cnt h2 {margin: 10px 0 30px 20px; background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}
.popup_cnt p {width: 250px; margin: 0 0 14px 30px}
.popup_cnt a:link, .popup_cnt a:hover, .popup_cnt a:visited {margin: 10px 0 30px 20px; background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}
.popup_examples {margin-top: 50px; float: left; background: #f3f}
.popup_cnt.agb {width: 600px; height: 290px; overflow: auto; border: none; margin: 5px; padding: 0 0 10px 0}
.popup_cnt.agb p {width: 500px}
.popup_cnt.agb h2 {margin-bottom: 0}

.popup_cnt.indiv2_1 {background: url(../gfx/main/popup_cnt_indiv2_1.jpg) bottom right no-repeat}
.popup_cnt.indiv2_2 {background: url(../gfx/main/popup_cnt_indiv2_2.jpg) top right no-repeat}
.popup_cnt.indiv2_3 {background: url(../gfx/main/popup_cnt_indiv2_3.jpg) bottom right no-repeat}
.popup_cnt.indiv2_4 {background: url(../gfx/main/popup_cnt_indiv2_4.jpg) top right no-repeat}
.popup_cnt.indiv2_5 {background: url(../gfx/main/popup_cnt_indiv2_5.jpg) top right no-repeat}
.popup_cnt.indiv2_6 {background: url(../gfx/main/popup_cnt_indiv2_6.jpg) bottom right no-repeat}
.popup_cnt.indiv2_7 {background: url(../gfx/main/popup_cnt_indiv2_7.jpg) top right no-repeat}
.popup_cnt.indiv2_7 {background: url(../gfx/main/popup_cnt_indiv2_7.jpg) top right no-repeat}
.popup_cnt.indiv2_7b {background: url(../gfx/main/popup_cnt_indiv2_7b.jpg) top right no-repeat}
.popup_cnt.indiv2_8 {background: url(../gfx/main/popup_cnt_indiv2_8.jpg) top right no-repeat}

.popup_cnt.indiv3_1 {background: url(../gfx/main/popup_cnt_indiv3_1.jpg) top right no-repeat}
.popup_cnt.indiv3_2 {background: url(../gfx/main/popup_cnt_indiv3_2.jpg) top right no-repeat}
.popup_cnt.indiv3_3 {background: url(../gfx/main/popup_cnt_indiv3_3.jpg) top right no-repeat}
.popup_cnt.indiv3_4 {background: url(../gfx/main/popup_cnt_indiv3_4.jpg) top right no-repeat}
.popup_cnt.indiv3_5 {background: url(../gfx/main/popup_cnt_indiv3_5.jpg) top right no-repeat}
.popup_cnt.indiv3_6 {background: url(../gfx/main/popup_cnt_indiv3_6.jpg) top right no-repeat}
.popup_cnt.indiv3_7 {background: url(../gfx/main/popup_cnt_indiv3_7.jpg) top right no-repeat}
.popup_cnt.konfg {background: #fff}
.popup_cnt.konfg h2 {margin-left: 110px; margin-bottom: 3px;}
.video_container {margin: 0 0 0 110px}

.close {float: right; margin: -20px 0 0 0; background: #fff}

.col1 {width: 566px; height: auto; margin: 21px 0 0 0; float: left}

.konfg_txt {width: 243px; height: 250px; margin: 21px 200px 0 0; float: left;}
.konfg_links {width: 100%; margin: 8px 0 0 0; float: left; font-size: 11px; }
.konfg_linksXL {font-weight: bold; margin: 4px 0 0 0; }
.konfg_links a:link, .konfg_links a:hover, .konfg_links a:visited {display: block; margin: 4px 0 0 0; background: url(../gfx/main/arrow1b.jpg) no-repeat; padding: 0 0 0 10px}

.kollk_links {width: inherit; margin: 40px 0 0 9px; float: left;}
.kollk.link1 {width: 143px; height: 140px; margin: 0 0 0 0; display: inline; float: left; padding: 0 0 0 30px}
.kollk.link2 {width: 143px; height: 140px; margin: 0 0 0 45px; display: inline; float: left;padding: 0 0 0 30px}
.kollk.link3 {width: 143px; height: 140px; margin: 0 0 0 55px;display: inline; float: left; padding: 0 0 0 30px}

.prodk_links {width: inherit; margin: 35px 0 0 9px; float: left;}
.prodk.link1 {width: 113px; height: 140px; margin: 0 0 0 0; display: inline; float: left; padding: 0 0 0 60px}
.prodk.link2 {width: 133px; height: 140px; margin: 0 0 0 45px; display: inline; float: left;padding: 0 0 0 40px}
.prodk.link3 {width: 113px; height: 140px; margin: 0 0 0 55px;display: inline; float: left; padding: 0 0 0 60px}
.prodk2_txt {width: 243px; height: auto; margin: 21px 200px 0 0; float: left}
.prodk3_txt {width: 223px; height: auto; margin: 21px 200px 0 220px; float: left}
.prodk4_txt {width: 223px; height: auto; margin: 21px 200px 0 220px; float: left}

.kontk_main	{width: 660px; height: auto; margin: 21px 0 0 0; float: left}
.kontk_main h2 {margin: 0}
.kontk_box1 {width: 200px; margin: 0 220px 0 0; float: left;}
.kontk_box2 {width: 140px; float: left; }
.kontk_box2 a:link, .kontk_box2 a:hover, .kontk_box2 a:visited {font-weight: bold; background: url(../gfx/main/arrow1b.png) no-repeat; padding: 0 0 0 10px }
.kontk_box3 {width: 540px; text-align: right; float: right; font-size: 10px; line-height: 11px; }

.contact {float: right; margin: -50px 35px 0 0; text-align: right;}
.contact a:link, .contact a:hover, .contact a:visited {color:#fff; display: block}

.print {display:none}