/* instead of content.css */

body { 
font-size: 62.5%;
font-family: Helvetica,Arial,sans-serif;
}
/* **************** CONTENT OBJECTS ***************** */

/* ====== Elements ====== */
em {font-style:italic;}
strong, b {font-weight:bold;}
hr {
border:1px solid #ccc;
border-width:0 0 1px 0;
margin:10px 0;
}
code {color: #c00;} 
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dotted #666;
}
a img {
background: transparent;
border: 0 none;
}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1,.h1 {
font-size: 2.8em;
color:#000;
}
h2,.h2 {
font-size: 2.4em;
}
h3,.h3 {
font-size: 1.8em;
}
h4,.h4{
font-size: 1.6em;
}
h5,.h5{
font-size: 1.2em;
font-weight:bold;
font-style:normal;
}
h6,.h6{
font-size: 1.2em;
font-weight:normal;
font-style:italic;
color:#333;
}
p {
line-height: 1.5em;
margin: 10px 0;
} 
.inner {
padding:1.2em;
}

/* links */
a { text-decoration:none; }
a:focus,a:hover { text-decoration:underline; }

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li {
list-style-type:decimal;
margin-left:40px;
}
/* standard list */
ul.liste li {
list-style-type:disc;
padding: 5px 0;
}



/* ====== blockquote ====== */
cite {
display:block;
text-align:right;
padding-top:10px;
}  


.padtop20, #content p.padtop20 {
padding-top: 20px;
}
.padtop30, #content p.padtop30 {
padding-top: 30px;
}
.padtop40, #content p.padtop40 {
padding-top: 40px;
}
.padtop50, #content p.padtop50 {
padding-top: 50px;
}
/* Anzuwenden auf den letzten Satz vor der Fussnote */
#content p.fussnote {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
#content p.fn {
margin: 3px 0;
}
#content ul.fn_liste li {
padding: 2px;
line-height: normal;
}
.clear, .absatztrenner {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%; 
}
/* End hide from IE-mac */


/* Kontakt Formular */

/* Formular Anfrage*/
#formular_anfrage fieldset {
background: #EFEFEF;
padding: 5px;
margin: 0 0 20px 0;
border: 1px solid #ccc;
}
#formular_anfrage legend {
font-weight: bold;
border: 1px solid #ccc;
padding: 2px;
margin: 0 0 10px 0;
}

#formular_anfrage label.noclear {
clear: none;
display: inline;
float: none;
width: auto;
}
#formular_anfrage .textfield, #formular_anfrage .abstand {
display: block;
float: left;
padding: 1px 5px;
margin: 2px 0;
width: 11em;
clear: left;
vertical-align: top;
}
#formular_anfrage input.ffile {
display: inline;
padding: 1px 5px;
margin: 2px 0;
width: 18em;
}

#formular_anfrage #generator_form_please_call {
width: 20px;
display: inline;
padding: 0 10px 0 0;
margin: 0 0 0 -3px;
}
#formular_anfrage select {
margin: 10px 0;
}
#formular_anfrage input.ftextfield, #formular_anfrage .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_anfrage textarea.ftextarea {
width: 350px;
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;
}

/* Login-Formular */

#login {
padding: 0 0 10px 0;
}

#login label.textfield {
display: block; 
width: 100px;
float: left;
clear: left;
margin: 2px 0;
}

#login input.ftextfield {
display: block; 
width: 150px;
float: left;
margin: 2px 0;
}


/* response */
#rp, #error {
display: block;
width: 360px;
margin: 10px 0 10px 0;
padding: 10px;
background: #ffd7d7;
}
#rp {
background: #DBE6EA;
}
#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: #BB4837;
}
#rp p {
margin: 0;
padding: 0 10px 10px 10px;
}
#content .req li {
padding: 0;
}



/* tag cloud */
h2.tags {
font-size: 80%;
font-weight: bold;
}
#tagcloud {
padding: 7px;
margin: 0 0 50px 0;
}
#tagcloud li {
display: inline;
margin: 0;
padding: 0;
}
#tagcloud a {
display: inline;
margin: 0 5px 7px 0;
text-decoration: none;
}
#tagcloud a:hover {
color: #fff;
background: #666;
text-decoration: none;
}
#tagcloud a.tag_0 {
font-size: 100%;
color: #639D26;
}
#tagcloud a.tag_0:hover {
font-size: 100%;
color: #fff;
background: #639D26;
}
#tagcloud a.tag_1 {
font-size: 90%;
}
#tagcloud a.tag_2 {
font-size: 100%;
}
#tagcloud a.tag_3 {
font-size: 110%;
}
#tagcloud a.tag_4 {
font-size: 120%;
}
#tagcloud a.tag_5 {
font-size: 130%;
}
#tagcloud a.tag_6 {
color: #639D26;
font-size: 130%;
font-weight: normal;
}
#tagcloud a.tag_6:hover {
color: #fff;
background: #639D26;
}
.archives, .feeds {
padding: 7px;
}

.ref a {
display: block;
height: 50px;
width: 50px;
float: left;
padding: 0;
border: 1px solid #535161;
margin: 7px;
}

/* 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;
color: #fff;
background: #639D26;
padding: 0 5px;
border: 1px solid #639D26;
margin: 10px 5px 0 0;
}
#pager li a:link {
color: #000;
background: #fff;
}
#pager li a, #pager li.on {
color: #000;
background: #DFF0D4;
}
/* Blog Article */

.post {
clear: left;
margin: 0 0 25px 0;
}
.post h2 {
color: #639D26;
margin: 0;
}
.post p.who {
margin: 2px 0 10px 0;
font-size: 70%;
}

.post h3 {
color: #639D26;
margin: 20px 0 0 0;
font-size: 80%;
}
.post p {
margin: 5px 0;
}
.summary {
margin: 5px 0;
}

/* Blog Tag-Liste */

p.tags {
display: inline;
padding-right: 10px;
font-size: 70%;
}
ul.tags {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
ul.tags li {
display: inline;
margin: 0 5px 5px 0;
padding: 0;
font-size: 70%;
}
ul.tags li a {
display: inline;
padding: 0;
}

/* Impressum Eintrag 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/1c4d5cd7540aec1375e237b9c2d44157b987b08e_welcompose-logo-sm.gif) left no-repeat;
}