/* volkstanzkomitee, 2010 */

html, body, div, span, a, img {
text-align: left;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 97%;
line-height: 135%;
color: #141414;
border: 0px;
margin: 0px;
padding: 0px;
} 

body {
text-align: left;
background-image: url(../pictures/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #e7e7e4;
}

/* KEYVISUAL */
#keyvisual {
position: fixed;
bottom: 0px;
left: 0px;
width: 260px;
height: 490px;
}


/* SEITENKOPF */
#header {
width: 902px;
height: 149px;
background-image: url(../pictures/vtk_logo.jpg);
background-repeat: no-repeat;
}


/* Allgemeine Textauszeichnung */

h1 {
font-family: Times, serif;
font-weight: bold;
font-size: 180%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #C6C6C6;
}

h2 {
font-size: 130%;
font-weight: bold;
margin: 0px 0px 7px 0px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #C6C6C6;
}

h3 {
font-size: 100%;
font-weight: bold;
margin: 0px 0px 4px 0px;
}

p {
margin: 0px 0px 10px 0px;
}


a {
outline: none;
}


.top {
font-size: 90%;
clear: both;
text-align: right;
}


/* Hier kommen die Einzelnen Seitenelemente */

/* NAVIGATION */
#navigation {
padding: 0px;
margin: 40px 0px 0px 0px;
position: fixed;
}

#navigation a:link, #navigation a:visited {
background-color: #000000;
opacity: 0.93;
display: block;
width: 130px;
heigth: 50px;
padding: 2px 0px 0px 35px;
margin: 2px 0px 0px 0px;
text-decoration: none;
color: #E7E7E4;
}

#navigation a:hover, #navigation a:active {
background-color: #E7E7E4;
opacity: 0.95;
color: #000000;
}

#navigation ul {
list-style: none;
padding: 0px;
}

#navigation li {
}

#navigation a#activ:link, #navigation a#activ:visited, #navigation a#activ:hover, #navigation a#activ:active{
background-color: #E7E7E4;
opacity: 0.95;
color: #000000;
padding: 0px 0px 0px 10px;
}

#navigation a#extern:link, #navigation a#extern:visited, #navigation a#extern:hover, #navigation a#extern:active{
background-color: #000000;
opacity: 0.93;
display: block;
width: 100px;
heigth: 50px;
padding: 2px 0px 0px 15px;
margin: 2px 0px 0px 0px;
text-decoration: none;
color: #E7E7E4;
}



/* INHALT */
#content {
float: left;
width: 500px;
margin: 20px 0px 0px 280px;
padding: 0px;
}

#content img {
border: 1px;
border-color: #000000;
border-style: solid;
padding: 3px;
background: #E7E7E4;
}

.links {
float: left;
margin: 5px 7px 5px 0px;
}

.rechts {
float: right;
margin: 5px 0px 5px 7px;
}


#content a:link {
background: #999999;
text-decoration: none;
padding: 0px 2px 0px 2px;
}

#content a:hover, #content a:active {
text-decoration: none;
background: #E7E7E4;
padding: 0px 2px 0px 2px;
}


#content a:visited {
text-decoration: underline;
padding: 0px 2px 0px 2px;
}