@charset "UTF-8";

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; vertical-align:top; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* Hides from IE-mac \*/
html, body {height:100%;}
/* End hide from IE-mac */

body {
 background:url(../layout/bg.gif) #d9d9d9;
 font:100.01%/1.6 "trebuchet ms",verdana,geneva,arial,helvetica,sans-serif;
 color:#000;
}

#headwrapper {
 width:100%;
 height:73px;
 background:url(../layout/bg_header_hell.gif) repeat-x left bottom;
 text-align:center;
}
#head {
 max-width:57em;
 height:73px;
 margin:0 auto;
 text-align:left;
 background:url(../layout/bg_header.gif) repeat-x left top #000;
}

#contentwrapper {
 width:100%;
 height:100%;
 text-align:center;
}
#content {
 max-width:57em;
 min-height:100%;
 margin:0 auto;
 padding:0 0 35px 0;
 text-align:left;
 background-color:#fdfdfe;
 width:100%;
}
/* Hides from IE-mac \*/
#content {width:auto;}
/* End hide from IE-mac */

#short {
 clear:right;
 float:right;
 width:200px;
 padding:0 15px 20px 15px;
 background-color:#fef998;
}
.hint {
 float:right;
 width:200px;
 margin-right:-310px;
 padding:15px;
 background-color:#fef998;
}

#contentmain {
 clear:left;
 margin-right:310px;
 padding-bottom:20px;
}
#contentmain:after {
 content:"."; 
 display:block; 
 height:0; 
 line-height:0;
 clear:both; 
 visibility:hidden;
}

#footerwrapper {
 clear:both;
 width:100%;
 height:40px;
 background:url(../layout/bg_footer_hell.gif) repeat-x left bottom;
 text-align:center;
}
#footer {
 max-width:57em;
 height:40px;
 margin:0 auto;
 padding:10px 16px 0 0;
 text-align:left;
 color:#fff;
 background:url(../layout/bg_header.gif) repeat-x left top #000;
}
/* Hides from IE-mac \*/
#footer {padding:10px 0 0 0;}
/* End hide from IE-mac */

html>body #footerwrapper {position:fixed; bottom:0; z-index:10;} /* z-index verhindert Probleme mit form */

strong {font-weight:bold;}
em {font-style:italic;}
abbr {cursor:help;}
code {font-family:"courier new",courier,monospace; font-size:1.1em; background-color:#e1e1e1; color:#000; display:block; padding:4px; line-height:1; margin:0.3em 0 0.3em 0;}
.cl {clear:left; margin-top:1em;}

h1 {float:right; width:225px; height:73px; padding:25px 0 0 0; background: url(../layout/sun.gif) no-repeat right top; font-weight:bold; font-size:1em; line-height:1; text-transform:uppercase; text-align:center; letter-spacing:0.05em;}
h2 {clear:left; margin:0 0 1em 0; font-size:1.1em; letter-spacing:0.05em; line-height:1;}
#contentmain h2 {margin:2em 0 1.2em 0; padding:0 0 0 10px; background:url(../layout/bg_h2_oben.gif) no-repeat right top #d9d9d9; line-height:1.2;}
#contentmain h2 span {display:block; background:url(../layout/bg_h2_unten.gif) no-repeat right bottom;}
#head h2, #navmain h2, #navswrapper h3, #search h2 {position:absolute; left:-9999px; width:990px; font-size:1px; line-height:1px;}
h3 {clear:left; margin:0 0 1em 39px; font-weight:bold; font-size:0.9em; letter-spacing:0.05em;}
.ref h3 {margin:3em 0 0 21px;}
.links h3 {margin-bottom:0;}
table h3 {margin:0; font-size:1em;}
.hint h3 {margin-left:0; font-size:1em;}
.tu h3 {margin-bottom:0;}
h3.hmore {font-size:1.1em; font-weight:normal;}
h4 {margin:0 0 0 39px; font-weight:bold; font-size:0.9em;}

#contentmain p {margin:0 0 1em 39px; font-size:0.9em;}
#contentmain.tools p {margin-bottom:5px;}
#short p {margin:0 0 1em 0; font-size:0.9em;}
#content .hint p {margin:0 0 1em 0;}
#footer p {margin:0 10px 0 0; text-align:right; font-size:0.8em;}

#contentmain ul, #contentmain ol {margin:0 0 1em 56px;}
#contentmain ol {list-style-type:decimal;}
#short ul, #short ol {margin:0 0 1em 0.9em;}
#content ul.ts {clear:left; margin-top:2em;}
#content table ul {margin:0 0 0 1.1em;}
#content ul li {list-style:disc; font-size:0.9em;}
#content ul.tests li {list-style:none; margin-left:-1em;}
#content .ref ul {margin:0 0 2em 226px;}
#content .ref ul ul {margin-left:1em;}
#content ol li {font-size:0.9em;}
#content li ul {margin-left:0.9em;}
#content li ul li {list-style:circle;}
#content li li {font-size:1em;}
#content .ts li {margin-bottom:1em;}
#short #shorttipps li {margin-bottom:1em;}
#content ul ul {margin-bottom:0;}
#content .sitemap li li {margin-left:1.8em;}

#content a:link {color:#000; text-decoration:none; border-bottom:1px solid #666;}
#content a:visited {color:#000; text-decoration:none; border-bottom:1px dotted #000;}
#content a:hover {color:#000; background-color:#fff30d; text-decoration:none; border-bottom:1px solid #fdfdfe;}
#content a:active {color:#000; background-color:#fff30d; text-decoration:none; border:1px solid #000;}
#content a:focus {color:#000; background-color:#fff30d; text-decoration:none; border-bottom:1px solid #000; border-top:1px solid #000;}
#content a.img:link, #content a.img:visited {border:none;}
#short a:hover {border-bottom:1px solid #fef998;}
#footer a:link, #footer a:visited {color:#ccc; text-decoration:none; padding:0 18px 0 0; background:url(../layout/top.gif) no-repeat right center;}
#footer a:hover, #footer a:active, #footer a:focus {color:#000; background:url(../layout/top_hover.gif) no-repeat right center #fff30d;}
#head a:link, #head a:visited, #head a:hover, #head a:active, #head a:focus {color:#fff;}
#head h1 a:link, #head h1 a:visited, #head h1 a:active, #head h1 a:focus {color:#000; text-decoration:none;}
#head h1 a:hover {color:#000; text-decoration:underline;}
#head .skip a:link, #head .skip a:visited, #head .skip a:hover, #head .skip a:active {position:absolute; left:-9999px; width:990px; font-size:1px; line-height:1px;}
#head .skip a:visited, #head .skip a:hover, #head .skip a:active, #head .skip a:focus {color:#000; background-color:#fff30d; font-weight:bold; text-decoration:underline;}
#head .skip a:active, #head .skip a:focus {position:absolute; top:0; left:0; width:auto; padding:5px; font-size:1em; line-height:1.6em;}
.ext {padding-right:18px; background:url(../layout/newwindow.gif) no-repeat right center;}
.down {padding:0 0 0 15px; background:url(../layout/down.gif) no-repeat left center;}

#head img {margin:10px 0 0 10px;}
#short img {float:right;}
.ref h3 img {float:left; margin:0 20px 3em 18px;}
.tipimg {float:left; margin:0 10px 10px 0;}
.tools img {margin-top:2em;}
.tools img.tifirst {margin-top:0;}
img.fl {float:left; margin-right:20px; margin-bottom:10px;}
img.frr {float:right; margin-right:-300px;}

table {border-collapse:separate; margin:0 0 1em 39px;}
tr.odd {background-color:#fdfdfe;}
tr.even {background-color:#ecebeb;}
th, td {padding:2px; font-size:0.9em;}
th {font-weight:bold; color:#fff30d; background-color:#000; border-bottom:1px solid #e3e3e4;}
th.f {border-right:1px solid #e3e3e4;}
td {border-bottom:1px solid #c1c1c2; border-left:1px solid #e3e3e4; border-right:1px solid #e3e3e4;}
td.ft {margin-top:1px; border-top:1px solid #000;}
#table1 th, #table1 td {padding:5px;}
#table1 th {color:#000; background-color:#ecebeb; border-bottom:1px solid #c1c1c2; border-right:#c1c1c2;}

form {margin:0 0 1em 0;}
.tools form, #search, #search1 {margin:0;}
#cpFid {padding:5px 5px 5px 0; background-color:#ecebeb;}
.follow {margin-top:2em;}
#search {padding:0 20px 0 0; border-right:230px solid #fef998; text-align:right;}

label {cursor:pointer;}
#search label, #search1 label {position:absolute; left:-9999px; width:990px; font-size:1px; line-height:1px;}

input, textarea {
 width:90%;
 font-size:0.9em;
 font-family: "trebuchet ms",verdana,geneva,arial,helvetica,sans-serif;
 padding:2px;
 color:#000; background-color:#fff;
 border-top:1px solid #c1c1c1;
 border-right:1px solid #c1c1c1;
 border-bottom:1px solid #858585;
 border-left:1px solid #858585;
}
.tools input {width:20em; background-color:#e6e6e6;}
#search input, #search1 input {width:12em; margin:10px 0 0 0; color:#b0afaf; background-color:#e6e6e6; padding:4px;}
#search1 input {width:20em; color:#000;}
input:focus, textarea:focus, #search input:focus, #search1 input:focus {color:#000; background-color:#fef998;}

input#cpSend, input.cpSubmit, #search .button, #search1 .button {width:auto; padding:2px 4px; color:#fff30d; background-color:#000; border:1px solid #000; cursor:pointer;}
#search .button, #search1 .button {padding:4px; border-top:none; border-right:none; border-bottom:none; border-left:1px solid #c1c1c1;}
input#cpSend:hover, .tools input.cpSubmit:hover, #search .button:hover, #search1 .button:hover {color:#000; background-color:#fff30d;}
#cpFid input#cpSend:focus, .tools input.cpSubmit:focus, #search .button:focus, #search1 .button:focus {color:#000;}

#cpFid .small {width:45%;}
#cpFid .smallsmall {width:29%; margin-top:5px;}
#cpFid .cb {width:auto; margin-right:3px;}
.mustl {font-weight:bold;}
#cpFid input.musti, #cpFid textarea.musti {border:1px solid #000;}
.labelerror {font-weight:bold;}
#cpFid input.inputerror, #cpFid textarea.inputerror {border:1px solid #000; background-color:#fff200;}

#cpFid h2 {background:none; margin-top:1em;}

.suchehg {font-weight:bold; background-color:#fff200;}
p.searchscroll {border-top:1px solid #858585; border-bottom:1px solid #858585; background-color:#fbf8c1;}
.searchscroll span, .searchscroll a {border-right:1px solid #858585; padding-right:5px; padding-left:5px; margin-right:5px;}
.searchscroll span {font-weight:bold; border-bottom:1px solid #000; background-color:#fff200;}
#content .searchscroll a.fb {font-weight:bold; font-size:1.5em; border:none; margin:0; padding:0;}

#navmainwrapper {
 background: url(../layout/bg_navmain_hell.gif) repeat-x left bottom #f9f6c2;
 text-align:center;
}
/* Hides from IE-mac \*/
#navmainwrapper {width:100%;}
/* End hide from IE-mac */

#navmain {
 max-width:57em;
 margin:0 auto;
 text-align:left;
 line-height:1;
}
#navmain ul {padding:5px 245px 9px 10px; background:url(../layout/bg_navmain.gif) repeat-x left bottom #fff30d;}
#navmain li {display:inline; white-space:nowrap;}
#navmain li a, #navmain li em {padding:0 5px 0 11px; font-weight:bold; font-style:normal; font-size:0.9em; color:#666; text-decoration:none;}
#navmain li em, #navmain li a:hover {background:url(../layout/dot_nav.gif) no-repeat left center; color:#000;}

#navswrapper {
 width:100%;
 background: url(../layout/bg_subnav_hell.gif) repeat-x left bottom #efefef;
 text-align:center;
}
#navs {
 max-width:57em;
 margin:0 auto;
 text-align:left;
 width:100%;
}
/* Hides from IE-mac \*/
#navs {width:auto;}
/* End hide from IE-mac */

#navsub {
 background:url(../layout/bg_subnav.gif) repeat-x left bottom #d0d0d0;
 margin:0 225px 0 0;
 padding:0 20px 9px 21px;
 line-height:1;
}
#navsub li {display:inline; white-space:nowrap;}
#navsub li a, #navsub li em {margin:0 10px 0 0; padding:0 0 8px 0; font-weight:bold; font-style:normal; font-size:0.9em; color:#666; text-decoration:none;}
#navsub li em, #navsub li a:hover {color:#000; border-bottom:5px solid #d0d0d0;}

#navsubsub {
 float:right;
 text-align:right;
 background:url(../layout/bg_subsubnav.gif) repeat-x left bottom #d0d0d0;
 padding:0 5px 14px 0;
 line-height:1;
 white-space:nowrap;
 margin-left:-225px;
 width:220px;
}
/* Hides from IE-mac \*/
#navsubsub {margin-left:0; width:225px;}
/* End hide from IE-mac */

#navsubsub li {display:inline; white-space:nowrap;}
#navsubsub li a, #navsubsub li em {margin:0 5px 0 0; padding:0 0 0 15px; font-weight:bold; font-size:0.9em; color:#000; text-decoration:none;}
#navsubsub li a:hover, #navsubsub em {text-decoration:underline;}
#navsubsub li em {font-style:normal; text-decoration:underline;}
#navsubsub .contact a, #navsubsub .contact em {background:url(../layout/kontakt.gif) no-repeat left center;}
#navsubsub .mail a {background:url(../layout/mail.gif) no-repeat left center;}
#navsubsub .sitemap a, #navsubsub .sitemap em {background:url(../layout/sitemap.gif) no-repeat left center;}

p.idesign {background:url(../layout/i_webdesign.gif) no-repeat bottom right;}
p.isoftware {background:url(../layout/i_software.gif) no-repeat bottom right;}
p.itipps {background:url(../layout/i_webtipps.gif) no-repeat bottom right;}
p.itools {background:url(../layout/i_webtools.gif) no-repeat bottom right;}
p.ilinks {background:url(../layout/i_weblinks.gif) no-repeat bottom right;}