/* index.css
Author: coDESIGN
Last edited by coDESIGN Sysadmin January 2009
*/
/* wichtige Farben
*/
/* Global settings */
* {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0px 0 0 0;
text-align: center;
color: #ffff00;
background-color: #000000;
/* background-color: #ff0000; */
font-weight: normal;
font-style: normal;
font-size: 12px; /* = 9pt; */
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, label, input, textarea, select, legend, fieldset {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, ul, ol, li, dl, dt, dd, label, input, textarea, select, legend, fieldset {
font-size: 12px;
}

#wrapper {
width: 800px;
height: 720px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
background-image: url(../img/home/homemenue_neutral.jpg);
background-repeat: no-repeat;
/* border: 1px solid red; */
}

p {
margin: 0;
padding: 0;
line-height: 12px;
}

p#background img {
position: absolute;
}
p#logo img {
position: absolute;
margin-top: 227px;
}
p#logo_sm {
display: none;
}
p#logo_sm img {
position: absolute;
margin-top: 597px;
margin-left: 315px;
}
p#line img {
position: absolute;
margin-top: 627px;
}

.preview {
display: none;
position: absolute;
margin-top: 186px;
}

#preview2 {
margin-top: 175px;
}
#preview3 {
margin-top: 260px;
}
#preview4 {
margin-top: 198px;
}
#preview5 {
margin-top: 166px;
margin-top: 171px;
}

a {
display: block;
text-decoration: none;
border: none;
color: #000000;
}


img {
display: block;
border: none;
}

a img {
border: none;
}

#navbar, #navbar_foot {
position: absolute;
margin-top: 630px;
}

/* If user is logged in, the navbar is longer. */
#logged_in #navbar ul.navlist {
margin-left: 30px;
}

ul.navlist {
list-style-type: none;
}

ul.navlist {
height: 20px;
padding-top: 12px;
}
ul.navlist li {
float: left;
margin-right: 8px;
}
ul.navlist li a {
display: block;
}
ul.navlist li a:before {
content: "| ";
}
ul.navlist li:first-child a:before {
content: "";
}
ul.navlist li a {
display: block;
text-decoration: none;
font-variant: small-caps;
color: white;
}
ul.navlist li a:hover {
color: #d1cf9e;
}
#navbar ul.navlist {
margin-left: 30px;
}
#navbar_foot ul.navlist {
margin-left: 600px;
}



ul.catlist {
/* position: absolute; */
list-style-type: none;
/* border: 1px solid red; */
}
ul.catlist li {
position: absolute;
height: 30px;
}
ul.catlist li a {
position: absolute;
display: block;
overflow: hidden;
text-indent: 200px;
background-repeat: no-repeat;
height: 30px;
}


#p1 a {
width: 90px;
margin-top: 110px;
margin-left: 10px;
/* border: 1px solid blue; */
}
#p2 a {
width: 90px;
margin-top: 110px;
margin-left: 170px;
/* border: 1px solid blue; */
}
#p3 a {
width: 120px;
margin-top: 110px;
margin-left: 334px;
/* border: 1px solid blue; */
}
#p4 a {
width: 80px;
margin-top: 110px;
margin-left: 530px;
/* border: 1px solid blue; */
}
#p5 a {
width: 100px;
margin-top: 110px;
margin-left: 690px;
/* border: 1px solid blue; */
}

a#vitalink {
position: absolute;
display: block;
width: 240px;
height: 200px;
margin-top: 210px;
margin-left: 280px;
/* border: 1px solid blue; */
z-index: 2;
text-indent: 200px;
}

ul.navlist li#m1 a {
background-image: url(../img/index/01_deutsch_off.jpg);
width: 71px;
}
ul.navlist li#m1 a:hover {
background-image: url(../img/index/01_deutsch_on.jpg);
}

ul.navlist li#m2 a {
background-image: url(../img/index/02_english_off.jpg);
width: 69px;
}
ul.navlist li#m2 a:hover {
background-image: url(../img/index/02_english_on.jpg);
}

ul.navlist li#m3 a {
background-image: url(../img/index/03_espanol_off.jpg);
width: 71px;
}
ul.navlist li#m3 a:hover {
background-image: url(../img/index/03_espanol_on.jpg);
}

ul.navlist li#m4 a {
background-image: url(../img/index/04_francais_off.jpg);
width: 76px;
}
ul.navlist li#m4 a:hover {
background-image: url(../img/index/04_francais_on.jpg);
}

ul.navlist li#m5 a {
background-image: url(../img/index/05_japan_off.jpg);
width: 52px;
}
ul.navlist li#m5 a:hover {
background-image: url(../img/index/05_japan_on.jpg);
}

ul.navlist li#m6 a {
background-image: url(../img/index/06_russia_off.jpg);
width: 69px;
}
ul.navlist li#m6 a:hover {
background-image: url(../img/index/06_russia_on.jpg);
}

ul.navlist li#m7 a {
background-image: url(../img/index/07_polskia_off.jpg);
width: 59px;
}
ul.navlist li#m7 a:hover {
background-image: url(../img/index/07_polskia_on.jpg);
}

ul.navlist li#m8 a {
background-image: url(../img/index/08_italia_off.jpg);
width: 71px;
}
ul.navlist li#m8 a:hover {
background-image: url(../img/index/08_italia_on.jpg);
}