/* basic stylesheet for www.tischlerei-kiel.de */
/* author: www.ideenwerft.com */

/* Farben:  beige   schrift rot  grün #d0df99 dunkelbraun #712915  */

* {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:#c99e64;
text-align:center;
background-color:#000;
overflow: -moz-scrollbars-vertical; /* für inaktiven scrollbalken bei mozilla */
}
#rahmen {
width: 842px;
margin: 0 auto;
text-align:left;
} 
#top {height:100px;}
.logo {float:right;width:200px;padding-top:23px;}
.static {float:left;margin-top:75px;}
#navi {height:20px;border:1px solid #eee1cf;background-color:#c99464;}
#emotion {border-right:1px solid #eee1cf;border-bottom:1px solid #eee1cf;border-left:1px solid #eee1cf;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: 230px;padding-top:25px;}
#content {float:right;width:606px;padding-top:25px;}
div.right {width:200px;float:right;background:#c99e64;color:#712915;}
#content2 {float:right;width:400px;}
#footer {clear:both;}
.iw {font-size:0.9em;padding-top:50px;}

/* start aktionen */
img.thw {margin-top:50px;}
body.start #left {width:363px;}
body.start #content {width:400px;padding-top:0px}
body.start #content p {padding-top:7px;margin-bottom:103px;color:#fff;text-align:right;}
a.katalog-button:link, a.katalog-button:visited {display:block;width:363px;height:155px;margin-top:20px;background:url(img/homepage-ref-katalog-anfordern.gif) 0 0 no-repeat;}
a.katalog-button:hover, a.katalog-button:focus {background:url(img/homepage-ref-katalog-anfordern.gif) 0 -180px no-repeat;}



/* +++ top navi ++++++++++++ */
#navi ul {list-style:none; list-style-position:inside; color:ccc;font-size:1em;}
#navi ul li {display:block;float:left;height:20px;border-right:1px solid #eee1cf;}
#navi a:link, #navi a:visited {
display:block;
height:16px;
padding:3px 15px 1px 15px;
text-decoration:none;
color:#712915;
font-weight:bold;
}
#navi a:hover, #navi a:focus {color:#c99e64;background:#712915;}
#navi li.current a:link, #navi li.current a:visited {color:#712915;background:#d0df99;}
#navi li.current a:hover, #navi li.current a:focus {color:#fff;background:#712915;}

/* *** navi ******************************/
#left ul {list-style:none; list-style-position:inside; margin-left:20px;}
#left ul li {margin-bottom:13px;font-size:1.1em;}
#left li a:link, #left li a:visited {
text-decoration:none;
color:#c99e64;
}
#left li a:hover, #left li a:focus {
color:#712915;
text-decoration:underline;
}
/* +++ 1. ebene CUR +++++ */
#left ul li.cur {
color:#fff;
font-weight:bold;
}
#left li.cur a:link, #left li.cur a:visited {
color:#fff;
font-weight:bold;
}
#left li.cur a:hover, #leftli.cur  a:focus {
color:#712915;
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:#712915;
text-decoration:none;
}
.teaser a:hover, .teaser a:focus {
background:url(img/teaser.png) top right no-repeat;
color:#eee1cf;
}

/* *** 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: #d0df99;}
a:hover, a:focus {color: #712915;}
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:280px;}
div.box a:link, div.box a:visited {text-decoration:none;}
div.box a:link h2, div.box a:visited h2 {
height:24px;
background-repeat:no-repeat;
background-position:top left;
padding:141px 20px 0px 0px;
margin-top:0;
margin-bottom:0;
font-size:1.3em;
font-weight:bold;
text-align:right;
color:#712915;
text-decoration:none;
}
div.box a:hover h2, div.box a:focus h2 {
background-position:bottom right;
text-decoration:none;
color:#c99e64;
}
h2.apotheke {background-image:url(img/ref/apotheken.jpg);}
h2.baeckerei {background-image:url(img/ref/baeckereien.jpg);}
h2.ladenbau {background-image:url(img/ref/ladenbau.jpg);}
h2.gastronomie {background-image:url(img/ref/gastronomie.jpg);}
h2.privat {background-image:url(img/ref/privat.jpg);}
h2.buero {background-image:url(img/ref/buero.jpg);}
h2.praxis {background-image:url(img/ref/praxis.jpg);}
h2.friseur {background-image:url(img/ref/friseur.jpg);}
h2.hotel {background-image:url(img/ref/hotel.jpg);}

/* +++ referenz boxen ++++ */
div.refBox {position:relative;width:200px;height:115px;float:left;overflow:hidden;border-left:2px solid #000;border-bottom:2px solid #000;}
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:#712915;
}
div.refBox a:hover h2, div.refBox a:focus h2 {color:#eee1cf;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;
}
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 #000;border-bottom:2px solid #000;}

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

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

/* 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;}

/* +++ login ++++++++++++ */
.tx-felogin-pi1 {border-top:1px solid #eee1cf;padding:15px 10px 15px 10px;}
.tx-felogin-pi1 fieldset {border:none;}
.tx-felogin-pi1 legend {display:none;}
.tx-felogin-pi1 h3 {padding-bottom:0;margin-bottom:0;}
.tx-felogin-pi1 div {margin-top:6px;}
.tx-felogin-pi1 input.submit {margin: 10px 0;padding:3px 5px;background:#d0df99;color:#712915;}

/* +++ login downloads left ++++++++++++ */
#left .tx-felogin-pi1 {border-top:none;padding:0px 10px 15px 20px;}
#left .tx-felogin-pi1 input {width:150px;}
#left .tx-felogin-pi1 input.submit {width:70px;}

/* +++ PDF link +++ */
.pdfLink {padding:5px 0 5px 15px;background: #eee1cf;}
.pdfLink {display:none;}
.pdfLink a:link, .pdfLink a:visited {font-weight:bold;color: #712915;}

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

/* +++ Dateilinks ++++ */
table.csc-uploads-3 {width:180px;float:left;margin-right:5px;}
table.csc-uploads-3 tr td {padding-right:5px;padding-bottom:10px;vertical-align:top;}
table.csc-uploads-3 tr td.csc-uploads-fileName p {margin-bottom:0px;text-align:left;}
table.csc-uploads-3 tr td.csc-uploads-fileName p a {display:none;font-size:0.9em;}

/* *************** 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:#CCCCCC;
}
.iw a:hover {
color:#CC0000;
text-decoration:underline;
}