/**
 * 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;	
}
html {overflow: hidden;}

body {
height: 100%;
font: 96% Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #170900;
background: #fff url(/files/global_files/1fb58310801b43ccbab59e5c140f9c4bf4dd2f66_bg_body_1.gif) 0 0 repeat-x;
overflow: hidden;
}
* html body { 
padding: 0 0 0 265px;
}
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 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
}
h1 {
margin: 0 0 10px 0;
color: #999;
font-size: 1.3em;
}
h2 {
margin: 20px 0 10px 0;
font-size: 1.2em;
color: #672704;
}
h2.first {
margin-bottom: 30px;
}
h3 {
font-size: 0.80em;
margin: 15px 0 0 0;
}
h4 {
font-size: 0.80em;
}
p, a, label, li, .vcard, textarea, input, address, th, td {
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 {
font-size: 100%;
}
table {
margin: 10px 0;
}
th, td {
vertical-align: top;
text-align: left;
padding: 2px 5px 2px 0;
}

/* Layout */

#logo {
margin: 20px 0 30px 83px;
}
	
#leftcolumn {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 300px;
height: 100%;
overflow: hidden;
color: #642400;
background: #fff url(/files/global_files/ff7a093bc1269aeb52bc92a62088c63455ccccda_bg_leftcolumn1.gif) 0 0 no-repeat;
}
#sidebar, #blog_sidebar {
margin: 10px 0 10px 87px;
}

#leftcolumn a {
text-decoration: none;
}
#leftcolumn ul {
list-style: none;
clear: left;
}
#mainmenu {
margin: 0 0 40px 87px;
}
#mainmenu li {
margin: 0 0 7px 0;
}
#mainmenu a, #mainmenu strong {
padding: 1px 5px 1px 37px;
font-weight: normal;
color: #fff;
background: transparent;
}
#mainmenu a:link, #mainmenu a:visited {
padding: 1px 5px 1px 37px;
color: #642400;
background: transparent;
}
#mainmenu a:hover, #mainmenu a:active, #mainmenu a:focus {
padding: 1px 5px 1px 37px;
color: #56585A;
background: #DCDDDE;
}
#mainmenu strong {
padding: 1px 5px 1px 37px;
color: #fff;
background: #642400;
}
#profil #mainmenu strong {
padding: 1px 5px 1px 37px;
color: #fff;
background: #e45146;
}

#main {
position: fixed;
top: 0;
left: 292px;
right: 0;
bottom: 0;
overflow: auto;
text-align: center;
}
* html #main { 
height: 100%;
width: 100%;
}

#content {
width: 587px;
min-height: 100%;
text-align: left;
margin: auto;
padding-top: 20px;
padding-bottom: 300px;
background: transparent url(/files/global_files/1162252d57ec2e977a262dd7a171a6f465c61252_bg_content.gif) 0 0 repeat-y;
}

/* Sprache */
#sprache {
width: 587px;
height: 65px;
z-index: 100;
}
#sprache li {
display: inline;
}
#content #sprache a, #content #sprache strong {
display: block;
float: right;
padding: 2px 3px;
margin: 0 20px 0 0;
text-decoration: none;
font-weight: normal;
color: #642400;
border: 1px solid #fff;
}
#content #sprache strong {
border: 1px solid #dcddde;
}
.content ul {
margin: 10px 0 10px 20px;
list-style-type: square;
}
.content ul li {
margin: 0;
padding: 0;
}
.content ol {
margin: 10px 0 10px 25px;
}
.content ol li {
padding: 1px 0;
}
#header {
display: block;
height: 200px;
}
#header img {
float: left;
padding: 0;
margin: 0 1px 0 0;
border: 0 solid;
}
#header img.nomar {
margin: 0;
}
.content {
display: block;
padding: 20px;
}
.content p {
line-height: 1.5em;
margin: 10px 0;
}
.content p.teaser {
font-weight: bold;
color: #672704;
}
.content p.newsteaser {
color: #642400;
font-weight: bold;
}
#news .post h2 {
color: #672704;
margin-top: 20px;
padding-top: 15px;
border-top: 1px dotted #DCDDDE;
}
#rubrik {
height: 61px;
background: #642400;
overflow: hidden;
}
#profil #rubrik {
background: #E45146;
}
#content a:link {
color: #06c;
}
#content a:visited {
color: #170900;
}    
#content a:hover {
text-decoration: none;
}
#content a.pdf {
padding-left: 20px;
text-decoration: none;
color: #06c;
background: transparent url(/files/global_files/09bc00cd101a73ade185fd8469847a2eac22eb95_pdf.gif) left no-repeat
}

/* Blog Page Navigation */

p.pager {
display: inline;
float: left;
padding: 3px;
}
#pager {
list-style: none;
display: inline;
width: 800px;
}
#pager li {
display: inline;
}
#pager li a, #pager li.on {
float: left;
padding: 0 5px;
border: 1px solid #642400;
margin: 10px 5px 0 0; 
text-decoration: none;
}
#pager li a:link, #pager li a:visited {
color: #642400;
background: #dcddde;
border: 1px solid #dcddde;
}
#pager li a:hover, #pager li.on {
color: #fff;
background: #642400;
border: 1px solid #642400;
}

/* Blog Links */
.content p.more {
margin: -8px 0 10px 0;
}
#content a.more:link, #content a.more:visited {
background: transparent url(/files/global_files/6d4ff1d350de317cfb98fa6d51804314e2f09e17_link.gif) 0 1px no-repeat;
padding-left: 18px;
color: #000;
text-decoration: none;
}
#content a.more:hover {
background: transparent url(/files/global_files/6d4ff1d350de317cfb98fa6d51804314e2f09e17_link.gif) 0 -64px no-repeat;
}
#content a.more:active, #content a.more:focus  {
text-decoration: none;
}


/* Allgemeine Klassen */

.skip {
position: absolute;
top: -100em;
left: -2000em;
}
.kleiner {
font-size: 70%;
}
.bildlinks {
float: left;
padding: 5px 20px 5px 0;
}
.bildrechts {
float: right;
padding: 5px 0 5px 20px;
}
.post .bildrechts, .post .bildlinks {
padding-top: 15px;
}
.absatztrenner {
clear: both;
}
.nomar {
margin: 0;
}

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