/**
 * Project: safebox-selfstorage.de-Website
 * File: saferbox.css
 *
 * Copyright (c) 2008 Safe-Box Self Storage GmbH, Bielefeld
 *
 * Project owner:
 * Safe-Box Self Storage GmbH
 * Bielefeld, Germany
 * http://www.safebox-selfstorage.de/
 *
 * @copyright 2008 clkm - cornelia lange
 * @author Cornelia Lange
 *
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, 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;
outline: 0;
vertical-align: baseline;
}
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #4f4f4f;
background: #fff url(/files/global_files/f2ccf8d3f2ec30a704332e3ebc13f4bbbd9ec8fa_bg_body.jpg) 0 0 repeat-x;
text-align: center;
line-height: 1;
}
:focus {
outline: 0;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
address {
font-style: normal;
}
a {
text-decoration: none;
color: #192B84;
background: transparent;
}
a img {
background: transparent;
border: 0 none;
}
h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
color: #192b84;
margin: 30px 0;
font-size: 1.8em;
font-weight: normal;
}
h2 {
margin: 20px 0 10px 0;
padding: 5px 0 2px 2px;
font-size: 0.9em;
color: #fff;
background: #c5c7c8;

}
p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand {
font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, .vcard a, label a, 
th a, td a, p span.abstand, address a {
font-size: 100%;
}
textarea {
font-size: 110%;
}



/* LAYOUT */

#container {
position: relative;
width: 940px;
text-align: left;
margin: 0 auto;
}
#logo {
position: absolute;
top: 44px;
left: 28px;
}
#main {
position: relative;
min-height: 500px;
margin: 0 0 0 360px;
background: #fff url(/files/global_files/54dba87dfe62a2585b1c6581ae3b9f28cc2e1bd8_bg_content.jpg) 0 0 repeat-x;
}
#content {
padding: 30px 30px 0 30px;
min-height: 680px;
}
#startseite #content {
min-height: 400px;
}
*html #startseite #content {
height: 460px;
}
* html #startseite .post {
position: relative;
left: 380px;
}
#content h2 {
margin: 20px 0 10px 0;
padding: 5px 0 5px 20px;
font-size: 1.2em;
color: #4f4f4f;
background: transparent url(/files/global_files/62fc7e9c2bd277bcce375a16c1b6a77d97b43b86_safe-box-schloss.gif) 0 3px no-repeat;
border-bottom: 1px dotted #192b84;
font-weight: normal;
}
.summary h1 {
margin: 20px 0 10px 0;
padding: 5px 0 5px 20px;
font-size: 1.2em;
color: #4f4f4f;
background: transparent url(/files/global_files/62fc7e9c2bd277bcce375a16c1b6a77d97b43b86_safe-box-schloss.gif) 0 3px no-repeat;
border-bottom: 1px dotted #192b84;
font-weight: normal;
}

#content p {
margin: 10px 0;
line-height: 1.5em;
}
#content a {
text-decoration: underline;
}
#content a.show {
text-decoration: none;
font-weight: bold;
padding: 5px 5px 5px 20px;
background: transparent url(/files/global_files/a4edfb2e43f4163b7507c19480c614b15ca88944_link.gif) 0 5px no-repeat;
}
#content a.show:hover {
background: transparent url(/files/global_files/a4edfb2e43f4163b7507c19480c614b15ca88944_link.gif) 0 -60px no-repeat;
}
#content table {
margin: 10px 0;
}
#content table td, #content table th {
padding: 3px 3px 3px 0;
}
#content ul {
margin: 10px 0 10px 20px;
list-style-type: disc;
}
#content li {
padding: 3px 0;
}

#start {
clear: both;
width: 100%;
overflow: auto;
padding-top: 40px;
}
#start ul {
min-height: 150px;
margin: 0 0 0 170px;
}
#start li {
display: inline;
}
#start li a {
float: left;
display: block;
width: 160px;
margin: 0 30px 0 0;
padding: 0 0 10px 0;
color: #000;
background: transparent;
font-size: 80%;
}
#start li a img {
padding: 0 0 3px 0;
}
#start li a strong {
display: block;
padding: 0 0 5px 0;
font-size: 120%;
}

#footer {
border-top: 1px solid #ccc;
margin: 20px 0;
padding: 8px 0;
}
#footer p {
text-align: right;
padding: 0 36px 0 0;
font-size: 70%;
}


/* HAUPTNAVIGATION */
#navigation {
position: absolute;
top: 190px;
left: 140px;
width: 220px;
}
#navigation ul {
margin: 0 0 10px 0;
}
#navigation ul ul {
margin: 0;
}
#navigation li {
display: inline;
}
#navigation li a, #navigation li span {
display: block;
padding: 8px 0 8px 10px;
color: #000;
background: transparent;
}
#navigation li li a, #navigation li li span {
padding: 8px 0 8px 20px;
}
#navigation li a:link, 
#navigation li a:visited {
color: #000;
background: #f3f3f4;
} 
#navigation li a:hover, 
#navigation li a:active, 
#navigation li a:focus {
color: #000;
background: #fff;
}
#navigation li span {
font-weight: bold;
color: #192b84;
background: #fff;
}
#navigation h2 {
padding: 6px 8px 6px 10px;
}
#navigation p {
margin: 10px 0 10px 10px;
line-height: 1.2em;
}
#startbox {
margin: 0 0 30px 0;
}
#navigation #startbox img {
float: left;
margin-right: 5px;
}
#startbox p {
font-weight: bold;
text-align: center;
}
#startbox p strong {
color: #fff;
background: #2859A1;
padding: 3px 10px;
}

#navigation .box {
background: #fff;
border: 1px solid #3E478C;
margin-right: 10px;
}

.box table {
margin: 0 0 5px 0;
}
.box table td {
padding: 0 0 5px 10px;
}
.box p.blue {
width: 183px;
margin-right: 10px;
padding: 2px;
}



/* POSTINGS */
#content .post .summary {
height: 25em;
}
#content .post .summary a {
position: absolute;
top: 34em;
display: block;
text-decoration: none;
padding: 6px 7% 6px 15px;
border: 1px solid #c5c7c8;
color: #000;
background: #fff url(/files/global_files/7aa7d893d442d911ab9f9a2f6e1af24f8c1f7ddd_more.gif) 90% 3px no-repeat;
}
* html #content .post .summary a {
top: 30em;
}
#content p.ergo {
font-weight: bold;
color: #192b84;
margin: 30px 0 0 0;
}
#content h2.ergo {
margin-top: 0;
}
#content p.bluebox {
color: #fff;
background: #3E478C;
padding: 8px;
margin: 20px 0;
text-align: left;
}
#content p.bluebox a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}


/* Bildergalerie rechts */

.galerie {
float: right;
width: 160px;
margin: 0 0 10px 30px;
}
.galerie li {
display: block;
padding:3px 0;
}


/* GOOGLE MAP */

#map {
position: relative;
width: 520px;
height: 300px;
background: transparent;
}
#map p.prepare1 {
padding: 3px 0 0 5px;
margin: 0;
background-color: transparent;
}


/* KLASSEN */

.absatztrenner {
clear: both;
}
.bildlinks {
float: left;
margin: 0 20px 0 0;
}
.bildrechts {
float: right;
margin: 0 0 0 20px;
}
.red {
color: #c00;
}
.blue {
color: #fff;
background: #3E478C
}
.rechts {
text-align: right;
}
.mittig {
text-align: center;
}

/* Fehlermeldungen Formulare */

/* response */
#rp, #error {
display: block;
width: 460px;
margin: 10px 0 20px 0;
padding: 10px;
background: #ffd7d7;
border: 1px solid #c00;
}
#rp h3, #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: red;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#main .req {
margin-left: 20px;
}
#main .req li {
background: transparent;
padding: 2px 0;
list-style-type: disc;
}

/* Formularelemente */

#formular label {
clear: left;
display: block;
width: 10em;
float: left;
margin: 3px 2px 3px 0;
}
#formular input, #formular select, #formular textarea{
display: block;
float: left;
margin: 3px 2px 3px 0;
width: 150px;
}
#formular textarea {
width: 250px;
}
#formular input#generator_form_street_number, 
#formular input#generator_form_zip {
width: 50px;
]

#formular p {
clear: both;
}

/* Realisation mit Welcompose */
.wcom_logo, 
#content a.wcom_logo:link, 
#content a.wcom_logo:visited, 
#content a.wcom_logo:hover, 
#content a.wcom_logo:active,  
#content a.wcom_logo:focus {
text-decoration: none;
padding: 4px 0 4px 24px;
background: transparent url(/files/global_files/e038b04e7a7ad21106d389aa0e7a8f124ab277a4_welcompose-logo-sm.gif) left no-repeat;
}