/*Design GLORIEN 2008 - STYLE - Copyright GLORIEN

/*############ GENERAL ##################*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea
{margin:0; padding:0; border:0; outline:0; list-style:none; font-size:11px; font-family:Tahoma,Verdana,Segoe,sans-serif}
table, tr, th, td { border-spacing:0; border-collapse:collapse}
select, input, button, textarea {outline-style:none}
strong, italic, i, b { font-size:inherit}
html, body {padding-top:6px; color:#333; background:#EBEBF0 url('img/bgr.jpg') top repeat-x; text-align:center}

h1 {height:100px; display:block}
h1 img {margin:27px 0 0 25px; width:288px; height:59px}
h2 { margin:0 0 5px 0; padding:20px 0 5px 0; color:#333; font-size:15px; font-weight:bold; border-bottom:1px #FF9900 dotted;}
h3 { padding:20px 0 5px 0; color:#333; font-size:13px; font-weight:bold;}
h4 { padding:15px 0 5px 0; color:#333; font-size:11px; font-weight:bold;}
.p1, .malafide p  {padding:5px 0 5px 10px; line-height:14px;}
.p3 { padding:5px 0 0px 10px;}
.p2 { margin:0 0 10px 9px; padding:5px 0 0 7px;line-height:14px; border-left:6px #CCC solid;}
ul { padding:5px 0 10px 30px;}
li { padding:3px 0 8px 0; list-style:disc; line-height:14px;}
div {display:block}
.gfx {background:url('img/gfx.png') no-repeat}
.block {display:block}
.clear {clear:both}

/*############ SITE ##################*/
.site { margin:0 auto; width:750px; min-height:850px; height:auto !important;  /* für moderne Browser */ height:850px;  /*für den IE */   background:url('img/site-base-trans.png'); text-align:left;}
.left {width:490px}
.right {float:right; position:relative}
.txtR {text-align:right}
.language { padding:11px 25px 0 0;}
.net { height:28px; width:750px; margin:0 auto; background:url('img/glorien/net-bar-trans.png'); text-align:right}
.site-layout { margin:0 auto; width:730px; height:100%; background:#F0F0F0 url('img/glorien/bgr-layout-top.jpg') top repeat-x; border-top:1px #3F3F3F solid;}
.bottom { width:730px; height:150px; background:url('img/glorien/bgr-bottom.jpg') bottom repeat-x;}
.content-field  { margin:0 -8px 0 -6px; padding:0 25px 39px 12px; background:url('img/glorien/content-field.png') bottom left no-repeat;}
#newsbox-small	{ margin:0 0 35px 0; width:394px; height:105px; background:url(images/news/bgr-newsfield.jpg) bottom no-repeat;}
.gmask-hl		{ padding:9px 12px 0 18px; font-size:10px; line-height:13px;}
.logo-text 		{ width:430px; margin:45px 0 0 35px;}
.text-flot-logo	{ color:#333333; font-size:10px;}


/*############ NAV ##################*/
#nav-box {padding:65px 35px 0 0;}
#nav-box ul, #nav-box li {margin:0; padding:0; list-style:none; line-height:normal}
#nav-box ul {padding:5px 0 12px 0; margin-left:3px; width:197px; background:url('img/nav-box/nav-box-main.png') bottom no-repeat; display:block; overflow:hidden}
#nav-box li {height:26px}
#nav-box a {display:block; text-decoration:none; color:#797979; width:180px; padding:6px 0 7px 16px}
#nav-box a:hover {background:url('img/gfx.png') 3px -30px no-repeat; text-decoration:none; color:#444}
#nav-box p {padding:9px 0 0 12px; color:#FFF; font-size:10px; font-style:italic; font-weight:bold}
.nav-box-head	{ width:202px; height:30px}
.specialBox {margin-left:3px}

/*############ CNT #################*/
.cntBlock {margin:0 30px 0 35px; overflow:hidden}
.logo-text 		{ width:430px; margin:45px 0 0 35px;}
.text-flot-logo	{ color:#333333; font-size:10px;}
#tooltip { padding:1px; position:absolute; display:none; background-color:#FFF; border:1px #333 solid;}
#baldaufShopContent {padding:20px 10px 10px 35px}
#baldaufShopContent img {float:left; padding-right:15px;}
#baldaufShopContent h4 { margin:0 0 15px 0; padding:20px 0 5px 0;}
#baldaufShopContent h4 { padding:0 0 10px 0;}
#baldaufShopContent h4 { padding:5px 0 5px 0;}
#baldaufShopContent p { padding-bottom:10px; line-height:16px;}

/*############ SPECIALS - Adbox #################*/
.adbox		{ padding:0 0 15px 0; width:196px; background:url('img/specials/adbox-bgr.png') bottom; font-size:10px; color:#333;}
.adbox-hl	{ padding:9px 12px 0 16px; font-size:10px; line-height:13px; color:#333;}
.adbox-blank	{ width:196px; height:117px; margin-top:20px; background:url('img/specials/blank-box-trans.png'); font-size:10px; color:#333;}
.adbox-valid	{ width:196px; height:95px; margin-top:20px; background:url('img/specials/blank-box-trans.png');}
.adbox-valid-2 { margin-left:15px;padding:0 12px 0 2px; font-size:10px; line-height:13px; color:#333; background:url('/design/img/specials/valid-boxs2-trans.png') top left no-repeat;}
.adbox-custommade-2 { margin-left:14px;padding:15px 12px 0 2px; font-size:10px; line-height:13px; color:#333; background:url('/design/img/specials/custommade-box2-trans.png') top left no-repeat;}
.adbox-seo-2 { margin-left:2px;padding:17px 12px 0 13px; font-size:10px; line-height:13px; color:#333; background:url('/design/img/specials/seo-box2.gif') top left no-repeat;}
.adbox-shop { margin:0 0 0 2px; padding:10px 10px 0 15px; font-size:10px; line-height:13px; color:#333; background:url('/design/img/specials/shop-box-bgr.png') 50px 0 no-repeat;}
.adbox-shop > li { list-style:none; font-size:10px; line-height:13px; padding-top:0}
.adbox-ul { padding:32px 12px 0 130px;}
.adbox-li { padding:3px 0 0px 0; list-style:disc; font-size:10px; line-height:13px; color:#333;}
#baldauf {width:196px; height:294px; margin-top:20px; background:url('img/specials/baldauf-shop.jpg') no-repeat; text-align:center;}
#baldauf a, #baldauf a:visited { color:#FFF; font-size:10px; text-decoration:none;}
#baldauf a:hover, #baldauf a:active { text-decoration:underline;}
#baldauf p {padding:269px 3px 0 0; text-align:center;}
#malafide {background:url('img/specials/mala-fide.jpg') no-repeat;width:196px; height:110px; margin-top:20px; overflow:hidden; display:block; padding-top:165px}
#malafide p {font-size:10px; padding:0 15px 3px 15px; line-height:14px}
#malafide a {font-size: 10px; text-decoration:underline}
#malafide a:hover {text-decoration:none; color:#000}
.opener {text-transform:uppercase; font-size:12px}

.pp	{ margin:15px 0 0 0;}
.stCont	{ min-height:850px; height:auto !important;  /* f�r moderne Browser */ height:850px;  /*f�r den IE */ text-align:left; }
.main	{ position:relative;top:0px; width: 730px; margin:0 9px 0 9px;  background:#F0F0F0 url('img/bgr-main.jpg') top repeat-x; z-index:0;}
.foot	{ height:115px; width:100%; background:#414141 url('img/bgr-foot-bar.jpg') repeat-x; border-bottom: 1px #000000 solid;}
.copy	{ margin:3px 0 5px 0; color:#979696}
.footmenu	{ margin:7px 0 2px 0; color:#777}
.foot a { text-decoration:none; color:#777; line-height:15px}
.foot a:hover { text-decoration:none; color:#FFF; border-bottom:1px #FF9900 dotted; line-height:15px}
.foot span { margin:8px; color:#777}
/*############ HIGHLIGHTS #################*/
.HLOnlineshopWrap { width:467px; height:229px; background:url('img/highlight/highlight_onlineshops.jpg') no-repeat; margin-top:30px; padding-top:4px}
.HLOnlineshopHeadline, .HLOnlineshopCnt { position:relative; top:23px; right:25px; font-size:20px; text-align:right; font-weight:bold; color:#666;}
.HLOnlineshopCnt { top:45px; font-size:12px; padding-left:240px; font-weight:normal; line-height:18px}

.HLmalafideWrap {width:467px; height:245px; background:url('img/highlight/highlight_malafide.jpg') no-repeat; margin-top:30px; padding-top:4px; position:relative}
.HLmalafideWrap div {position:absolute; top:10px; left:280px; width:190px}
.HLmalafideWrap h2 {font-size:1.8em; color:#555; font-weight:400; border:none}
.HLmalafideWrap p {padding:0 0 10px 1px; font-size: 1.1em}
.HLmalafideWrap span {margin:30px 20px 0 0; display:block; text-align:right}
.HLmalafideWrap a {font-size:1.1em}
.malafide h2 {padding-top:0}
.HLZooshopWrap { width:467px; height:229px; background:url('img/highlight/zooshop-online.jpg') no-repeat; margin-top:30px; padding-top:4px}
.HLZooshopTextHeadline, .HLZooshopTextCnt { position:relative; top:40px; right:25px; font-size:17px; text-align:right; font-weight:700; color:#4E4E4E;}
.HLZooshopTextCnt { top:45px; font-size:12px; padding-left:260px}

.cashierHead {width:467px; height:229px; position:relative; background:url(/design/img/highlight/cashier-box-bgr.jpg) no-repeat; margin:30px 0 0 0; padding-top: 4px}
.cashierHead a { position:absolute; top:170px; left:265px; display:block; padding:7px 0 0 53px; width:127px; height:28px; text-decoration:none; font-size:13px; line-height:18px; font-weight:bold; background:url(img/gfx.png)0 -60px no-repeat;}
.cashierHead a:hover { display:block; width:168px; height:35px; text-decoration:none; font-size:13px; line-height:18px; font-weight: bold; padding:8px 0 0 12px; background:url(/design/img/glorien/download-button-2.png) no-repeat;}


/*############ Links #################*/
a.sub-nav { text-decoration:none; color:#666; font-size:13px; font-weight:bold; margin:0 28px 0 28px;}
a.sub-nav:hover { text-decoration:none; color:#333; font-size:13px; font-weight:bold; border-bottom:1px #FFB400 dotted; margin:0 28px 0 28px;}

a.sub-nav-inactive { text-decoration:none; color:#333; font-size:13px; font-weight:bold; border-bottom:1px #FFB400 dotted; margin:0 28px 0 28px;}
a.sub-nav-inactive:hover{ text-decoration:none; color:#333; font-size:13px; font-weight:bold; border-bottom:1px #FFB400 dotted; margin:0 28px 0 28px;}

a.sub-nav2 { text-decoration:none; color:#666; font-size:13px; font-weight:bold; margin:0 36px 0 36px;}
a.sub-nav2:hover { text-decoration:none; color:#333; font-size:13px; font-weight:bold; border-bottom:1px #FFB400 dotted; margin:0 36px 0 36px;}

a.sub-nav-inactive2 { text-decoration:none; color:#333; font-size:13px; font-weight:bold; border-bottom:1px #FFB400 dotted; margin:0 36px 0 36px;}
a.sub-nav-inactive2:hover { text-decoration:none; color:#333; font-size:13px; font-weight:bold; border-bottom:1px #FFB400 dotted; margin:0 36px 0 36px;}

a.menuS { text-decoration:none; color:#797979; font-size:10px;}
a.menuS:hover { text-decoration:none; color:#4F4F4F; font-size:10px;}

a.info { text-decoration:none; color:#333; font-size:10px; border-bottom:1px #FF9900 dotted;}
a.info:hover { text-decoration:none; color:#000; font-size:10px; border-bottom:1px #000 dotted;}

a { text-decoration:underline; color:#333;}
a:hover { text-decoration:underline; color:#000000;}

a.menu { display:block; text-decoration:none; color:#797979; width:180px; padding:6px 0 7px 16px;}
a.menu:hover { display:block; text-decoration:none; color:#444; width:180px; padding:6px 0 7px 16px;}

a.order-button { display:block; width:137px; height:20px; text-decoration:none; font-size:13px; line-height:18px; font-weight:bold; padding:5px 0 5px 0;}
a.order-button:hover { display:block; width:137px; height:20px; text-decoration:none; font-size:13px; line-height:18px; font-weight: bold; padding:5px 0 5px 0;}

a.download-button { display:block; width:168px; height:35px; text-decoration:none; font-size:13px; line-height:18px; font-weight:bold; padding:8px 0 0 12px; background:url(/design/img/glorien/download-button.png) no-repeat;}
a.download-button:hover { display:block; width:168px; height:35px; text-decoration:none; font-size:13px; line-height:18px; font-weight: bold; padding:8px 0 0 12px; background:url(/design/img/glorien/download-button-2.png) no-repeat;}


a.info-ex { text-decoration:underline; color:#333; font-size:10px}
aa.info-ex:hover { text-decoration:none; color:#333; font-size:10px}

a.detail { text-decoration:none; color:#333; font-size:11px; border-bottom:1px #EB770E dotted; padding:0 1px 1px 1px}
a.detail:hover { text-decoration:none; color:#000; font-size:11px; border-bottom:1px #000 dotted; padding:0 1px 1px 1px}

a.buttonLink, a.buttonLink:hover { display:block; width:168px; height:35px; text-decoration:none; font-size:13px; line-height:20px; font-weight:bold; padding:7px 0 0 50px; background:url('img/buttonLink.png') 0 0 no-repeat;}
a.buttonLink:hover { background-position:0 -45px;}

/*############ Buttons #################*/
.order-small-a	{ margin-top:5px; width:137px; height:31px; text-align:center; background:url('img/glorien/webhost/order-button.png');}
.order-small-hover	{ margin-top:5px;  width:137px; height:31px; text-align:center; background:url('img/glorien/webhost/order-button-hover.png');}
.download-button-a	{ margin:15px 0 0 5px; width:180px; height:35px; text-align:center; background:url('img/glorien/download-button.png');}
.download-button-hover	{ margin:15px 0 0 5px; width:180px; height:35px; text-align:center; background:url('img/glorien/download-button-2.png');}
.send-button-a	{ margin:10px 3px 0 2px; padding:9px 0 8px 15px; width:165px; height:23px; text-align:center; background:url('img/glorien/send-button.png') no-repeat; color:#333; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;}
.send-button-hover	{ margin:10px 3px 0 2px; padding:9px 0 8px 15px; width:165px; height:23px; text-align:center; background:url('img/glorien/send-button-2.png') no-repeat; color:#333; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;}

/*############ Submit-Felder #################*/
.formname		{ width:300px; height:20px; margin:10px 3px 0 3px; padding:5px 0 0 5px; background: #FFF; border: 1px #B3B3B3 solid; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.forminput		{ width:410px; height:160px; margin:10px 3px 0 3px; padding:5px 0 0 5px; background: #FFF; border: 1px #B3B3B3 solid; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.formbutton		{ width:180px; margin:10px 3px 0 3px; padding:8px 0 8px 15px; background:url('img/sent-button.png') no-repeat; color:#333; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left}

#TB_window { font-size:11px; line-height:14px; font-family: Tahoma,Verdana,Segoe,sans-serif; color: #333333;}
#TB_secondLine { padding:7px 0 7px 0; font-size:11px; line-height:14px; font-family: Tahoma,Verdana,Segoe,sans-serif; color:#666666;}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay { position:fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window { position: fixed; background:#FFF url(img/field-contact-form.jpg) no-repeat; z-index: 102; color:#000000; display:none;border-right: 2px solid #302727; border-bottom: 2px solid #302727; border-top: 2px solid #302727; border-left: 2px solid #302727; text-align:left; top:50%; left:50%;}

* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

#TB_window img#TB_Image {display:block;	margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666;	border-left: 1px solid #666;}
#TB_caption{ height:0; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow{ height:30px; padding:11px 25px 10px 0;	float:right;}
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px;	text-align:right; float:right;}
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title { background:#E8E8E8 url(img/field-contact-form-title.gif) top repeat-x; height:27px; border-bottom:1px solid #CCC; }
#TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:14px}
#TB_ajaxContent.TB_modal { padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103;	top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{	z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%;	width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{ clear:both; border:none;	margin-bottom:-1px;	margin-top:1px;	_margin-bottom:1px;}
