body, table, td, th, div, * { margin:0; padding:0; background-repeat:no-repeat; }
body { text-align:center; font:12px Verdana, Arial, sans-serif; color:#000; }
h1 { font:bold 18px Helvetica, Arial, sans-serif; color:#636363; padding:14px 0 11px 20px; }
h2 { font-size:12px; font-weight:bold; color:#000; padding:0 0 20px 0; }
h3 { font-size:12px; font-weight:bold; color:#000; padding:0 0 5px 0; }
h3.paragraph { }
ul { list-style-type:none; list-style-position:outside; }

img.floatingCorner { position:absolute; width:5px; height:5px; z-index:10; }
img.center { display:block; margin:30px auto 20px auto; text-align:center; }

a { text-decoration:none; background-repeat:no-repeat; color:#e20423; }
a img { border:none; }

a.external { }
a.external img { padding-right:2px; }

p { margin:0 0 16px 0; }
p.quelle { font-style:italic; }

span.nowrap { white-space:nowrap; }
.red { color:#e1001f; }
.clear { clear:both; }

#sitebody { text-align:left; width:912px; margin:0 auto; }
#preloader { width:0; height:0; overflow:hidden; }
#header { margin:0 0 11px 0; }
#sidebar { width:200px; float:left; overflow:hidden; }
.leftwidth { width:200px; }
#main { position:relative; float:left; width:712px; margin:0 0 11px 0; overflow:hidden; }

/* main menu */
#menue li { display:block; width:194px; height:35px; margin-bottom:5px; }
#menue a { display:block; width:194px; height:35px; text-indent:17px;
	font:bold 16px/36px Helvetica, Arial, sans-serif; color:#3e3e3e;
	background-image:url(/_grfx/navi.gif); overflow:hidden; }
#menue a:hover { color:#fff; background-image:url(/_grfx/navi_over.gif); }
#menue a.active { color:#fff; background-image:url(/_grfx/navi_active.gif); }

/* submenu */
#maintext #submenue { width:712px; height:35px; margin:5px 0 4px 0;
	color:#3e3e3e; font:bold 16px/36px Helvetica, Arial, sans-serif;
	background-image:url(/_grfx/sub_navi.gif); overflow:hidden;
}
#maintext #submenue.submenu-big { height:61px; line-height:20px; background-image:url(/_grfx/sub_navi2.gif); }
#maintext #submenue ul { display:block; margin:0; height:35px; list-style-position:inside; }
#maintext #submenue ul.submenu-big { position:relative; top:8px; }
#maintext #submenue li { display:block; float:left; margin:0 0 5px 0; padding-left:17px; }
#maintext #submenue a { text-decoration:none; color:#989898; }
#maintext #submenue a:hover,
#maintext #submenue a.active { color:#636363; }

/* footer */
#footer { clear:both; width:712px; height:14px; margin:0 0 4px 0; padding:8px 0;
	font-size:10px; color:#606060; background-image:url(/_grfx/footer_2.gif); }
#footer a { padding:10px 20px; color:#606060; }
#footer a:hover,
#footer a.active { color:#3e3e3e; }

#maintext { clear:both; position:relative; width:712px; border-bottom:5px solid #fff; }
#maintext a:hover { text-decoration:underline; }

/* unordered list */
#maintext ul { list-style-type:square; margin:0 0 26px 20px; }

/* ordered list */
#maintext ul.ordered-list { margin:0; }
#maintext ul.ordered-list li { list-style-type:none; clear:left; padding-top:18px; }
#maintext ul.ordered-list li.last div { margin-bottom:26px; }
#maintext ul.ordered-list span.number { display:block; float:left; width:40px; }
#maintext ul.ordered-list div { display:block; float:left; width:630px; }
#maintext ul.ordered-list ul { margin-bottom:0; }
#maintext ul.ordered-list ul li { list-style:square; list-style-position:outside; }

/* image-list */
#maintext ul.image-list { list-style-type:none; }
#maintext ul.image-list li { float:left; padding:5px 10px;}
#maintext ul.image-list img { border:1px solid #000; }

/* tabellen */
table.preispaket { width:100%; font-size:11px; color:#fff; background:#999; text-align:center; border-spacing:0; }
table.preispaket td { width:25%; height:23px; }
table.preispaket td.headl { height:40px; font-weight:bold; }
table.preispaket td.headline { text-align:right; }
table.preispaket td.borderstraight { border-bottom:1px solid #fff; }
table.preispaket td.darkerback { background:#6d6d6d; }
table.preispaket td.dottsright { border-right:1px dotted #fff; }
table.impressum { table-layout:auto; width:670px; border-collapse:collapse; }
table.impressum td { vertical-align:top; padding:11px 0; }
table.impressum td.first { width:45%; text-align:right; padding-right:17px; font-weight:bold; border-right:1px solid #606060; }
table.impressum td.last { width:55%; padding-left:17px; }

/* preispaket */
#maintext ul.preise { list-style-type:none; margin-left:0; }
#maintext ul.preise li { margin-top:18px; }

/* tooltips */
div.tooltip { display:none; width:274px; height:78px; padding:25px; font:16px/20px Helvetica, Arial, sans-serif;
	color:#fff; background:transparent url(/_grfx/tooltip_295x80.png) no-repeat scroll 0 0; }

/* sprungmarken */
#maintext ul.anchor-list { margin:0 0 10px 0; padding-top:10px; list-style-type:none; }
#maintext ul.anchor-list li { margin:2px 0 0 0; }
#maintext ul.anchor-list a { font-size:12px; font-weight:bold; background:url(/_grfx/icon_anchor_list.gif) no-repeat 1px 2px; }
#maintext ul.anchor-list span { color:#000; padding-left:20px; padding-left:20px; }
h2.anchor { font:bold 16px Helvetica, Arial, sans-serif; color:#000; padding:24px 0 10px; }
a.anchor-top { display:block; position:relative; left:-18px; top:14px; width:18px; height:16px;
	background: url(/_grfx/icon_anchor_list_hdl.gif) no-repeat 3px 2px; text-align:center; }
a.anchor-top.h2 { top:40px; }

/* teaser */
.teaser { margin-top:35px; }
.teaser p { width:260px; height:29px; margin:0 0 5px 0; font:bold 14px/31px Helvetica, Arial, sans-serif;
	text-indent:35px; overflow:hidden; }
.teaser p a { display:block; width:260px; height:29px; color:#fff;
	background:#7e7e7e url(/_grfx/teaser_bg.png) no-repeat left top;
}
.teaser p a:hover,
#maintext .teaser p a:hover { color:#3e3e3e; background-color:#bbb; background-position:left bottom; text-decoration:none; }

/* main content bg images */
.mtpic { width:100%; height:315px; }
#mtstartpic     { background-image:url(/content_pics/start.jpg); }
#mtpreispic     { height:275px; background-image:url(/content_pics/preise.jpg); }
#mtProbeversion { background-image:url(/content_pics/probeversion_text.jpg); }
#mtfaqpic       { background-image:url(/content_pics/faq.jpg); }
#mtueberunspic  { background-image:url(/content_pics/Espresto-Mann.jpg); }
#mtkontakt      { background-image:url(/content_pics/kontakt.jpg); }
#mtimpressum    { background-image:url(/content_pics/impressum.jpg); }
#mtsitemap      { background-image:url(/content_pics/sitemap.jpg); }
#mtagb          { background-image:url(/content_pics/agb.jpg); }
#mtsuche        { background-image:url(/content_pics/suche.jpg); }
#mt404          { background-image:url(/content_pics/404.jpg); }
#mtwikidefinition { height:275px; background-image:url(/content_pics/Glas-Wasser.jpg); }
#mtwikileasing    { height:275px; background-image:url(/content_pics/hosting.jpg); }

/* shop bg images */
.registration-form.domain { background-image:url(/content_pics/probeversion_text.jpg); width:100%; height:315px; }
#mtProbe { background-image:url(/content_pics/probeversion.jpg); width:100%; height:315px; }

#maintextend { float:left; width:712px; height:10px; margin:0 0 5px 0; background:url(/_grfx/maintextend.gif) no-repeat; }
.mtinsidepic { margin:5px 0 0 0; padding:20px 0 0 0; background:#e1e1e1 url(/_grfx/maintextstart.gif) no-repeat; }
.mtinsidepic .leftfloat { float:left; padding:18px 0 11px 20px; width:319px; }
.mtinsidepic .leftfloat.sitemap { width:200px; }
.mtinsidepic .nofloat { padding:18px 0 11px 20px; width:670px; }
.mtinsidepic .nofloat2 { clear:both; padding:18px 0 11px 20px; width:670px; }
.mtinsidepicend { float:left; width:712px; height:10px; margin:0 0 5px 0; background:url(/_grfx/maintextend.gif) no-repeat; }

/* blog & download */
#bud1 { display:none; }
#bud2 { width:194px; height:20px; margin:10px 0 0 0; overflow:hidden;
	background:url(/_grfx/blogunddl_end.gif) no-repeat left bottom; }
#blogUndDownload { width:194px; padding-top:20px;
	font:11px Helvetica, Arial, sans-serif; color:#636363;
	background:#e1e1e1 url(/_grfx/blogunddl_start.gif) no-repeat left top;
}
#blogUndDownload h1 { padding-left:0; }
#blogUndDownload dt { display:block; float:left; width:50px; height:auto; background:url(/_grfx/bloglistpfeil.gif) no-repeat 45px 50%; }
#blogUndDownload dt, #blogUndDownload dd { padding-top:5px; }
#blogUndDownload a:hover { text-decoration:underline; }

#blog, #download { margin:0 16px; padding:0; }
#blog dl { margin:0 0 16px 0; }

/* shop */
#wunschadresse,
#probeinput { position:absolute; top:264px; left:80px; width:235px; height:18px; color:#636363;
	font:bold 15px Helvetica, Arial, sans-serif; background:transparent; border:none; outline:none; text-align:right; }
#probeinput:focus { background:none; }

#submitprobe { position:absolute; top:248px; left:449px; width:52px; height:49px; background:none; border:none; }
#submitprobe:hover { background:url(/_grfx/probeversion_hover.gif) no-repeat; border:none; }
#submitprobe:focus { border:none; }

#bud1 { display:none; } /* shop fix */
a.preis-button { display:none; } /* button im shop */

/* sitemap */
#maintext ul.sitemap,
#maintext ul.sitemap ul { list-style-type:none; }

/* suche */
#suche { position:relative; height:35px; background:url(/_grfx/suche.gif) no-repeat; margin:0 0 5px 0; }
#inputsearch, #suchetextgrau { position:absolute; top:12px; left:15px; width:146px; height:16px;
	font:13px Helvetica, Arial, sans-serif; color:#bbb; background:transparent; border:none; outline:none; }
#inputsearch { color:#000; }
#inputsearch:focus { background:#fff; }

#submitit { position:absolute; top:5px; left:161px; width:25px; height:25px;
	background:url(/_grfx/suche.gif) no-repeat -161px; border:none; cursor:pointer; }

div.prev-next.first { margin-top:10px; }
div.prev-next { height:20px; }
#maintext div.prev-next a { font:bold 16px Helvetica, Arial, sans; text-decoration:none; color:#989898; }
#maintext div.prev-next a:hover { color:#636363; }
div.prev-next a.prev { float:left; }
div.prev-next a.next { float:right; }

#search-result { width:670px; margin:10px 0; table-layout:fixed; border-top:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; }
#main table#search-result td { padding:8px 0; vertical-align:top; }

#search-result span.hdl { display:block; font:bold 12px Verdana, Arial, sans; color:#3e3e3e; }
#search-result span.paragraph { display:block; margin:0.2em 0; font:11px Verdana, Arial, sans; color:#3e3e3e;}

#search-result td.nr { text-align:right; width:30px; }
#search-result td.data { width:630px; }
#search-result td.data span.url { color:#e20423; }
#search-result td.data a { display:block; position:relative; left:2em; padding:0 0em; width:600px; }
#search-result td.data a:hover { position:relative; left:1em; padding-left:1em; padding-right:1em; text-decoration:none; }

#search-result span.highlight { padding:0 5px; background-color:#989898; }

#doclang_all { margin-left:0.5em; }
#search-doclang-chooser label { padding-right:0.5em; }
#search-doclang-chooser label:hover { text-decoration:underline; }

#search-field { height:22px; margin:10px 0 30px 0; background:transparent url(/_grfx/suche_feld.gif) no-repeat; }
#searchfield { float:left; position:relative; top:4px; margin:0 0 0 9px; width:146px; height:16px;
	color:#000; font:13px Helvetica, Arial, sans-serif; border-width:0px; outline:none;
}
#search-field input.search-button {
	display:block; float:left; height:22px; width:5em; margin:0; padding:0 8px 0 6px;
	font:14px Helvetica, Arial, sans-serif; text-align:left; color:#3e3e3e;
	background:transparent url(/_grfx/suche_button.gif) no-repeat right top; border:none; outline:none; }
#search-field input.search-button:hover { color:#000; }

/* landing page */
#landing { width:715px;margin:50px auto 0 auto;text-align:center; }
#landing h1 { padding-left:0; }
#landing .teaser-box { display:block; float:left; width:215px; height:280px; margin:10px 0 0 15px; }
#landing .teaser-box-head { background:#e1e1e1 url(/_grfx/landing-page-bg-top.gif) no-repeat left top; border-bottom:1px solid #999; }
#landing .teaser-box-head h1 { margin:0; padding:8px 0 4px 20px; }
#landing .content { height:175px; padding:13px 20px; background:#e1e1e1 url(/_grfx/landing-page-bg-bottom.gif) no-repeat bottom left; }
#landing .teaser { display:block; float:left; margin:10px 0 0 0; width:215px; height:29px; }
#landing .teaser p a { background-image:url(/_grfx/landing-page-teaser-bg.png); text-indent:0; text-align:center; width:215px; }

/* slimbox */
#lbOverlay { position:fixed; z-index:9999;	left:0; top:0; width:100%; height:100%;	background-color:#000; cursor:pointer; }
#lbCenter, #lbBottomContainer {	position:absolute; z-index:9999; overflow:hidden; background-color:#fff; }
.lbLoading { background:#fff url(/_grfx/lbloading.gif) no-repeat center; }

#lbImage { position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat; }
#lbBottom { font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;	font-size:10px; color:#666;
	line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none; }

#lbCaption, #lbNumber {	margin-right:71px; }
#lbCaption { font-weight:bold; }

.lb-text { display:block; color:#fff; font:bold 14px/32px Helvetica, Arial, sans-serif; text-align:left; }
.lb-text:hover { color:#3e3e3e; }

#lbCloseLink { display:block; float:right; width:115px; height:29px; text-indent:13px; outline:none;
	background:transparent url(/_grfx/lbclose.png) no-repeat center; }
#lbCloseLink:hover { background-image: url(/_grfx/lbclose-hover.png); }

#lbPrevLink, #lbNextLink { display:block; position:absolute; top:0; width:50%; outline:none; }
#lbPrevLink { left:0; }
#lbNextLink { right:0; }

#lbPrevLink .lb-text, #lbNextLink .lb-text { display:none; position:absolute; top:15%; width:116px; height:49px; line-height:52px; }
#lbPrevLink .lb-text { left:0; text-indent:47px; background:transparent url(/_grfx/lbprev.png) no-repeat left top; }
#lbNextLink .lb-text { right:0; text-indent:23px; background:transparent url(/_grfx/lbnext.png) no-repeat left top; }

#lbPrevLink:hover .lb-text, #lbNextLink:hover .lb-text { display:block; }

#lbPrevLink .lb-text:hover { background-image:url(/_grfx/lbprev-hover.png); }
#lbNextLink .lb-text:hover { background-image:url(/_grfx/lbnext-hover.png); }
