/* CSS Document */

html {width: 100%;height: 100%;}
body {width: 100%;height: 100%;margin: 0px;padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a {text-decoration: none; color: #666699;}
a:link {text-decoration: none; color: #666699;}
a:active {text-decoration: none; color: #666699;}
a:visited {	text-decoration: none; color: #666699;}
a:hover {text-decoration: none;	color: #9999CC;}

h1 {margin:0px; margin-bottom:12px; margin-top:6px; padding:0px; font-size:14px;}
h2 {margin-top:6px; margin-bottom:3px; font-size:12px}
p {margin-top:6px; margin-bottom:6px; line-height:18px}
td{font-size:11px; line-height:14px}

/* Navigation */
#navi{position:relative; left:19px; top:101px; width:170px; background-color:#F6F6F6; z-index:2}
.lev1 {position:relative; width:170px; text-indent:5px; background-image:url(../img/glas01.jpg); height:17px; line-height:16px; border-bottom:1px solid #DEDEDE; border-top:1px solid #DEDEDE; cursor:default; color:#666666; font-weight:bold}
.lev2 {position:relative; width:160px; left:5px; height:20px; line-height:20px; cursor:pointer; display:block; color:#666699}
.lev3 {position:relative; width:140px; left:5px; height:20px; line-height:20px; cursor:pointer; display:block; color:#666699}
.nsub {position:relative; visibility:hidden; left:10px; z-index:1; width:150px; overflow:hidden }
#loader {position:relative; line-height:11px; height:11px; font-size:9px; color:#999999; width:120px}
#nb1 {position:absolute; top:0px; left:18px; background-color:#F6F6F6; height:100%; width:170px; border:1px solid #DEDEDE; border-bottom:0px; border-top:0px}
#nb2 {position:absolute; bottom:-1px; left:-172px; background-color:#F6F6F6; height:100%; width:170px; border:1px solid #DEDEDE; z-index:1}

/* Hauptfenster */
#d_cent{position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center; background-color:#FFFFFF; z-index:1}
#main {position:relative; top:0px; width:920px; margin:auto; text-align:left; min-height:100%; height:auto !important; height:100%; z-index:2}
#overlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#CCCCCC; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20; cursor:wait; z-index:5; display:none}

/* Titelbalken oben */
#oben {position:absolute; left:0px; top:15px; height:85px; width:100%; background-image:url(../img/bg_o.jpg); border:1px solid #DEDEDE}
#bild_o {position:absolute; left:17px; border:1px solid #DEDEDE; border-top:0px; border-bottom:0px; cursor:pointer}
#logo {position:absolute; left:195px; top:28px}
#studio {position:absolute; left:195px; top:67px; width:720px; text-align:right; border-top:1px solid #E7E7E7; font-family:Comic Sans MS, Arial, Helvetica, sans-serif; color:#CCCCCC}
#oben_gl {position:absolute; left:189px; top:101px; height:17px; width:731px; background-image:url(../img/glas01.jpg); border:1px solid #DEDEDE; color:#666666;  text-indent:7px; line-height:16px;}

/*Navi Oben */
#navioben {position:absolute; top:101px; right:0px; width:500px; text-align:right; height:16px; line-height:16px;}
#nKontakt {position:relative; float:right; width:60px; text-align:center; color:#666666; cursor:pointer; border:1px solid #DEDEDE; border-right:0px; height:17px; line-height:16px; right:-1px}
#nAGB {position:relative; float:right; width:40px; text-align:center; color:#666666; cursor:pointer;  border:1px solid #DEDEDE; border-right:0px; height:17px; line-height:16px; right:-1px}
#nImpressum {position:relative; float:right; width:80px; text-align:center; color:#666666; cursor:pointer;  border:1px solid #DEDEDE; border-right:0px; height:17px; line-height:16px; right:-1px}

/*Content */
#content {position:absolute; top:119px; left:189px; width:731px; min-height:100%; height:auto !important; height:100%; background-color:#FAFAFA; border:1px solid #DEDEDE; z-index:1}
#c_main {position:relative; left:0px; top:15xp; width:530px; z-index:3}
#dmy_c_main {position:relative; left:0px; top:15xp; width:530px}

/*Produktvorschau */
.prod {position:relative; float:left; width:249px; height:150px; margin-left:8px; margin-top:20px; border:1px solid #CCCCCC; color:#000000; background-color:#FCFCFC}
.ptitel {position:relative; float:left; width:249px; height:17px; background-image:url(../img/verl01.jpg); line-height:17px; font-size:11px; font-weight:bold; text-indent:3px; border-bottom:1px solid #DEDEDE; cursor:pointer; color:#333333}
.pcontent {position:relative; top:4px; left:5px; height:105px; width:240px; float:left; line-height:15px; font-size:11px; color:#333333;}
.pimgs {position:relative; float:left; width:80px; height:80px; background-color:#FFFFFF; text-align:center; border:1px solid #DEDEDE; background-image:url(../img/prod/sml/_noimg.jpg); background-position:center; background-repeat:no-repeat; cursor:pointer}
.ptxt {position:relative; float:left; margin-left:4px; width:154px; cursor:pointer}
.pmanuf {position:relative; float:left; margin-left:4px; margin-top:5px; width:154px;}
.ppricestk {position:relative; float:left; top:3px; left:5px; height:20px; width:240px; line-height:13px}
.pprice {position:relative; float:left; width:115px}
.pstk {position:relative; float:left; width:102px; cursor:pointer; font-size:11px; text-align:right; padding-right:3px; padding-top:1px}
.prod_bag{position:relative; float:left; margin-top:-9px; height:28px; width:20px; font-size:11px; line-height:33px; text-align:center; font-weight:bold; text-indent:4px; overflow:hidden; cursor:pointer}

/* Datensatz navi */
#ds_navi {position:relative; float:left; width:508px; height:16px; margin-left:8px; margin-top:20px;  background-image:url(../img/verl01.jpg); line-height:15px; font-weight:bold; font-size:11px; text-indent:3px; border:1px solid #DEDEDE; color:#666699}
.ds_navi_a{position:relative; float:left; height:16px; padding-left:10px; padding-right:10px; border-right:1px solid #DEDEDE; cursor:pointer}
.ds_navi_i{position:relative; float:left; height:16px; padding-left:10px; padding-right:10px; border-right:1px solid #DEDEDE; cursor:default; color:#CCCCCC}
#ds_text{font-weight:normal; font-size:10px; line-height:16px; cursor:default; color:#666666}


/* Produktdetail */
#pdetail {position:relative; float:left; width:508px; margin-left:8px; margin-top:20px; border:1px solid #CCCCCC; color:#000000; background-color:#FCFCFC}
#detailtitel {position:relative; float:left; width:100%; height:16px; background-image:url(../img/verl01.jpg); line-height:16px; font-weight:bold; font-size:11px; text-indent:3px; border-bottom:1px solid #DEDEDE; color:#333333}
#dtiteltext {position:relative; float:left; width:428px}

#dback {position:relativ; float:right; width:60px; margin-right:8px; top:0px; text-align:right; font-size:10px;}
#dnavi {position:relative; float:left; height:25px; line-height:24px; text-align:center; margin-top:16px; width:100%; overflow:visible}
#dnavitext {position:relative; float:left; width:90px; border:1px solid #DEDEDE; border-bottom-color:#FCFCFC; background-color:#FCFCFC; margin-left:8px; cursor:pointer; z-index:2}
#dnavibild {position:relative; float:left; width:90px; border:1px solid #DEDEDE; border-left:0px; background-color:#F6F6F6; cursor:pointer; z-index:2}
#dnavibew {position:relative; float:left; width:90px; border:1px solid #DEDEDE; border-left:0px; background-color:#F6F6F6; cursor:pointer; z-index:2}
#dnavip {position:relative; float:left; left:60px; top:5px; height:20px; width:280px; line-height:13px; z-index:2}

#detailtext {position:relative; float:left; margin-left:10px; margin-top:12px; width:480px; display:block}
#detailtextimg {position:relative; float:left; width:120px; height:120px; background-color:#FFFFFF; border:1px solid #DEDEDE; background-image:url(../img/prod/mid/_noimgM.jpg); background-repeat:no-repeat; background-position:center; margin-right:10px; margin-bottom:4px; cursor:pointer}
#detailbilder {position:relative; float:left; margin-left:6px; width:494px;; visibility:hidden; display:none}
#detailbild {position:relative; float:left; width:440px; height:440px; border:1px solid #DEDEDE; left:27px; background:#FFFFFF; margin-top:16px; background-image:url(../img/prod/big/_noimg.jpg); background-position:center; background-repeat:no-repeat}
.bildklein {position:relative; float:left; width:80px; height:80px; border:1px solid #DEDEDE; background-color:#FFFFFF; background-image:url(../img/prod/sml/_noimg.jpg); background-repeat:no-repeat; background-position:center; margin-right:17px; cursor:pointer}

#detailbew {position:relative; float:left; margin-left:10px; margin-top:12px; width:480px; display:none; visibility:hidden}

#stylingtip {position:relative; float:left; width:100%; height:16px; line-height:16px; font-weight:bold; margin-top:20px; color:#333333;}
#dertip {position:relative; float:left; width:480px; margin-top:3px}

#ppassend {position:relative; float:left; width:508px; margin-left:8px; margin-top:30px; border:1px solid #CCCCCC; color:#333333; height:16px; background-image:url(../img/verl01.jpg); line-height:16px; font-weight:bold; font-size:11px; text-indent:3px;}


#ploader {position:relative; float:left; width:508px; height:100%; margin-left:8px; margin-top:20px; height:16px; line-height:16px; color:#666666;}

/*Mein Account */
#n_daten {position:relative; float:left; width:90px; border:1px solid #DEDEDE; border-bottom-color:#FCFCFC; background-color:#FCFCFC; margin-left:8px; cursor:pointer; z-index:2}
#n_adressen{position:relative; float:left; width:90px; border:1px solid #DEDEDE; border-left:0px; background-color:#F6F6F6; cursor:pointer; z-index:2}
#n_orders {position:relative; float:left; width:90px; border:1px solid #DEDEDE; border-left:0px; background-color:#F6F6F6; cursor:pointer; z-index:2}

#d_daten {position:relative; float:left; margin-left:10px; margin-top:12px; width:480px; display:block}
#d_adressen{position:relative; float:left; margin-left:10px; margin-top:12px; width:480px;; visibility:hidden; display:none}
#d_orders{position:relative; float:left; margin-left:10px; margin-top:12px; width:480px; display:none; visibility:hidden}


/* Formularfelder */
form {padding:0px; margin:0px; font-size:11px}
.tlabel {font-size:11px; background-color:#FCFCFC; border:1px solid #CCCCCC; color:#666666; font-family:Arial, Helvetica, sans-serif}

/* Tools */
#tools {position:absolute; min-height:100%; top:0px; left:541px; width:190px; z-index:2}

/* Suche Box */
#suchen {position:relative; float:left; left:9px; width:180px; top:20px; border:1px solid #DEDEDE; background-color:#F6F6F6; color:#666666}
#suchtitel {position:relative; text-indent:13px; width:180px; height:17px; line-height:16px; background-image:url(../img/glas01.jpg); border-bottom:1px solid #DEDEDE; font-weight:bold; color:#666666;}
#suchtext {position:relative; left:5px; width:170px;}
#f_suche {position: relative; float:left; padding-bottom:8px}
#t_suche {float:left; width:135px; margin-top:7px; margin-left:5px}
#i_suche {float:left; margin-top:7px; margin-left:5px}

/*Login Box */
#login {position:relative; float:left; left:9px; width:180px; top:40px; border:1px solid #DEDEDE; background-color:#F6F6F6; color:#666666}
#logintitel {position:relative; text-indent:13px; width:180px; height:17px; line-height:16px; background-image:url(../img/glas01.jpg); border-bottom:1px solid #DEDEDE; font-weight:bold; color:#666666;}
.logintext {position:relative; left:5px; width:170px;}
#f_login {position: relative; float:left; padding-bottom:3px}

/*Warenkorb */
#basket {position:relative; float:left; left:9px; width:180px; top:60px; border:1px solid #DEDEDE; background-color:#F6F6F6}
#baskettitel {position:relative; left:0px; text-indent:13px; width:180px; height:17px; line-height:16px; background-image:url(../img/glas01.jpg); border-bottom:1px solid #DEDEDE; color:#666666; font-weight:bold}
#baskettext {position:relative; left:5px; width:170px; color:#666666}
#basketprod{ position:relative; float:left; width:170px}
.b_prod {position:relative; float:left; width:170px; font-size:11px; margin-top:0px; margin-left:2px}
.b_leer {position:relative; float:left; width:170px; font-size:11px; margin-top:15px; margin-left:0px}
.b_text {float:left; width:170px; margin-top:7px; margin-left:0px; font-size:11px; height:14px; cursor:pointer}
.b_stk {float:left; width:35px; text-align:right}
.b_minus {border:0px solid #CCCCCC; float:left; margin-left:4px; margin-top:1px; cursor:pointer}
.b_plus {border:0px solid #CCCCCC; float:left; margin-left:3px; margin-top:1px; cursor:pointer}
.b_preis {float:left; margin-left:4px; width:70px; text-align:right}
.b_del {position:relative; float:left; margin-left:6px; margin-top:1px; cursor:pointer}
#ttl {position:relative; float:left; width:170px; font-size:11px; margin-top:5px; border-top:1px solid #CCCCCC;}
#ttl_t {float:left; width:66px; margin-top:3px; margin-left:2px}
#ttl_a {float:left; margin-left:4px; width:70px;  margin-top:3px; text-align:right}
#ttl_cmts {position:relative; float:left; width:170px; margin-top:3px; padding-top:5px; font-size:9px; border-top:1px solid #CCCCCC;}
#akzept {position:relative; float:left; left:5px; color:#666666 width:170px; margin-top:15px; font-size:11px}
#akzeptico {position:relative; float:left; left:5px; width:170px; margin-top:5px; text-align:center}

/* Tips */
#tips {position:relative; float:left; left:9px; width:180px; top:80px; border:1px solid #DEDEDE; background-color:#F6F6F6}
#tipstitel {position:relative; left:0px; text-indent:13px; width:180px; height:17px; line-height:16px; background-image:url(../img/glas01.jpg); border-bottom:1px solid #DEDEDE; color:#666666; font-weight:bold}
#tipstext {position:relative; left:5px; width:170px; color:#666666}
.tipsprod {position:relative; float:left; width:170px; font-size:11px; margin-top:5px; margin-left:2px}

/* Hersteller Seite */
#manuf{position:relative; float:left; margin-left:10px; margin-top:10px; width:510px; line-height:18px}
#manuf img {position:relative; float:left; border:1px solid #DEDEDE; margin-right:8px}

/* Bestellung abschliessen */
.adressfelder {position:relative; float:left; width:240px; margin-left:8px; margin-top:20px; border:1px solid #CCCCCC; color:#000000; background-color:#FCFCFC}
.adresstitel {position:relative; float:left; width:240px; height:16px; background-image:url(../img/verl01.jpg); line-height:16px; font-weight:bold; font-size:11px; text-indent:3px; border-bottom:1px solid #DEDEDE; color:#333333}
.adresstiteltext{position:relative; float:left}
.adressmenu{position:relativ; float:right; margin-right:8px; top:0px; text-align:right; font-size:10px;}
.adresse_speichern{position:relative; float:left; left:16px; visibility:hidden; display:none}
.adress_btnok{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:80px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }
.adress_view_content{font-size:11px; padding-left:5px; padding-top:5px; margin-top:12px;}
.adressbuch{position:absolute; width:200px; background-color:#FCFCFC; border:1px solid #CCCCCC; visibility:hidden}
.adressbuch_content{font-size:11px; padding-left:0px; padding-top:0px; width:100%; text-align:left; font-weight:normal; text-indent:0px}
.adressbuch_content p {line-height:16px; padding:5px; width:190px; cursor:pointer; border:0px; margin:0px; color:#666699}

.tabelletitel {height:16px; background-image:url(../img/verl01.jpg); line-height:16px; font-weight:bold; font-size:11px; text-indent:3px; color:#333333}

.btn_bestellen{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:180px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

.btn_bezahlen{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:35px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

.btn_dankeweiter{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:170px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }


/*msg box*/
.bLeft {position:relative; float:left; width:4px; height:27px; background-image:url(../img/nLeft25btn.png); background-repeat:no-repeat;}
.bRight {position:relative; float:left; width:4px; height:27px; background-image:url(../img/nRight25btn.png); background-repeat:no-repeat;}
#btntxt{position:relative; float:left; height:25px; text-align:center; padding-left:5px; padding-right:5px; padding-top:1px}

#msgoverlay{position:absolute; top:0px; left:0px; width:100%; height:101%; background-color:#F6F6F6; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; visibility:hidden; z-index:5}
#msgloaderimg{position:absolute; left:50%; margin-left:-27px; top:40%}
#msgbox{position:absolute; left:50%; margin-left:-105px; top:30%; width:250px; visibility:hidden; z-index:6;}
#msgbalken{position:relative; float:left; width:100%; background-image:url(../img/balken_back.png); height:22px; color:#666666; }
#lmsgb{position:absolute; left:0px; width:4px; height:22px; background-image:url(../img/balken_left.png); background-color:#999999}
#rmsgb{position:absolute; right:0px; width:4px; height:22px; background-image:url(../img/balken_right.png); background-color:#999999}
#msgtitel{position:relative; float:left; left:7px; height:22px; color:#666666; line-height:21px; font-weight:bold}
#close{position:relative; float:right; margin-right:6px; padding:2px; font-size:10px; top:2px; line-height:14px}
#msgcontent{position:relative; float:left; width:248px; background-color:#FAFAFA; border-left:1px solid #EDEDED; border-right:1px solid #EDEDED}
#msgtxt{position:relative; float:left; padding-top:15px; padding-left:5px; line-height:18px; width:180px}
#btnok{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:90px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

#btnAccok{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:90px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

#btnSendPW{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:80px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

#btnSendMsg{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:120px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

#btnConf{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:200px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

/*dialogbox*/
#dialogbox{position:absolute; left:50%; margin-left:-105px; top:30%; width:250px; visibility:hidden; z-index:6;}
#dialogtitel{position:relative; float:left; left:7px; height:22px; color:#666666; line-height:21px; font-weight:bold}
#dialogtxt{position:relative; float:left; padding-top:10px; padding-left:5px; line-height:18px}
#btnDok{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:50px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }
#btnCancel{position:relative; float:left; height:27px; line-height:24px; background-image:url(../img/nBack25.png); left:80px; text-align:center; color:#666666; font-weight:bold; cursor:pointer; margin-top:10px }

.tbtitel{color:#666666}