/*   
Theme Name: Vikberg.Net
Theme URI: http://www.vikberg.net
Description: The Standard Cascading Style Sheet for Vikberg.net 
Author: Veine K Vikberg
Author URI: http://www.vikberg.net
Version: 0.1
*/

/* ---------- Basic Global Settings ---------- */
* {
   margin:0;
   padding:0
  }
html { /* Prohibiting Firefox and comparable browsers from "jumping" when no scroll bars are present */
      height:100% 
     }
body { /* Prohibiting Firefox and comparable browsers from "jumping" when no scroll bars are present */
      min-height:101%; 
      font: 100.01%/130% Verdana, Helvetica, sans-serif;
      color: #000000; 
      background-color: #dde0e5;
     }
body, p, td, th, a {
                    line-height: 120%;
                   }

/* -------------------------------- Ueberschriften ------------------------------------- */
h1 {
    background-color: #660000;
    color: #515151;
    font: bold 95%/120% Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; 
    margin: 0.2em 18px 1em 9px;
    padding: 0 0 0 0.5em;
}
h1 span {
    background-color: #fff;
    padding: 1px 5px;
}
h2, h3 {
    color: #3B6FA1;
    font: bold 82%/110% Verdana, Helvetica, sans-serif;
    margin: 0 18px 0 23px;
}
#links h1, #links h2 {
    color: #fff;
    font: bold 82%/110% Verdana, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #ffffff;
}

/* -------------------------------- Top-Navigation ------------------------------------- */
#topnav ul {
    font: normal 82%/120% Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#topnav ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}
#topnav ul li a:link {
    background-color: #fff;
    border: 0;
    padding: 0;
    margin: 0.1em 1em 0.3em 0;
    color: #89A8C7;
    text-decoration: none;
    display: block;
    text-align: center;
}
#topnav ul li a:visited {
    color: #3B6FA1;
    margin: 0.1em 1em 0.3em 0;
    text-decoration: none;
}
#topnav ul li a:hover, #topnav ul li a:active, #topnav ul li a:focus {
    background-color: #ebebeb;
    color: #515151;
    text-decoration: underline;
    margin: 0.1em 1em 0.3em 0;
}


/* -------------------------------- Header ------------------------------------- */
#container {
    background-color: #ffffff;
    margin: 0px auto; 
    width: 770px; 
    position: relative; 
    text-align: left;
}
#topnav {
    background: #fff url(../gfx/topnav_bg.gif) no-repeat bottom left;
    padding: 3px 12px 12px 12px;
}
#header {
    background: #ffffff;
    height: 64px;
    width: 770px; 
    margin: 0; 
    padding: 0;
}

/* -------------------------------- Basic Layout Elements ------------------------------------- */
#layout {
    background: #dde0e5 url(../gfx/layout_bg.jpg) repeat-y bottom left;
    float: left; 
    width: 770px;
}
#content {
    background: transparent;
    float: right; 
    width: 546px;
}
#footer {
    background: #ffffff url(../gfx/footer.gif) no-repeat bottom left;
    height: 45px; 
    width: 546px;
}
#links {
    background: #660000 url(../gfx/nav_bg.jpg) repeat-y top left;
    float: left;
    width: 224px;
}
#last {
    clear: both;
}


/* -------------------------------- Content Formatting ------------------------------------- */
#content p {
    background-color: #fff;
    font: normal 82%/120% Verdana, Helvetica, sans-serif;
    margin: 0 18px 1em 23px;
    color: #515151;
}
#content ul {
    background-color: #fff;
    margin: 0 18px 1em 50px;
}
#content li {
    font: normal 82%/120% Verdana, Helvetica, sans-serif;
    color: #515151;
}
#content li li {
    font: normal 90%/120% Verdana, Helvetica, sans-serif;
    color: #515151;
}
#content p#mainimage {
    margin: 0;
    width: 546px;
    height: 163px;
}
#content p#breadcrumb {
    margin: 0 18px 1em 0.5em;
    color: #515151;
    font: normal 70%/120% Verdana,Arial,Helvetica,sans-serif; 
}
html>body #breadcrumb {
    font: normal 72%/120% Verdana,Arial,Helvetica,sans-serif; 
}
#content a:link, #inhalt a:visited {
    color: #515151;
    text-decoration: none;
    border-bottom: 1px #89A8C7 solid;
}
#content a:visited {
    color: #3B6FA1;
}
#content a:hover, #inhalt a:active, #inhalt a:focus {
    background-color: #ebebeb;
    color: #000;
    text-decoration: none;
    border-bottom: 1px #000 solid;
}


/* -------------------------------- Formatierungen Navigation ------------------------------------- */
#links p {
    font: normal 90%/120% Verdana,Arial,Helvetica,sans-serif;
    margin: 0 1em 1em 1em;
}
#links p#navtop {
    margin: 0;
    width: 224px;
    height: 21px;
}
#links ul, #links ol, #links li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#links li a:link, #links li a:visited, #links li a:hover, #links li a:active, #links li a:focus {
    font: bold 82%/100% Verdana, Arial, Helvetica, sans-serif;
    display: block;
    color: #fff;
    text-decoration: none;
}
#links li a:hover, #links li a:active, #links li a:focus {
    text-decoration: underline;
}


/* ------------ Navigation ------------ */
#navigation {
    background: #660000 url(../gfx/info_bg.jpg) repeat-y;
    padding: 9px;
    margin: 0 0 0 0px;
}
html>body #navigation {
    margin: 0px 0px 0px 0px;
}
#navigation ul#nav li {
    border-bottom: 1px solid #A0BAD1;
}
#navigation ul#nav li a:link, #navigation ul#nav li a:visited {
    background: url(../gfx/pfeil_a.gif) no-repeat 3px 0;
    padding: 6px 7px 6px 20px;
    text-decoration: none;
}
#navigation ul#nav li a:visited {
    color: #fff;
    background: url(../gfx/haken_c.gif) no-repeat 3px 0;
    font-weight: normal;
}
#navigation ul#nav li a:hover, #navigation ul#nav li a:active, #navigation ul#nav li a:focus {
    color: #fff;
    background: #3366CC /*#B9CFE6*/ url(../gfx/haken_b.gif) no-repeat 3px 0;
    font-weight: bold;
}

/* ---- Aktuelle Seite in der Haupt-Navigation --- */
#navigation ul#nav li.aktiv div {
    font: bold 82%/100% Verdana, Arial, Helvetica, sans-serif;
    background: #003366  /*#B9CFE6*/ url(../gfx/haken_b_active.gif) no-repeat 3px 0;
    padding: 6px 7px 6px 20px;
    color: #fff;
    font-weight: bold;
}

/* ---- Subnavigation --- */
#navigation ul#nav li ul#subnav li {
    font: normal 88%/100% Verdana, Arial, Helvetica, sans-serif;
    border-bottom: 0px none #fff;
}
#navigation ul#nav li ul#subnav li a:link, #navigation ul#nav li ul#subnav li a:visited {
    font-weight: normal; 
    background: #0066cc /*#DBEBFC*/ url(../gfx/punkt_a.gif) no-repeat 5px 0;
    text-decoration: none;
    padding: 6px 3px 6px 25px;
    color: #fff;
}
 #navigation ul#nav li ul#subnav li a:visited {
    font-style: italic; 
    background: #3399ff url(../gfx/punkt_b.gif) no-repeat 5px 0;
    color: #000000;
}
#navigation ul#nav li ul#subnav li a:hover, #navigation ul#nav li ul#subnav li a:active, #navigation ul#nav li ul#subnav li a:focus {
    color: #000;
    background: #fff url(../gfx/punkt_b.gif) no-repeat 5px 0;
    padding: 6px 3px 6px 25px;
    font-weight: normal; 
}

/* ---- Aktuelle Seite in der Subnavigation --- */
#navigation ul#subnav li#aktuell div {
    background: #fff url(../gfx/punkt_b.gif) no-repeat 5px 0;
    padding: 6px 3px 6px 25px;
    color: #000;
    font: bold 82%/100% Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
html>body #navigation ul#subnav li#aktuell div {
    background: #fff url(../gfx/punkt_b.gif) no-repeat 6px 0.3em;
}

/* -------------------------------- Herstellernotiz ------------------------------------- */
#validation {
		background-color: #e0e0e0;
    margin: 0 auto;
		padding: 0 auto;
/*    padding-top: 10px;
	  padding-right: 5px;
	  padding-bottom: 5px;
	  padding-left: 400px;
	  margin-left: 30px; 
    width: 30em;
    text-align: center;
    /*background: #fff url(../images/footer_bg.gif) no-repeat top left;*/
    border: 0px solid red;
}
#validation p {
    font: normal 72%/130% Verdana,Arial,Helvetica,sans-serif;
	  margin-left: 200px;
		padding-top: 10px;
}
#validation a:link, #hersteller a:visited {
    color: #515151;
    text-decoration: none;
    border-bottom: 1px #89A8C7 solid;
}
#validation a:visited {
    color: #3B6FA1;
}
#validation a:hover, #validation a:active, #validation a:focus {
    background-color: #ebebeb;
    color: #000;
    text-decoration: none;
    border-bottom: 1px #000 solid;
}

address {
    font: normal 72%/130% Verdana,Arial,Helvetica,sans-serif;
		margin-left: 50px;
		color: #ffffff;
}
address a:link, {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px #89A8C7 solid;
}

/* -------------------------------- Formularfelder -------------------------------- */
#content form, #links form {
    padding: 0;
    margin: 0;
}
#content fieldset {
    margin: 1em 28px 1em 33px;
    padding: 0px 5px 10px 15px;
    border: 1px solid #f1f1f1;
}
#content label {
    color: #515151;
    font: normal 90%/120% Verdana, Helvetica, sans-serif;
}
#content legend {
    color: #3c79c0;
    background-color: #fff;
    font: normal 82%/120% Verdana, Helvetica, sans-serif;
    margin: 0 0 15px 0;
    padding: 1px 5px; 
}
#content input, textarea, #sfeld input {
    height: 1.7em;
    font: normal 100%/120% Verdana, Helvetica, sans-serif;
    background-color: #ECF2F9;
    width: 250px;
    padding: 1px;
    margin: 0;
    border-top: 1px solid #3C79C0;
    border-right: 1px solid #AFC9E9;
    border-bottom: 1px solid #AFC9E9;
    border-left: 1px solid #3C79C0;
}
textarea {
    height: 12em;
}
#content input.mini {
   width: 20px;
   border: 0px none #fff;
}
#content input.send {
    background-color: #D8D7D6;
    width: 12em;
    margin: 4px 0 0 0;
    padding: 0px;
    border-top: 1px solid #F3F3F3;
    border-right: 2px solid #9A9999;
    border-bottom: 2px solid #9A9999;
    border-left: 1px solid #F3F3F3;
    height: 1.8em;
}
input:focus, textarea:focus, #content input:focus, #content textarea:focus {
    background-color: #fff;
}

/* ------------ Feeds ------------ */
#feeds {
    background: transparent url(../gfx/info_bg.gif) no-repeat bottom right;
    padding: 8px;
    margin: 0 10px 10px 10px;
}
#feeds p {
    color: #fff;
    font: normal 72%/110% Verdana,Arial,Helvetica,sans-serif;
    margin: 0 0 0.5em 0;
}
#feeds ul, #feeds li {
    padding: 0;
    margin: 0;
    list-style: none;
}
#feeds ul li {
    border-bottom: 1px solid #A0BAD1;
}
#feeds ul li a:link, #feeds ul li a:visited {
    background: url(../gfx/pfeil_a.gif) no-repeat 3px 0;
    padding: 6px 7px 6px 20px;
    text-decoration: none;
}
#feeds ul li a:visited {
    color: #fff;
    background: url(../gfx/haken_c.gif) no-repeat 3px 0;
    font-weight: normal;
}
#feeds ul li a:hover, #feeds ul li a:active, #feeds ul li a:focus {
    color: #000;
    background: #B9CFE6 url(../gfx/haken_b.gif) no-repeat 3px 0;
    font-weight: bold;
}


/* -------------------------------- Sonstiges ------------------------------------- */

abbr, acronym {
    border-bottom: 1px dotted #3C528B;
    cursor: help;
}
img {
    border: 0px none #fff;
}
dt {
    margin-top: 0.5em;
    font-weight: bold;
}
dd {
    background-color: #F7F7F7;
    padding: 3px;
}
ul, ol {
    margin-top: 0;
}
strong, kbd {
    font-weight: bold;
}
em {
    color: #02449B;
    font-style: normal;
}
hr {
    margin: 10px 20px 10px 10px;
    padding: 0;
    float: none;
    clear: both;
    height: 1px;
    color: #D8D7D6;
    border: none;
}
html>body hr {
    background-color: #D8D7D6;
}


/* ----------------- Klassen ----------------- */
.kapital {
    text-transform: uppercase;
}
.imgre {
    float: right;
    margin: 2px 0px 2px 10px;
}
.imgli {
    float: left;
    margin: 2px 5px 2px 0px;
}
.aussen, dfn {
    position: absolute;
    left: -2000px;
}
.clear {
    clear: both;
}