* {
line-height:1.2em;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#9B141D;
text-align:left;
font-size:16px;
background-image:url(bilder/hg.jpg);
padding:0;
margin:0;
}

body a {
text-decoration:underline;
color:#9B141D;
}

/* HEADER */
#banner {
height:100px;
background-color:#9B141D;
padding:15px 0 15px 60px;
}

#fotoleiste {
width:100%;
height:50px;
background-repeat:repeat-x;
background-image:url(bilder/fotoleiste-grau.png);
}

#fotoleiste a {
cursor:default;
display:block;
width:100%;
height:100%;
}

#fotoleiste a:hover {
background-image:url(bilder/fotoleiste-farbe.png);
}

/* INTERFACE */
#interface {
position:relative;
padding:0;
margin:30px 0 0;
width:1330px;
height:auto;
}

/* TABS */
#tabs {
padding:0 0 0 370px;
margin:0;
font-size:14px;
font-weight:bold;
overflow:hidden;
}

#tabs ul {
list-style:none;
padding:0;
margin:0;
}

#tabs li {
padding:0;
margin:5px 10px 5px 0;
float:left;
}

#tabs li a {
padding:5px 15px;
color:#FFF;
background-color:#9B141D;
text-decoration:none;
border-radius:5px 5px 0 0;
}

#tabs li a:hover {
background-color:#C51014;
}

#tabs #sb a {
background-color:#888;
}

/* NAVIGATION */
#navi {
position:relative;
padding:0;
margin:0 60px;
text-align:center;
width:230px;
height:562px;
float:left;
}

/* BUTTONS */
#buttons {
font-size:16px;
padding:0;
margin:0;
font-weight:bold;
}

#buttons ul {
list-style:none;
padding:0;
margin:0;
text-align:left;
}

#buttons li {
padding:0;
margin:0 0 10px;
}

#buttons li a {
display:block;
padding:5px 0 5px 15px;
margin:0;
background-color:#9B141D;
color:#FFF;
text-decoration:none;
border-radius:5px;
}

#buttons li a:hover {
background-color:#C51014;
}

#buttons #sa a {
background-color:#888;
}

/* LINKS */
#links {
font-size:16px;
padding:0;
margin:30px 0 0;
font-weight:bold;
text-align:left;
}

#links ul {
list-style:none;
padding:0;
margin:0;
}

#links li {
padding:5px 0 5px 10px;
}

#links a {
padding:3px 8px;
color:#9B141D;
text-decoration:none;
}

#links a:hover {
color:#C51014;
}

#links #sa a {
color:#FFF;
background-color:#888;
padding:3px 8px;
border-radius:5px;
}

/* BOX */
#box {
font-size:12px;
padding:0;
margin:10px 0 0;
position:absolute;
width:100%;
bottom:0;
}

#box .oben {
background-color:#9B141D;
color:#FFF;
padding:3px;
border:2px solid #9B141D;
border-radius:5px 5px 0 0;
}

#box .unten {
background-color:#FFF;
color:#9B141D;
padding:10px;
border:2px solid #9B141D;
border-radius:0 0 5px 5px;
}

#box #skype {
margin:5px 0 0;
}

/* CONTENT */
#content {
padding:30px;
margin:0;
width:auto;
height:500px;/* Navi height = height + 60 + border*2 */
background-image:url(bilder/transparenz.png);
border:1px solid #9B141D;
border-radius:15px 0 0 15px;
overflow-y:scroll;
text-align:left;
font-size:14px;
color:#000;
/*direction:rtl;*/
}

#content #ueberschrift {
color:#9B141D;
font-size:20px;
font-weight:bold;
margin:0 0 30px;
text-align:center;
}

#content .ueberschrift2 {
color:#9B141D;
font-size:14px;
font-weight:bold;
margin:0 0 6px;
}

#content .team,#content .pz {
color:#9B141D;
font-size:20px;
font-weight:bold;
margin:0 0 12px;
text-align:left;
}

#content #logo {
float:right;
}

#content ul {
list-style:url(bilder/punkt.png);
}

#content li {
margin:0;
padding:5px 0;
}

#content .rednfat {
color:#9B141D;
font-weight:bold;
}

#content a {
color:#9B141D;
text-decoration:underline;
}

#content a:hover {
color:#C51014;
}

#content a:active {
color:#C51014;
}

#content .anmerkung {
font-style:italic;
font-size:12px;
}

/* FOOTER */
#footer {
margin:15px 0;
font-size:10px;
text-align:center;
}

/* DEBUGGING */
/*
#navi { background-color: #253143; }
#buttons { background-color:#6dd12d; }
#links { background-color:#fff63a; }
#box { background-color:#ff278a; }
#interface { background-color:#baba52; }
#tabs{ background-color:#11452a; }
#content { background-color:#4615bf; }
#footer { background-color:#fff52b; }
*/
