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

/*** ELEMENTS ***/

html, body, ul, ol, dl, dd, fieldset, form {
margin: 0;
padding: 0;
}
html, body, fieldset {
border: 0 solid;	
}
body {
font: 96% "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
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 {
text-decoration: none;
background: transparent;
border: 0 solid #fff;
color: #fff;
}
#footercon a img {
color: #DFDFE3;
border: 0 solid #dfdfe3;
}
h1, h2, h3, h4 {
font-weight: normal;
font: 96% "myriad pro", "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
}
h1 {
color: #b1b1b1;
font-size: 30px;
}
#labindex h1, #labitem h1, #labseiten h1 {
font-size: 40px;
}
#labseiten h1 {
color: #f00;
}
h1 strong {
display: block;
color: #000;
font-size: 40px;
font-weight: normal;
}
#labindex h1 strong, #labitem h1 strong, #labseiten h1 strong {
font-size: 20px;
}

h2 {
font-size: 1em;
margin: 20px 0 10px 0;
color: #c00;
}
h2.nomar {
margin: 0 0 20px 0;
}
h3, h4 {
font-size: 1.2em;
font-weight: bold;
}
p, a, label, li, .vcard, textarea, input, address, th, td, span.abstand {
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, p label {
font-size: 100%;
}
a {
color: #666;
background: transparent;
text-decoration : underline; 
}
a:hover {
color: #c00;
background: transparent;
} 

a.link, ul.linkliste li a  {
text-decoration: none;
display: block;
padding: 3px 0 3px 25px;
color: #000;
background: transparent url(/files/global_files/6e736ab64d56ed0c52480a1e9e3d086ab874e4bc_linkicon.gif) 0 -28px no-repeat;
}
a.link:hover, ul.linkliste li a:hover {
display: block;
padding: 3px 0 3px 25px;
color: #c00;
background: transparent url(/files/global_files/6e736ab64d56ed0c52480a1e9e3d086ab874e4bc_linkicon.gif) 0 12px no-repeat;
}

#content a.link {
background-position: 0 -24px;
}
#content a.link:hover {
background-position: 0 16px;
}

#content a.intern {
text-decoration: none;
color: #000;
border-bottom: 4px solid #b1b1b1;
}
#content a.intern:hover {
color: #c00;
border-bottom: 4px solid #c00;
}


ul {
margin: 10px 0 10px 20px;
}
ul.linkliste {
margin: 10px 0;
list-style: none;
}
ol {
margin: 10px 0 10px 25px;
}
li {
padding: 3px 0;
}
address {
font-style: normal;
}
hr {
color: #ccc;
border: 0 none;
border-top: 1px solid #ccc;
}
blockquote {
margin: 20px 0;
color: #c00;
}
cite {
color: #000;
float: right;
margin-top: -24px;
}

/*** LAYOUT ***/

#containercon {
width: 100%;
background: #fff url(/files/global_files/5f6594f788761607d978134f6cf51dc7322f2f89_bg_topcon.png) top center no-repeat;
text-align: center;
}
#container {
position: relative;
width: 986px;
text-align: left;
margin: 0 auto;
}
#headercon {
height: 104px;
width: 986px;
background: #fff url(/files/global_files/d413bf311a16081da5912337109e60335ed8ead2_bg_headercon.png) 0 0 no-repeat;
}
#logo {
position: absolute;
top: 76px;
left: 726px;
}
#labindex #logo, #labitem #logo, #labseiten #logo {
top: 36px;
left: 725px;
}

/** Topnavigation **/

#mainnav .nav1 {
height: 104px;
width: 700px;
}
#mainnav .nav1 li {
display: inline;
}
#mainnav .nav1 li a, 
#mainnav .nav1 li.on strong {
display: block;
float: left;
text-decoration: none;
color: #000;
font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
font-size: 90%;
text-transform: uppercase;
padding: 84px 10px 4px 10px;
}
#mainnav .nav1 li.on, #mainnav .nav1 li.on strong, #mainnav .nav1 li a.on {
color: #58585a;
background: transparent url(/files/global_files/7032bde64024c4419140956884f897215f2d3f44_bg_menu.png) 0 0 repeat-x;
font-weight: normal;
}
#mainnav .nav1 li a {
color: #58585a;
background: transparent;
}
#mainnav .nav1 li a:hover {
color: #c00;
background: transparent url(/files/global_files/7032bde64024c4419140956884f897215f2d3f44_bg_menu.png) 0 0 repeat-x;
}

/** Subnavigation rechts **/

#mainnav .nav2 {
position: absolute;
top: 265px;
left: 726px;
margin: 0 0 40px 0;
padding: 0;
list-style: none;
}
#mainnav .nav2 li {
display: inline;
}
#mainnav .nav2 li a, 
#mainnav .nav2 li.on strong {
text-decoration: none;
display: block;
float: none;
margin: 0;
padding: 3px 0 3px 25px;
background: transparent url(/files/global_files/6e736ab64d56ed0c52480a1e9e3d086ab874e4bc_linkicon.gif) 0 -28px no-repeat;
}
#mainnav .nav2 li.on strong, #mainnav .nav2 li a.on {
background: transparent url(/files/global_files/6e736ab64d56ed0c52480a1e9e3d086ab874e4bc_linkicon.gif) 0 12px no-repeat;
}
#mainnav .nav2 li a:hover  {
color: #c00;
background: transparent url(/files/global_files/6e736ab64d56ed0c52480a1e9e3d086ab874e4bc_linkicon.gif) 0 12px no-repeat;
}
#mainnav .nav3 {
margin: 0 0 0 25px;
}
#mainnav .nav3 li a, 
#mainnav .nav3 li.on strong {
padding: 3px 0 3px 14px;
background: transparent url(/files/global_files/75a7c1dc5adc9883deb9dd09fdec14f8a7a6733e_subnavlink.gif) 0 -28px no-repeat;
}
#mainnav .nav3 li.on strong {
background: transparent url(/files/global_files/75a7c1dc5adc9883deb9dd09fdec14f8a7a6733e_subnavlink.gif) 0 12px no-repeat;
}
#mainnav .nav3 li a:hover {
color: #c00;
background: transparent url(/files/global_files/75a7c1dc5adc9883deb9dd09fdec14f8a7a6733e_subnavlink.gif) 0 12px no-repeat;
}



#main {
padding: 30px 20px 10px 30px;
}
#main p.nachoben {
clear: both;
}
#column {
float: right;
width: 240px;
}
#column h2, #footercolumn h2, #column h2 a {
color: #c00;
text-transform: uppercase;
border-bottom: 4px solid #ccc;
padding: 0 0 4px 0;
text-decoration: none;
}
#column h2 {
padding-top: 70px;
}

#startseite #column h2 {
padding-top: 10px;
}
#content {
width: 620px;
}
#content sup, #content sup a, #content li sup a, #content li sup {
position: static;
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
}
#content p, #footercontent p {
line-height: 1.7em;
}


#footercon {
width: 100%;
text-align: center;
background: #DFDFE3;
border-top: 1px solid #838383;
min-height: 600px;
}
#labindex #footercon, #labitem #footercon {
color: #fff;
background: #006D64;
border-top: 1px solid #58585a;
}
* html #footercon {
height: 600px;
}
#footercontainer {
position: relative;
width: 986px;
margin: 0 auto;
text-align: left;
}
#footermain {
padding: 30px 20px 20px 30px;
min-height: 200px;
}
#footercontent {
width: 660px;
}
#footermain h1 {
color: #9B9BA6;
text-transform: uppercase;
font-size: 30px;
}
#footermain h1 strong {
text-transform: none;
font-size: 40px;
font-weight: normal;
}
#footercolumn {
float: right;
width: 240px;
}
#footercolumn h2.first {
margin: 0;
padding: 75px 0 0 0;
font-weight: bold;
}


/* Common Classes - Allgemeine Klassen */

.center, .mittig {
text-align: center;
padding: 2px;
}
.right, .rechts {
text-align: right;
}
.rahmen {
border: 1px solid #ccc; 
}
.nowrap {
white-space: nowrap;
}
.teaser {
font-weight: bold;
color: #c00;
}
.skip {
position: absolute;
left: -1000em;
top: -1000em;
}
.fright {
float: right;
}
.fleft {
float: left;
}
.bildrechts {
float: right;
margin: 0 0 0 10px;
}
#aktion .bildrechts {
margin-right: 5px;
}
.bildlinks {
float: left;
margin: 0 10px 5px 0;
}
.topminus {
margin-top: -10px;
}
.rahmen{
border: 1px solid #ccc;
}
#aktion .rahmen{
border: 1px solid #fff;
}
.klein {
font-size: 75%;
}
.grau {
color: #666;
}

.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 */

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


/* Fehlermeldungen Formulare */

/* response */
#rp, #error {
display: block;
width: 480px;
margin: 10px 0 20px 0;
padding: 10px;
background: #ffd7d7;
border: 1px solid #c00;
}
#rp {
color: #003974;
background: #D9E9F9;
border: 1px solid #003974;
}
#rp ul, #error ul {
margin-left: 20px;
}
#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;
}

/* Formular */

#formular {
margin: 20px 0;
}
#formular p {
margin: 10px 0 5px 0;
}

#formular label.textfield {
display: block; 
float: left;
width: 120px;
margin: 2px 0;
}
#formular span.textfield {
display: block; 
float: left;
width: 100px;
}
#formular span.abstand {
display: block; 
float: left; 
width: 150px;
}
#formular label.abstand {
display: block; 
float: left; 
width: 169px;
}
#formular input.fcheckbox {
margin: 2px 0;
padding: 0;
}
#formular .fradio {
margin: 0 2px 0 20px;
}
#formular .ftextfield {
border: 1px solid #ccc;
padding: 1px 5px;
width: 200px;
margin: 2px 0;
}
#formular select {
border: 1px solid #ccc;
padding: 0;
margin: 2px 0;
min-width: 20px;
}
#formular textarea {
border: 1px solid #ccc;
width: 300px;
height: 60px;
padding: 5px;
margin: 5px 0 0 0;
display: block;
float: left;
font-size: 100%;
}
#formular #buttons {
display: block;
float: left;
clear: both;
height: 2em;
}
#formular input.fsubmit {
display: block;
float: left;
width: auto;
padding: 1px 10px;
}

/* tag cloud */
h2.tags {
font-size: 80%;
font-weight: bold;
}
#tagcloud {
padding: 0;
margin: 0 0 30px 0;
}
#tagcloud li {
display: inline;
margin: 0;
padding: 0;
}
#tagcloud a {
display: inline;
margin: 0 5px 7px 0;
padding: 0;
text-decoration: none;
}
#tagcloud a:hover {
color: #fff;
background: #666;
text-decoration: none;
}
#tagcloud a.tag_0 {
font-size: 100%;
color: #000;
}
#tagcloud a.tag_0:hover {
font-size: 100%;
color: #c00;
background: transparent;
}
#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: #c00;
font-size: 130%;
font-weight: normal;
}
#tagcloud a.tag_6:hover {
color: #fff;
background: #c00;
}
.archives, #left .feeds {
padding: 7px;
list-style: none;
margin: 10px 0;
}

.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: #838383;
padding: 0 5px;
border: 1px solid #666;
margin: 10px 5px 0 0;
}
#pager li a:link {
color: #000;
background: #fff;
}
#pager li a, #pager li.on {
color: #000;
background: #dfdfe3;
}
/* Blog Article */

.post {
clear: left;
margin: 0 0 25px 0;
}
.post h2 {
color: #c00;
font-weight: bold;
margin: 0;
}
.post p.who {
margin: 2px 0 10px 0;
font-size: 70%;
}

.post h3 {
color: #000;
margin: 20px 0 0 0;
font-size: 90%;
}
.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;
}

p.tagstopic {
display: inline;
font-size: 80%;
padding: 0 5px 0 0;
}

/* GLOSSAR */

ul.glossar {
list-style: none;
margin: 10px 0;
}
ul.glossar li {
display: block;
float: left;
border: 1px solid #ccc;
color: #ccc;
width: 1.7em;
height: 1.2em;
line-height: 1.2em;
text-align: center;
margin: 0 3px 3px 0;
}
ul.glossar li.akt {
border-color: #666;
}
ul.glossar li.akt a, ul.glossar li a {
color: #c00;
text-decoration: none;
}
#glossar h2 {
font-weight: bold;
}
dl.glossar dt {
border-bottom: 4px solid #ccc;
padding: 0 0 2px 0;
font-weight: bold;
margin: 15px 0 10px 0;
}
dl.glossar dd {
margin: 5px 0;
}

/* Eintrag Impressum 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/13f0a7d06f02833e4964d141b2897636cd25f43f_welcompose-logo-sm.gif) left no-repeat;
}