/**
 * Project: kaeserei-boschenhof.de-Website
 * File: layout.css
 *
 * Copyright (c) 2009 clkm - cornelia lange
 *
 * Project owner:
 * clkm - cornelia lange
 * 27472 Cuxhaven - Germany
 * http://www.clkm.de/
 *
 */

/*** ELEMENTS ***/

body { 
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
} 
strong {
font-weight: bold;
}
#startseite, #boschenhof {
background: #fff url(/files/global_files/b859d92860feb225eac0571efe9d4bd3e6adee8f_bg_body_startseite.gif) 110% 0 no-repeat;
} 
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
}
h1, .h1 {  
font-family: Arial narrow, Arial, Helvetica, sans-serif;
font-size: 1.9em;
color: #700002;
font-weight: normal;
}
h1 {
margin: 0 0 15px 0;
} 
h1 span {
display: block;
font-size: 50%;
color: #B88385;
color: #000;
font-family: Arial, Helvetica, sans-serif;
line-height: 110%;
}
h2, .h2 {
font-size: 1.3em;
font-weight: normal;
margin: 25px 0 10px 0;
}
h2.nomar {
margin: 0 0 10px 0;
}
h3, .h3 {
font-size: 1.1em; 
font-weight: bold;  
margin: 20px 0 10px 0;
padding: 0;
color: #700002;
}
.linie {
border-bottom: 1px dotted #700002;
padding: 0 0 2px 0;
}
h4, .h4 {
font-size: 1.2em; 
font-weight: bold; 
margin: 10px 0;
}
p, a, label, li, .vcard, legend, textarea, input, address, th, td, span.abstand {
font-size: 0.8em;
}
a, 
a:link, 
a:visited {
text-decoration: none; 
color: #700002;
background: inherit;
}
a:hover, 
a:active, 
a:focus {
text-decoration: underline;
} 
a.link, .linkliste a {
padding: 2px 0 3px 18px;
}
a.link:link, a.link:visited, .linkliste a:link, .linkliste a:visited { 
font-weight: bold;
color: #700002;
background: transparent url(/files/global_files/06f39b7b9effa9ebb7c36fca3861bb80636eb3ae_link.png) 2px 3px no-repeat;
}
a.link:hover,
a.link:focus,
a.link:active, 
.linkliste a:hover,
.linkliste a:focus,
.linkliste a:active { 
text-decoration: none;
color: #700002;
background: transparent url(/files/global_files/06f39b7b9effa9ebb7c36fca3861bb80636eb3ae_link.png) 2px -62px no-repeat;
}
address {
font-style: normal;
}
th, td {
padding: 3px;
}

/*** LAYOUT ***/

.container {
position: relative;
width: 986px;
text-align: left;
margin: 0 auto;
}
#header { 
position: relative;
width: 986px;
height: 180px;
} 
#logo {
position: absolute;
top: 27px;
left: 256px;
}
#demeter {
position: absolute;
top: 117px;
left: 396px;
}

/** Liste Toolnavigation **/
.toolnavi { 
position: absolute;
width: 230px;
height: 32px;
margin: 0;
background: transparent url(/files/global_files/b2bab50b296bb0745c2c8174b8d3eda4f236ef66_bg_toolnavi.gif) 0 2px repeat-x;
}
.postop {
top: 140px;
left: 26px;
} 
.posbot {
top: 0;
left: 0;
width: auto;
}
.toolnavi li, #mainnavi li {
display: inline;
margin: 0;
padding: 0;
}
.toolnavi a, #mainnavi a, .toolnavi strong, #mainnavi strong { 
font-family: Arial, Helvetica, sans-serif;
display: block;
float: left;
padding: 0 5px;
margin: 0 0 0 10px;
line-height: 28px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.toolnavi a:hover, #mainnavi a:hover,
.toolnavi a:focus, #mainnavi a:focus,
.toolnavi a:active, #mainnavi a:active,
.toolnavi strong, #mainnavi strong, 
.toolnavi a.on, #mainnavi a.on {
border-color: #E99800;  
text-decoration: none;
} 
/** Liste Hauptnavigation **/
#mainnavi {
position: absolute;
top: 140px;
left: 396px;
width: 580px;
padding: 0 0 0 10px;
height: 32px;
margin: 0;
background: transparent url(/files/global_files/b2bab50b296bb0745c2c8174b8d3eda4f236ef66_bg_toolnavi.gif) 0 2px repeat-x;
}
#mainnavi a {
font-weight: bold;
margin: 0 0 0 10px;
}
.main {
width: 986px; 
overflow: auto;
padding: 30px 0 0 0;
}
#startseite .main {
background: transparent url(/files/global_files/da1939fd11ad85961d5d5ddfc95b94477fda5184_boschenhof-startseite.gif) 26px bottom no-repeat;
padding-bottom: 200px;
}
.submain, #startseite .submain {
width: 960px;
padding: 10px 0 10px 26px;
background: transparent;
}
.main p {
margin: 10px 0;
}
.main ul {
margin: 10px 0 10px 20px; 
padding: 0;
list-style: disc;
}
.main ol {
margin: 10px 0 10px 25px;
list-style: decimal;
}
.main ul.linkliste {
margin: 10px 0;
list-style: none;
}
.main p {
line-height: 1.5em;
}
.main li {
line-height: 1.3em;
padding: 3px 0;
}
.main p.nachoben {
clear: both;
}
.column {
width: 416px;
background: transparent;
}
.column ul, .column p, .column h2, .column h3 {
width: 335px;
margin: 0 0 10px 41px; 
}
.column ul {
margin: 10px 0 10px 61px;
}
.content {
float: right;
width: 545px;
min-height: 250px; 
margin: 0 20px 0 0; 
background: transparent;
}
.footer {
position: relative;
left: 26px;
display: block;
width: 960px;  
height: 32px;
margin: 20px 0 0 0;
padding: 0;
background: transparent url(/files/global_files/b2bab50b296bb0745c2c8174b8d3eda4f236ef66_bg_toolnavi.gif) 0 2px repeat-x; 
}
#startseite .footer {
margin: 0;
}
.footer p {
float: right;
line-height: 28px;
margin: 0 20px 0 0;
}


/** Subnavigation links **/

.main .subnavi {
list-style: none;
margin: 0 0 20px 0;
text-align: right;
} 
.main .subnavi ul {
margin: 0;
}
.subnavi li a, .subnavi li strong { 
display: block;
padding: 2px 18px 2px 0;
color: #700002;
background: transparent url(/files/global_files/06f39b7b9effa9ebb7c36fca3861bb80636eb3ae_link.png) 100% 4px no-repeat;
}
.subnavi li li a, .subnavi li li strong {
padding: 2px 32px 2px 0;
background: transparent url(/files/global_files/2a4adcbb78b77f6e16b8f03892adb3fed12a5170_sublink.png) 95% 4px no-repeat;
} 
.subnavi li a:hover,
.subnavi li a:focus, 
.subnavi li a:active, 
.subnavi li strong {
text-decoration: none;
background-position: 100% -59px;
} 
.subnavi li li a:hover,
.subnavi li li a:focus, 
.subnavi li li a:active, 
.subnavi li li strong {
background-position: 95% -59px;
} 
.subnavi li strong {
font-weight: bold;
}

/* Common Classes - Allgemeine Klassen */

.topmin80 {
margin-top: -80px;
} 
.topmin20 {
margin-top: -20px;
}
.imlayout {
margin-left: 26px;
}
.bildlinks {
float: left;
}
.bildrechts {
float: right;
margin: 0 0 10px 20px;
} 
.rechts {
text-align: right;
}

/* Bildergalerie */

.main .galerie {
list-style: none;
overflow: auto;
margin: 10px 0;
}

.galerie li, .galerie a {
display: inline;
}
.galerie a img {
display: block;
float: left;
margin: 0 20px 5px 0;
}
.galerie p { 
display: block;
width: 200px;
float: left;
padding: 0 0 5px 15px;
}


/* Google Map */

#map {
position: relative;
width: 550px;
height: 300px;
background: transparent;
}
#map p.prepare1 {
padding: 0 0 0 65px;
margin: 0;
background: transparent url(/files/global_files/6b8b6239a001ab043f02c117fcfa6ef5698594bf_hofkaeserei-boschenhof-thumbnail.png) 0 0 no-repeat;
}
#map p.prepare1 a {
background: transparent;
}

/* Kontakt Formular */

#formular label, #formular span.abstand {
display: block;
float: left;
clear: left;
width: 11em;
margin: 2px 0;
}
#formular label.noclear {
clear: none;
display: inline;
float: none;
width: auto;
}
#formular label.textfield1 {
display: block;
width: 500px;
clear: both;
margin: 7px 0 0 0;
}

#formular #generator_form_please_call {
width: 20px;
display: inline;
padding: 0 10px 0 0;
margin: 0 0 0 -3px;
}
#formular select {
margin: 10px 0;
}
#formular input.ftextfield, #formular .w300 {
width: 250px;
padding: 0 2px;
margin: 2px 0;
}
#formular p.captcha {
float: left;
width: 400px;
padding: 0;
}
#formular {
margin: 10px 0;
}
#formular img {
margin: 10px 0 2px 0;
}
#formular textarea.ftextarea {
width: 400px;
padding: 2px;
margin: 7px 0;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
}
.submitbutton {
clear: right;
margin: 0 0 0 10px;
}
.fsubmit {
clear: right;
margin: 0 0 0 0;
}

/* response */
#rp, #error {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
background: #ffd7d7;
}
#rp {
background: #B5DDC0;
}
#rp h2, #rp p {
text-align: center;
margin: 15px 0;
}
/* IE 6, IE 7 */
* html #container #rp, *+html #container #rp {
margin-top: 25px;
}
#rp h1 {
margin: 0;
padding: 10px 10px 0 10px;
color: #fff;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#content .req li {
padding: 0;
}

/* Bestell-Formular */

fieldset.datenfeld {
border: 1px solid #ccc;
background: #F8EDD8;
padding: 10px;
margin: 10px 0 20px 0;
}
legend {
border: 1px solid #ccc;
color: #700002;
background: #fff;
padding: 2px;
}
#formular .data label{
display: inline;
float: none;
clear: none;
width: auto;
margin: 0 0 0 5px;
line-height: normal;
}
#formular .data input.fcheckbox {
display: inline;
float: none;
margin: 0;
vertical-align: bottom;
}
#formular .data {
padding: 2px 0;

}