/**
 * Project: Website
 * File: base.css
 *
 * Copyright (c) 2009 clkm - cornelia lange
 *
 * Project owner:
 * clkm - cornelia lange
 * 27472 Cuxhaven, Germany
 * http://www.clkm.de/
 *
 * @copyright 2009 clkm - cornelia lange
 * @author Cornelia Lange
 *
 */

* {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
body {
font: 96% Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000;
background: #fff;
text-align: center;
}
b, strong {
font-weight: bold;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}
a img {
background: transparent;
border: 0 none;
}
h1, h2, h3, h4 {
font-family: 'Myriad Pro', Tahoma, Arial, Helvetica, sans-serif;
font-style: italic;
color: #E3004F;
}
h1 {
font-size: 1.7em;
margin: 0 0 20px 0;
}
h1.abstand2 {
padding: 8px 0 15px 0;
}
h2 {
font-size: 1.3em;
margin: 30px 0 10px 0;
}
h3 {
color: #000;
font-size: 1.1em; 
margin: 20px 0 10px 0;
}
h4 {
font-size: 0.90em;
}
address p {
font-family: 'Myriad Pro', Tahoma, Arial, Helvetica, sans-serif;
color: #E3004F;
font-weight: bold;
}
table {
margin: 10px 0;
}
th, td {
vertical-align: top;
text-align: left;
padding: 2px 5px 2px 0;
}
p, a, label, li, .vcard, textarea, input, address, th, td {
font-size: 0.90em;
}
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 p {
font-size: 100%;
}
a:link, a:visited {
color: #0D83C1;
background: #fff;
}
a:hover, a:active, a:focus {
color: #e3004f;
background: #fff;
}
a.intern {
color: #0D83C1;
background: #fff url(/files/global_files/051cd62c8ed8b39956c5618aab1d0a7366a73c44_internlink.gif) 0 2px no-repeat;
padding: 0 0 5px 18px;
text-decoration: none;
}
a.intern:link, a.intern:visited {
color: #0D83C1;
background: #fff url(/files/global_files/051cd62c8ed8b39956c5618aab1d0a7366a73c44_internlink.gif) 0 -63px no-repeat;
}
a.intern:hover, a.intern:active, a.intern:focus {
color: #e3004f;
background: #fff url(/files/global_files/051cd62c8ed8b39956c5618aab1d0a7366a73c44_internlink.gif) 0 2px no-repeat;
}
#rightcolumn .linkliste li strong {
display: block;
color: #e3004f;
background: #fff url(/files/global_files/23aa36262ebd56a0a77791a01d8a2547e0e37b20_activelink.gif) 0 2px no-repeat;
padding: 0 0 5px 18px;
}

/* Layout */
#container {
position: relative;
width: 960px;
text-align: left;
margin: 0 auto;
}
#header {
height: 155px;
padding: 0 40px;
border-bottom: 1px dotted #E3004F;
margin: 0 0 10px 0;
}
#logo {
padding: 50px 0 0 0;
}
#navigation {
position: absolute;
top: 105px;
left: 40px;
}
#navigation ul {
width: 880px;
}
#navigation li {
display: inline;
}
#navigation a, #navigation strong {
display: block;
float: left;
text-decoration: none;
padding: 3px 3px 5px 5px;
margin: 0 20px 0 0;
background: transparent;
}
#navigation strong {
color: #E3004F;
}
#navigation span {
font-weight: bold;
}

#main{
padding: 40px;
}
#rightcolumn {
float: right;
width: 440px;
}
#rightcolumn p {
line-height: 1.3em;
margin: 10px 0;
}
#rightcolumn .galerie {
list-style: none;
padding: 0 0 20px 0;
}
#rightcolumn .galerie li {
display: block;
float: left;
margin: 0 0 20px 20px;
}

/* Linkliste */

#content .linkliste {
margin: 0 0 20px 0;
liste-style: none;
}
#content .linkliste li {
display: inline;
liste-style: none;
}
#content .linkliste li a {
display: block;
}

#rightcolumn .linkliste {
margin: 0 0 40px 30px;
liste-style: none;
}
#rightcolumn .linkliste li {
display: inline;
liste-style: none;
}
#rightcolumn .linkliste li a, #rightcolumn .linkliste li strong {
display: block;
text-decoration: none;
}


#content {
width: 420px;
}
#content p {
margin: 15px 0 10px 0;
line-height: 1.5em;
}
#content ul {
margin: 15px 0 15px 20px;
}
#content ul li {
padding: 5px 0;
line-height: 1.3em;
}


#footer {
margin: 20px 0;
padding: 10px 0 0 40px;
border-top: 1px dotted #E3004F;
}

/* Allgemeine Klassen */

.skip {
position: absolute;
top: -100em;
left: -2000em;
}
.kleiner {
font-size: 70%;
}
.nomar, #rightcolumn h2.nomar {
margin-top: 0;
}
.bildlinks {
float: left;
padding: 5px 20px 5px 0;
}
.bildrechts {
float: right;
padding: 5px 0 5px 20px;
}
.absatztrenner {
clear: both;
}
#content p.teaser {
color: #e3004f;
font-weight: bold;
margin: 20px 0;
}


/* Kontakt Formular */

#formular {
margin: 10px 0 50px 0;
}
#formular label, #formular span.abstand {
display: block;
float: left;
clear: left;
width: 150px;
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: 240px;
padding: 0 2px;
margin: 2px 0;
}
#formular p.captcha {
float: left;
width: 400px;
padding: 0;
}
#formular img {
margin: 10px 0 2px 0;
}
#formular textarea.ftextarea {
width: 390px;
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, .emphasebox {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
background: #FDDCC8 ;
}
#rp {
background: #D7E6AE;
}
#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;
}
/* Realisation mit Welcompose */
.wcom_logo, 
a.wcom_logo:link, 
a.wcom_logo:visited, 
a.wcom_logo:hover, 
a.wcom_logo:active,  
a.wcom_logo:focus {
text-decoration: none;
padding: 4px 0 4px 24px;
background: transparent url(/files/global_files/119b587f7fdfc11eaf756c39f3a2b7065a3bd23c_welcompose-logo-sm.gif) left no-repeat;
}