/* basic stylesheet for www.andreas-pietsch.com */
/* author: www.ideenwerft.com */

/* Farben:  blau #0ab7ff */

* {padding:0px;margin:0px;}
img {border:0;}
.hidden { /* für screenreader links */
position: absolute;
left: -10000px;
}
body {
padding-top:0;
font-size: 75%; 
font-family: arial, verdana, Sans-Serif;
color:#666;
text-align:center;
background:#fff;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
}
#rahmen {
width: 842px;
margin: 0 auto;
text-align:left;
} 
#top {height:120px;}
.logo {float:right;width:400px;padding-top:20px;text-align:right;}
.static {float:left;margin-top:95px;margin-left:2px;}
#navi {height:20px;border:1px solid #fff;
border-right-width:2px;background:url(img/bg_navi.gif) top left repeat-x;}
#emotion {border-right:1px solid #fff;border-bottom:1px solid #fff;border-left:1px solid #fff;float:left;display:inline;position:relative;}
.teaser {position:absolute;z-index:2;right:0;top:160px;}
.tx-slideshow-pi1 {position:relative;z-index:1;}
#main {}
#left {float:left;width: 220px;padding-top:25px;}
#content {float:right;width:606px;padding-top:25px;margin-right:2px;}
div.right {width:200px;float:right;background:#eaeaea;color:#075980;}
#content2 {float:right;width:400px;}
#footer {clear:both;}
.iw {font-size:0.9em;padding-top:50px;}

/* +++ top navi ++++++++++++ */
#navi ul {list-style:none; list-style-position:inside; color:#fff;font-size:1em;}
#navi ul li {display:block;float:left;height:20px;border-right:1px solid #fff;}
#navi a:link, #navi a:visited {
display:block;
height:16px;
padding:3px 15px 1px 15px;
text-decoration:none;
color:#fff;
font-weight:bold;
}
#navi a:hover, #navi a:focus {color:#fff;background:url(img/bg_navi.gif) bottom left repeat-x;}
#navi li.current a:link, #navi li.current a:visited {color:#fff;background:url(img/bg_navi_cur.gif) repeat-x;}
#navi li.current a:hover, #navi li.current a:focus {color:#fff;background:url(img/bg_navi.gif) bottom left repeat-x;}

/* *** navi ******************************/
#left ul {list-style:none; list-style-position:inside; margin-left:15px;}
#left ul li {margin-bottom:13px;font-size:1.1em;}
#left li a:link, #left li a:visited {
text-decoration:none;
color:#333;
}
#left li a:hover, #left li a:focus {
color:#0ab7ff;
text-decoration:underline;
}
/* +++ 1. ebene CUR +++++ */
#left ul li.cur {
color:#000;
font-weight:bold;
}
#left li.cur a:link, #left li.cur a:visited {
color:#000;
font-weight:bold;
}
#left li.cur a:hover, #leftli.cur  a:focus {
color:#0ab7ff;
text-decoration:underline;
}

/* +++ teaser links auf flash-film +++ */
.teaser a:link, .teaser a:visited {
display:block;
height:30px;
width:270px;
margin-bottom:10px;
padding-left:30px;
padding-top:10px;
background:url(img/teaser.png) top left no-repeat;
font-size:1.5em;
color:#333;
text-decoration:none;
}
.teaser a:hover, .teaser a:focus {
background:url(img/teaser.png) top right no-repeat;
color:#fff;
}

/* *** content / allgemein ******************************/
.small {font-size:0.9em;}
.grey {color:#999999;}
.red {color:#CC0000;}
.italic {font-style:italic;}
.hide {display:none;}
a:link, a:visited {color: #666;}
a:hover, a:focus {color: #013b57;}
input.submit {border:0;background-color:#999999;padding:1px 4px;color:#fff;font-size:0.9em;}
p,h1,h2,h3,h4,h5 {}
p {
margin-bottom: 10px;
text-align:justify;
line-height:1.3em;
}
h1 {
padding:4px 0px 3px;
font-size:1.2em;
font-weight:bold;
margin-bottom:18px;
}
h2 {
display:block;
padding:13px 0px 10px 0px;
font-size:1.1em;
font-weight:bold;
}
h3 {
display:block;
padding:7px 0px 5px 0px;
font-size:1em;
font-weight:bold;
}
#content ul {
margin-top:15px;
margin-left:35px;
margin-bottom:15px;
list-style-type: square;
list-style-position:outside;
}
#content ul li {
padding-bottom:3px;
}
ol {
margin-top:15px;
margin-left:47px;
margin-bottom:15px;
}
ol li {
padding-bottom:3px;
}

/* +++ referenz boxen im head ++++ */
div.box {float:left;width:279px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
div.box a:link, div.box a:visited {text-decoration:none;}
div.box a:link h2, div.box a:visited h2 {
height:25px;
background-repeat:no-repeat;
background-position:top left;
padding:140px 34px 0px 0px;
margin-top:0;
margin-bottom:0;
font-size:1.3em;
font-weight:bold;
text-align:right;
color:#666;
text-decoration:none;
}
div.box a:hover h2, div.box a:focus h2 {
background-position:bottom right;
text-decoration:none;
color:#e2e2e2;
}
/* erste boch hoch */
div.box a:link h2.schank, div.box a:visited h2.schank {
height:25px;
padding-top:306px;
}
h2.schank {background-image:url(img/ref/schanktechnik.jpg);}
h2.kaelte {background-image:url(img/ref/kaeltetechnik.jpg);}
h2.kueche {background-image:url(img/ref/kuechentechnik.jpg);}
h2.innen {background-image:url(img/ref/innenausbau.jpg);}
h2.theken {background-image:url(img/ref/mobile-theken.jpg);}

/* +++ referenz boxen ++++ */
div.refBox {position:relative;width:200px;height:115px;float:left;overflow:hidden;border-left:2px solid #fff;border-bottom:2px solid #fff;}
div.refBox img {position:absolute;}
div.refBox a:link, div.refBox a:visited {text-decoration:none;}
div.refBox h2 {
position:absolute;
height:21px;
width:200px;
background:url(img/refBox-h2.png) top left no-repeat;
text-align:center;
text-transform:uppercase;
font-size:1em;
font-weight:bold;
padding:94px 0 0;
color:#666;
}
div.refBox a:hover h2, div.refBox a:focus h2 {color:#fff;background:url(img/refBox-h2.png) top right no-repeat;}

/* +++ REFERENZBLATT ++++ */
div.right h1 {
padding:8px 10px 3px 10px;
font-size:1.5em;
font-weight:bold;
margin-bottom:0px;
color:#099cd9;
}
div.right h2 {
display:block;
padding:0px 10px 8px 10px;
font-size:1em;
font-weight:bold;
}
div.right p {padding:0px 10px 0px 10px;}
#content div.right ul {
margin-left:23px;
}
div.right p.subline {padding:15px 10px 0px 10px;margin-bottom:0px;text-align:left;line-height:1em;font-weight:bold;}
div.galerie {width:404px;float:right;}
div.galerie img {border-right:2px solid #fff;border-bottom:2px solid #fff;}

/* +++ partner ++++ */
.partner {width: 608px;}
.partner img {float:left;border-right:2px solid #fff;border-bottom:2px solid #fff;}

/* +++ FORMULARE ALLGEMEIN ++++ */
form input, form textarea {
border:1px solid #a9a9a9;
color:#666666;
}
form input:focus, form textarea:focus {
background-color:#d8eff8;
}

/* powermail kontaktformular */
.tx-powermail-pi1 fieldset {border:none;}
.tx-powermail-pi1 legend {display:none;}
.tx-powermail-pi1 div {padding: 5px 0;}
.tx-powermail-pi1 label {display:block;width:105px;float:left;}


/* *** static ******************************/
ul.static {
list-style:none;
list-style-position:inside; 
font-size:0.9em;
font-weight: normal;
color:#666;
}
ul.static li {display:inline;padding-right:15px;}
ul.static li a, ul.static li a:visited {
text-decoration: none;
color:#666;
}
ul.static li a:hover {
text-decoration: underline;
color:#333;
}


/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}
/* ** downloads **** */
a.download_pdf {
marg in-top: 3px;
padding-left: 22px;
background: url(img/pdf.png) no-repeat;
}
a.download_doc {
ma rgin-top: 3px;
padding-left: 22px;
background: url(img/word.png) no-repeat;
}
 


/* ***** IW ********/
.iw a:link, .iw a:visited {
text-decoration:none;
color:#999;
}
.iw a:hover {
color:#CC0000;
text-decoration:underline;
}