/* begin:basics */
html { min-width: 500px }
div, img, form, fieldset {
 border: none;
 margin: 0px;
 padding: 0px;
}

html, body {
 background-color: rgb(152,159,187);
 background-image: url(/viomatrix/imgs/bigwallpaper.gif);
 background-position: center top;
 background-repeat: no-repeat;
 border: none;
 margin: 0px;
 padding: 0px;
 text-align: left;
 min-height: 100%;
 text-align: center;
}

.antifloat {
 clear: both;
 visibility: hidden;
 height: 1px;
 overflow: hidden;
}

div#placeholder {
 position: relative;
 width: 100%;
 height: 100%;
 margin: 0px;
 text-align: left;
 background-color: rgb(152,159,187);
}

/* begin:wrapper */
div#wrapper  {
 font: normal 100% verdana, arial, helvetica, sans-serif;
 background-color: rgb(152,159,187);
 color: rgb(0,0,0);
 text-align: left;
 float: none;
 clear: both;
 border: none;
 position: relative;
 top: 0px;
 left: 0px;
 width: 759px;
 margin: auto;
 min-height: 100%;
 background-image: url(/viomatrix/imgs/css/wallpaper.gif);
 background-position: left top;
 background-repeat: repeat-y;
}
/* end:wrapper */

div#headline1 {
 margin: 0px;
 padding: 0px;
 display: block;
 background-color: rgb(229,231,243);
}

/* Signet 170x115px */
div#headline1 div#signet {
 margin: 0px;
 padding: 0px;
 display: block;
 float: left;
 width: 170px;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(255,255,255);
 background-color: rgb(152,159,187);
}

div.o1 {
 margin: 0px;
 padding: 25px 10px 20px 1px;
 display: block;
 background-color: rgb(152,159,187);
 height: 43px;
 border-bottom: 1px solid rgb(178,183,204);
 text-align: right;
 overflow: hidden;
 font: normal 0.95em verdana, arial, helvetica, sans-serif;
}
div.u1 {
 margin: 0px;
 padding: 8px 5px 5px 5px;
 display: block;
 background-color: rgb(152,159,187);
 height: 12px;
 border-top: 1px solid rgb(255,255,255);
 text-align: center;
 font-weight: bold;
 overflow: hidden;
}

div#headline1 div#logo {
 width: 475px;
 height: 115px;
 display: block;
 float: left;
 background-color: rgb(229,231,243);
 border-right: 1px solid rgb(190,195,215);
 background-image: url(/viomatrix/imgs/css/headmenu_bg_linie.gif);
 background-position: 0px 83px;
 background-repeat: repeat-x;
}
div#headline1 div#logo img {
 display: block;
 margin: 10px 0px 0px 15px;
 height: 68px;
}
div#headline1 div#logo a {
 margin: 5px 30px 0px 0px;
 padding: 15px 0px 0px 0px; 
 display: block;
 float: right;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 text-decoration: none;
 color: rgb(45,75,155);
 background-image: url(/viomatrix/imgs/css/headmenu_bg.gif);
 background-position: center top;
 background-repeat: no-repeat;
}
div#headline1 div#logo a.selected {
 background-image: url(/viomatrix/imgs/css/headmenu_bg_sel.gif);
}
div#headline1 div#logo a:hover {
 background-image: url(/viomatrix/imgs/css/headmenu_bg_sel.gif);
}

div#headline1 div#logo a.lnglink {
 margin: 5px 30px 0px 0px;
 padding: 60px 0px 0px 0px; 
 display: block;
 float: none;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 text-decoration: none;
 color: rgb(45,75,155);
 background-image: none;
}
div#headline1 div#logo a.lnglink img {
 width: 36px;
 height: 22px;
 margin: 0px;
}

div#headline1 div#sponsors {
 width: 113px;
 display: block;
 float: left;
 font: bold 12px verdana, arial, helvetica, sans-serif;
 color: rgb(255,255,255);
 background-color: rgb(152,159,187);
}

/* Contentwrapper */
div#cwrapper {
 float: left;
 width: 646px;
 clear: none;
 display: block;
}

/* Navigation */
div#navi {
 margin: 0px;
 padding: 0px;
 display: block;
 float: left;
 width: 176px;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(255,255,255);
 background-color: rgb(152,159,187);
 background-image: url(/viomatrix/imgs/css/navi_bg_linie.gif);
 background-position: right top;
 background-repeat: repeat-y;
}

div#navi a {
 margin: 17px 0px 6px 0px;
 padding: 0px 20px 0px 5px;
 display: block;
 background-image: url(/viomatrix/imgs/css/navi_bg.gif);
 background-position: right center;
 background-repeat: no-repeat;
 color: rgb(255,255,255);
 text-align: right;
 text-decoration: none;
}
div#navi a.selected {
 background-image: url(/viomatrix/imgs/css/navi_bg_sel.gif);
}
div#navi a:hover {
 background-image: url(/viomatrix/imgs/css/navi_bg_sel.gif);
}

/* Untermenuepunkte ALT */
div#navi div.umenu {
 visibility: hidden;
 position: absolute;
 z-index: 100;
 left: 176px;
 width: 170px;
 margin: -30px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 text-align: left;
 background-color: rgb(229,231,243);
 /* border: 1px solid rgb(219,221,233); */
}
div#navi div.umenu a {
 margin: 0px 5px 17px 0px;
 padding: 0px 0px 0px 15px;
 display: block;
 background-image: url(/viomatrix/imgs/css/blind.gif);
 background-position: left center;
 background-repeat: no-repeat;
 color: rgb(45,75,155);
 text-align: left;
 text-decoration: none;
}
div#navi div.umenu a:hover {
 background-image: url(/viomatrix/imgs/css/unavi_bg.gif);
 text-decoration: none;
}

/* Untermenuepunkte NEU */
div#navi div.umenuleft {
 display: none;
 width: 170px;
 margin: 0px;
 padding: 0px;
 text-align: right;
 overflow: hidden;
}
div#navi div.selected {
 display: block;
}
div#navi div.umenuleft a {
 margin: 1px 0px 0px 25px;
 padding: 5px 15px 5px 2px;
 display: block;
 background-image: none;
 background-color: rgb(107,121,157);
 color: rgb(255,255,255);
 text-align: right;
 text-decoration: none;
}
div#navi div.umenuleft a:hover {
 background-image: none;
 background-color: rgb(67,88,129);
 text-decoration: none;
}
div#navi div.umenuleft a.selected {
 background-color: rgb(67,88,129);
 text-decoration: none;
}


/* Content */
div#content {
 margin: 0px;
 padding: 17px 10px 20px 16px;
 display: block;
 float: left;
 width: 443px;
 overflow: hidden;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 background-color: rgb(229,231,243);
 border-right: 1px solid rgb(190,195,215);
}

div#content h1 {
 font: bold 14px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 margin-top: 0px;
 padding-top: 0px;
}

div#content a {
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 text-decoration: underline;
}

div#content img {
 float: left;
 margin: 2px 10px 10px 0px;
 padding: 0px;
}

div#content p {
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

div#content ol.olist {
 margin: 0px 5px 5px 25px;
 padding: 0px;
 font: bold 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 list-style-position: outside;
 list-style-type: upper-alpha;
}
div#content ol.olist li {
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

div#content ol.elist {
 margin: 0px 5px 0px 25px;
 padding: 0px;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 list-style-position: outside;
 list-style-type: decimal;
}
div#content ol.elist li {
 margin: 0px;
 padding: 10px 0px 0px 0px;
}
div#content ol.olist li ol.elist {
 margin: 0px 0px 0px 0px;
}

/* Formulare */
div#content form {
 margin: 0px;
 padding: 0px;
}

div#content form fieldset {
 margin: 0px;
 padding: 0px;
}

div#content form fieldset legend {
 margin: 0px 0px 10px -7px;
 padding: 0px;
 font: bold 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
}

div#content form fieldset label.labelt1 {
 margin: 0px;
 padding: 0px;
 width: 150px;
 float: left;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
}

div#content form fieldset input {
 margin: 0px 0px 5px 0px;
 padding: 0px;
 width: 200px;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 border: 1px solid rgb(152,159,187);
}



/* Sponsorenliste */
div#sponslist {
 margin: 13px 0px 0px 0px;
 padding: 0px;
 display: block;
 float: right;
 width: 113px;
 overflow: hidden;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(255,255,255);
 background-color: rgb(152,159,187);
}

div#sponslist a {
 display: block;
 float: none;
 overflow: hidden;
 width: 101;
 margin: 3px 0px 0px 12px;
 padding: 0px;
 border-bottom: 1px solid rgb(255,255,255);
 text-align: center;
}

div#sponslist img {
 margin: 0px;
 padding: 0px;
 border: none;
 max-width: 101px;
 overflow: hidden;
}

/* News */
div.news {
 float: left;
 clear: left;
 margin: 20px 0px 20px 0px;
 padding: 0px;
 display: block;
 width: 502px;
 text-align: left;
 overflow: hidden;
 background-image: url(/viomatrix/imgs/css/news_bg.gif);
 background-repeat: repeat-y;
}

div.news div.title {
 margin: 0px;
 padding: 14px 14px 14px 14px;
 display: block;
 float: left;
 width: 142px;
 background-color: rgb(229,231,243);
 border-top: rgb(210,213,229); 
 border-right: rgb(233,234,245); 
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 text-align: right;
}

div.news div.text {
 margin: 0px;
 padding: 14px 14px 14px 14px;
 display: block;
 float: left;
 width: 303px;
 overflow: hidden;
 background-color: rgb(243,243,249); 
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
}

div.news div.text h1 {
 margin: 0px;
 padding: 0px;
 display: block;
 font: bold 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
}

div.news div.text h2 {
 margin: 0px;
 padding: 14px 0px 0px 0px;
 display: block;
 font: bold 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
}

div.news div.text p {
 margin: 0px;
 padding: 14px 0px 0px 0px;
 display: block;
 font: normal 12px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
}
div.news a {
 text-decoration: underline;
 color: rgb(45,75,155);
}
div.news a:hover {
 text-decoration: underline;
}

/* Footer */
div#footer {
 clear: both;
 float: none;
 margin: 0px 0px 0px 0px;
 padding: 20px 0px 0px 0px;
 display: block;
 width: 759px;
 text-align: left;
}

div#footer div#send {
 margin: 0px;
 padding: 0px 0px 0px 79px;
 display: block;
 float: left;
 width: 93px;
 background-color: rgb(152,159,187);
 font: bold 11px verdana, arial, helvetica, sans-serif;
}
div#footer div#send a {
 padding: 0px 42px 0px 20px;
 width: 51px;
 display: block;
 background-color: rgb(255,255,255);
 background-image: url(/viomatrix/imgs/css/send_pfeil.gif);
 background-position: right center;
 background-repeat: no-repeat;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 text-align: right;
 text-decoration: none;
}

div#footer div#begin {
 margin: 0px;
 padding: 0px 0px 0px 319px;
 display: block;
 float: left;
 width: 133px;
}

div#footer div#begin a {
 padding: 0px 42px 0px 5px;
 display: block;
 width: 86px;
 background-color: rgb(255,255,255);
 background-image: url(/viomatrix/imgs/css/begin_pfeil.gif);
 background-position: right center;
 background-repeat: no-repeat;
 font: bold 11px verdana, arial, helvetica, sans-serif;
 color: rgb(45,75,155);
 text-align: right;
 text-decoration: none;
}
