@charset "UTF-8";
body { background-color: #FFF; margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #cccccc; }

#container { position:absolute; width:962px; height:auto; top: 0px; left: 50%; margin:0px 0px 0px -481px; padding: 0; z-index: 1; background-image: url('../images/bg_1.jpg'); }
#nav_top { width:905px; height:20px; margin:0px 0px 0px 13px; padding: 4px 10px 0px 20px; text-align: right; }
#content_main_a { width:962px; height:352px; margin: 0px 0px 0px 0px; padding:0; text-align: left; background-image: url('../images/bg_mobile.jpg'); }
#content_main_b { width:662px; min-height:370px; _height:370px; margin:0px 0px 0px 0px; padding:20px 20px 20px 280px; text-align: left; background-image: url('../images/bg_3.jpg'); background-repeat: no-repeat; }
#content_main_c { width:662px; min-height:722px; _height:722px; margin:0px 0px 0px 0px; padding:20px 20px 20px 280px; text-align: left; background-image: url('../images/bg_3.jpg'); background-repeat: no-repeat; }

/* sub_content */
#content_subcon_all { float: left; width:640px; height:auto; margin:0px 0px 0px 0px; padding:0px 6px 0px 6px; text-align: left; }
#content_subcon_all_border { float: left; width:640px; height:auto; margin:20px 0px 0px 0px; padding:6px 6px 6px 6px; text-align: left; border-color: white; border-style: dashed; border-width: 1px; }

#content_subcon_left { float: left; width:300px; height:auto; margin:0px 10px 0px 0px; padding:0px 6px 0px 6px; text-align: left; }
#content_subcon_right { float: left; width:300px; height:auto; margin:0px 0px 0px 10px; padding:0px 6px 0px 6px; text-align: left; }
#content_subcon_left_bigger { float: left; width:400px; height:auto; margin:0px 10px 0px 0px; padding:0px 6px 0px 6px; text-align: left; }
#content_subcon_right_smaller { float: left; width:200px; height:auto; margin:0px 0px 0px 10px; padding:0px 6px 0px 6px; text-align: left; }
#content_subcon_form_left { float: left; width:300px; height:auto; margin:0px 10px 10px 0px; padding:0px 6px 0px 6px; text-align: left; }
#content_subcon_form_right { float: left; width:300px; height:auto; margin:0px 0px 10px 10px; padding:0px 6px 0px 6px; text-align: left; }

#textliste_xaluca{ float: left; width:100%; height:auto; margin:0; vertical-align: top; padding:0px 0px 0px 20px; text-align: left; background-image: url('../images/icon_textliste_xaluca.jpg'); background-repeat: no-repeat; background-position: 0px 3px; }
#textliste_xantano{ float: left; width:100%; height:auto; margin:0; vertical-align: top; padding:0px 0px 0px 20px; text-align: left; background-image: url('../images/icon_textliste_xantano.jpg'); background-repeat: no-repeat; background-position: 0px  3px; }
#textliste_xantos{ float: left; width:100%; height:auto; margin:0; vertical-align: top; padding:0px 0px 0px 20px; text-align: left; background-image: url('../images/icon_textliste_xantos.jpg'); background-repeat: no-repeat; background-position: 0px 3px; }

#textliste_b_xaluca{ float: left; width:100%; height:auto; margin:0; vertical-align: top; padding:0px 0px 0px 20px; text-align: left; background-image: url('../images/icon_textliste_b_xaluca.jpg'); background-repeat: no-repeat; background-position: 0px 3px; }
#textliste_b_xantano{ float: left; width:100%; height:auto; margin:0; vertical-align: top; padding:0px 0px 0px 20px; text-align: left; background-image: url('../images/icon_textliste_b_xantano.jpg'); background-repeat: no-repeat; background-position: 0px 3px; }
#textliste_b_xantos{ float: left; width:100%; height:auto; margin:0; vertical-align: top; padding:0px 0px 0px 20px; text-align: left; background-image: url('../images/icon_textliste_b_xantos.jpg'); background-repeat: no-repeat; background-position: 0px 3px; }

#clear_float_left{ clear: left; }

#bildanzahl{ width: 292px; height: 12px; margin: 0px 0px 10px 0px; padding: 4px; background-color: #cccccc; font-family: Arial; color: #000; font-size: 10px; }
#bildbesch{ width: 202px; height: 12px; margin: 0px 0px 10px 0px; padding: 4px; background-color: #FFF; font-family: Arial; color: #000; font-size: 10px; }

/* NavMain */
#container_nav_main_border_top { position:absolute; width:224px; height:8px; top: 24px; left: 33px; margin:0; padding:0; z-index: 3; background-image: url('../images/bg_nav_transborder.png'); }
#container_nav_main { position:absolute; width:224px; height:100%; top: 32px; left: 33px; margin:0; padding:0; z-index: 3; background-image: url('../images/bg_nav.png'); }

#logo { width:208px; height:70px; margin: 30px 0px 50px 0px; padding: 0px 0px 0px 8px; text-align: center; }

/*--------------*/
#btn_mobile_xaluca { width:216px; height:50px; padding-left: 8px; background-image: url('../images/bg_nav_xantos.png');	text-align: center; }
#btn_mobile_xantano { width:216px; height:50px;	padding-left: 8px; background-image: url('../images/bg_nav_xaluca.png'); text-align: center; }
#btn_mobile_xantos { width:216px; height:50px; padding-left: 8px; background-image: url('../images/bg_nav_xantano.png'); text-align: center; }

#btn_mobile { width:208px; height:50px; text-align: center; }
/*---------------*/

#nav_mainsub_xaluca { width:188px; height:17px; padding-top: 2px; padding-left: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xaluca.jpg'); text-align: left;	display: block; }
#nav_mainsub_xaluca:hover { width:168px; height:17px; padding-top: 2px; padding-right: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xaluca_activ.jpg'); text-align: right; display: block; }
#nav_mainsub_xaluca_activ { width:188px; height:17px; padding-top: 2px; padding-right: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xaluca_activ.jpg'); text-align: right; display: block; }

#nav_mainsub_xantano { width:188px; height:17px; padding-top: 2px; padding-left: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xantano.jpg'); text-align: left; display: block; }
#nav_mainsub_xantano:hover { width:168px; height:17px; padding-top: 2px; padding-right: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xantano_activ.jpg'); text-align: right; display: block; }
#nav_mainsub_xantano_activ { width:188px; height:17px; padding-top: 2px; padding-right: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xantano_activ.jpg'); text-align: right; display: block; }

#nav_mainsub_xantos { width:188px; height:17px; padding-top: 2px; padding-left: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xantos.jpg'); text-align: left; display: block; }
#nav_mainsub_xantos:hover { width:168px; height:17px; padding-top: 2px; padding-right: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xantos_activ.jpg'); text-align: right; display: block; }
#nav_mainsub_xantos_activ { width:188px; height:17px; padding-top: 2px; padding-right: 20px; margin: 2px 0px 0px 8px; background-image: url('../images/nav_mainsub_xantos_activ.jpg'); text-align: right; display: block; }


/*-----------------*/
#nav_sub_unternehmen { width:198px; height:33px; padding: 0; margin: 90px 0px 0px 13px; overflow: hidden; display: block; }
#nav_sub_technik { width:198px; height:33px; padding: 0; margin: 4px 0px 0px 13px; overflow: hidden; display: block; }
#nav_sub_testberichte { width:198px; height:33px; padding: 0; margin: 4px 0px 0px 13px; overflow: hidden; display: block; }
#nav_sub_preisliste { width:198px; height:33px; padding: 0; margin: 4px 0px 0px 13px; overflow: hidden; display: block; }
#nav_sub_aktuelles { width:198px; height:33px; padding: 0; margin: 4px 0px 0px 13px; overflow: hidden; display: block; }
#nav_sub_kunden { width:198px; height:33px; padding: 0; margin: 4px 0px 0px 13px; overflow: hidden; display: block; }
#nav_sub_schnaeppchen { width:198px; height:33px; padding: 0; margin: 4px 0px 0px 13px; overflow: hidden; display: block; }

#nav_sub_newsletter { width:184px; height:150px; padding: 30px 0px 0px 18px; margin: 40px 0px 0px 13px; overflow: hidden; background:url('../images/bg_newsletter.jpg') no-repeat }
#nav_sub_newsletter_txt_small { font-family: Arial; color: #000000; font-size: 12px; padding: 0; margin: 8px 0px 0px 0px; }


a.btn_sub_unternehmen { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_01.jpg') no-repeat 0 -33px; }
a.btn_sub_unternehmen:hover { background-position: 0 0px; }
a.btn_sub_technik { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_02.jpg') no-repeat 0 -33px; }
a.btn_sub_technik:hover { background-position: 0 0px; }
a.btn_sub_testberichte { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_03.jpg') no-repeat 0 -33px; }
a.btn_sub_testberichte:hover { background-position: 0 0px; }
a.btn_sub_preisliste { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_04.jpg') no-repeat 0 -33px; }
a.btn_sub_preisliste:hover { background-position: 0 0px; }
a.btn_sub_aktuelles { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_05.jpg') no-repeat 0 -33px; }
a.btn_sub_aktuelles:hover { background-position: 0 0px; }
a.btn_sub_kunden { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_06.jpg') no-repeat 0 -33px; }
a.btn_sub_kunden:hover { background-position: 0 0px; }
a.btn_sub_schnaeppchen { text-indent:-900em; display: block; padding: 0px 0px 0px 0px; width: 198px; height: 33px; background:url('../images/nav_sub_07.jpg') no-repeat 0 -33px; }
a.btn_sub_schnaeppchen:hover { background-position: 0 0px; }



#footer { position: absolute; width:929px; height:77px; margin:0; padding:12px 0px 0px 33px; text-align: left; background-image: url('../images/bg_2.jpg'); z-index: 10; }

#img_galerie{ float: left; width: 180px; height: 180px; margin: 0px 20px 10px 0px; text-align: center; vertical-align: middle;  }

.galerie{/*geht nicht*/
	position: relative;
	vertical-align: middle;
}

p { margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #cccccc; }

h1 { font-family: Arial; color: #c6b6a0; font-size: 20px; line-height: 22px; margin: 0px 0px 20px 0px; padding: 0; }
h1:first-letter { font-family: Arial; color: #c6b6a0; font-size: 27px; line-height: 29px; margin: 0px 0px 20px 0px; padding: 0; }

h1.xaluca { font-family: Arial; color: #d98f16; font-size: 20px; line-height: 22px; margin: 0px 0px 20px 0px; padding: 0; }
h1.xaluca:first-letter { font-family: Arial; color: #d98f16; font-size: 27px; line-height: 29px; margin: 0px 0px 20px 0px; padding: 0; }

h1.xantano { font-family: Arial; color: #7ba0ba; font-size: 20px; line-height: 22px; margin: 0px 0px 20px 0px; padding: 0; }
h1.xantano:first-letter { font-family: Arial; color: #7ba0ba; font-size: 27px; line-height: 29px; margin: 0px 0px 20px 0px; padding: 0; }

h1.xantos { font-family: Arial; color: #da5359; font-size: 20px; line-height: 22px; margin: 0px 0px 20px 0px; padding: 0; }
h1.xantos:first-letter { font-family: Arial; color: #da5359; font-size: 27px; line-height: 29px; margin: 0px 0px 20px 0px; padding: 0; }

h2 { font-family: Arial; color: #000; font-size: 13px; line-height: 15px; margin: 0; padding: 0; }

a, a:link, a:visited { font-family: Arial; font-size: 12px; color: #c6b6a0; text-decoration:none; }
a:hover { text-decoration:none; font-family: Arial;	font-size: 12px; color: #fff; }

a.nav_top, a.nav_top:link, a.nav_top:visited { font-family: Arial; font-size: 11px; color: #c6b6a0; text-decoration:none; margin-right: 10px;}
a.nav_top:hover { text-decoration:none; font-family: Arial;	font-size: 11px; color: #FFF; margin-right: 10px; }
a.nav_top_activ { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: none; margin-right: 10px;}

a.nav_main_link, a.nav_main_link:link, a.nav_main_link:visited { font-family: Arial; color: #892c36; font-size: 14px; text-decoration:none; }
a.nav_main_link:hover { color: #892c36; text-decoration:none; }
a.nav_main_link_activ { font-family: Arial; color: #892c36; font-size: 14px; text-decoration: none; font-weight: bold;}

a.btn_nav_mainsub, a.btn_nav_mainsub:link, a.btn_nav_mainsub:visited { font-family: Arial; color: #FFF; font-size: 14px; text-decoration:none; }
a.btn_nav_mainsub:hover { color: #FFF; text-decoration:none; }
a.btn_nav_mainsub_activ { font-family: Arial; color: #FFF; font-size: 14px; text-decoration: none; font-weight: bold;}


a.nav_sub_link, a.nav_sub_link:link, a.nav_sub_link:visited { font-family: Arial; color: #a08f78; font-size: 14px; text-decoration:none; }
a.nav_sub_link:hover { color: #892c36; text-decoration:none; font-weight: normal;}
a.nav_sub_link_activ { font-family: Arial; color: #892c36; font-size: 18px; line-height: 18px; text-decoration: none; font-weight: normal; }


a.sitmap_a, a.sitmap_a:link, a.sitmap_a:visited { font-family: Arial; color: #a08f78; font-size: 14px; text-decoration:none; }
a.sitmap_a:hover { color: #FFF; text-decoration:none; font-weight: normal;}

a.sitmap_b, a.sitmap_b:link, a.sitmap_b:visited {margin-left: 20px; font-family: Arial; color: #a08f78; font-size: 14px; text-decoration:none; }
a.sitmap_b:hover { margin-left: 20px; color: #FFF; text-decoration:none; font-weight: normal;}

.textline {padding: 0px 0px 0px 0px; margin: 20px 0px 20px 0px;}
textarea.message { width: 154px; height: 100px; font-family: Arial; color: #666666; font-size: 10px; border: solid 1px #666666; }



li { font-family: Arial; color: #000; font-size: 14px; list-style-position:inside }
ul { font-family: Arial; color: #000; font-size: 14px; list-style-position:inside }
ol { font-family: Arial; color: #000; font-size: 14px; list-style-position:inside }