/*Main*/

body {
         color: #757575;
         background: #c7c7c7 url('bilder/lay/bg.jpg') repeat-x fixed;
         font-family: "Tahoma";
         text-align: left;
         margin: 0px;
         padding: 0px;
         font-size: 11px;
         font-weight: normal;
         letter-spacing: 0px;
         overflow-x: hidden;}

img {
         border: 0px;}

.spacer {
         clear:both;}

.container {
         margin: 0 auto;
         width: 671px;
         position: relative;}

.header {
         width: 583px;
         height: 321px;
         background: url('bilder/lay/head.png') no-repeat;}

.content {
         width: 520px;
         text-align: justify;
         padding: 0px 58px 20px 5px;
         background: url('bilder/lay/content.png') repeat-y;}

.footer {
         width: 583px;
         height: 243px;
         margin-bottom: -276px;
         background: url('bilder/lay/footer.jpg') no-repeat;}

.affi {
         top: 17px;
         left: 13px;
         width: 135px;
         position: relative;}

.sis1 {
         top: 20px;
         left: 397px;
         position: absolute;}

.sis2 {
         top: 10px;
         left: 447px;
         position: absolute;}

.cutie {
         top: 223px;
         left: 365px;
         width: 155px;
         text-align: center;
         position: absolute;}

.navi {
         width: 300px;
         height: 100px;
         position: absolute;
         top: 270px;
         left: 180px;}

.box {
         background-image: url('bilder/lay/box.jpg');
         background-repeat: no-repeat;
         background-position: bottom;
         background-color: #e3e3e3;
         padding: 3px;
         border-top:  1px solid #b0b0b0;
         border-bottom: 1px solid #cecdcd;
         margin-bottom: 15px;}

a:link, a:visited {
         color: #595959;
         text-decoration: none;}

a:hover, a:active {
         color: #757575;
         text-decoration: none;}

/*Effekte*/

.navi a {
         padding: 4px;
         background: #e7e7e7;
         color: #bbbbbb;
         font-size: 14px;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         text-transform: lowercase;
         margin-left: 5px;
         border-top: 1px solid #dcdbdb;
         border-bottom: 1px solid #dcdbdb;
         border-left: 1px solid #dcdbdb;
         border-right: 1px solid #dcdbdb;}

.navi a:hover {
         padding: 4px;
         background: #f3f3f3;
         color: #acacac;
         font-size: 14px;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         text-transform: lowercase;
         margin-left: 5px;
         border-top: 1px solid #dcdbdb;
         border-bottom: 0px;
         border-left: 1px solid #dcdbdb;
         border-right: 1px solid #dcdbdb;}

.cutie a {
         color: #8744ae;
         font-size: 10px;
         font-weight: bold;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         text-transform: uppercase;}

.cutie a:hover {
         color: #c7c7c7;
         background: #ebebeb;
         font-size: 10px;
         font-weight: bold;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         text-transform: uppercase;}

.affi a {
         display: block;
         background: url('bilder/lay/20.png');
         color: #bbbbbb;
         font-size: 10px;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         text-transform: uppercase;
         text-align: center;
         margin-left: 5px;
         border-top: 1px solid #dcdbdb;
         border-bottom: 1px solid #dcdbdb;
         border-left: 1px solid #dcdbdb;
         border-right: 1px solid #dcdbdb;}

.affi a:hover {
         display: block;
         background: url('bilder/lay/40.png');
         color: #6dab94;
         font-size: 10px;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         text-transform: uppercase;
         font-weight: bold;
         text-align: center;
         margin-left: 5px;
         border-top: 1px solid #dcdbdb;
         border-bottom: 1px solid #dcdbdb;
         border-left: 1px solid #dcdbdb;
         border-right: 1px solid #dcdbdb;}

h2 {
         display: block;
         background: #f7f7f7;
         font-size: 10px;
         font-family: "Georgia";
         font-style: italic;
         font-weight: normal;
         text-align: center;
         letter-spacing: 0px;
         text-transform: lowercase;
         color: #e095b4;
         margin: 0px;
         border-bottom: 1px solid #e2ca6a;}

h2:hover {
         display: block;
         font-size: 10px;
         font-family: "Georgia";
         font-style: italic;
         font-weight: normal;
         text-align: center;
         letter-spacing: 0px;
         text-transform: lowercase;
         color: #e095b4;
         background: #f7f7f7;
         margin: 0px;
         border-bottom: 1px solid #e2ca6a;}

h1 {
         font-size: 17px;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
         font-weight: normal;
         text-align: center;
         letter-spacing: 0px;
         text-transform: lowercase;
         color: #de8c40;
         margin-top: -3px;
         margin-bottom: -2px;}

.outline {
         margin: 4px;
         padding: 4px;
         background: #e7e7e7;
         border-right: 1px solid #cecdcd;
         border-left: 1px solid #cecdcd;}

b {
         font: bold 9px "Georgia";
         color: #64beb5;}

i {
         font: normal 10px "Verdana";
         font-style: italic;
         color:#b944ac;}

u {
         font-family: "Trebuchet MS";
         text-decoration:none;
         border-bottom: 1px solid #dbc646;
         font-size: 10px;
         text-transform: uppercase;}

s {
         background-color: #e0e0e0;
         color:#cecdcd;}

select,option,textarea,input,button {
         background: #e7e7e7;
         border:  1px solid #cecdcd;
         padding: 2px;
         margin: 2px;
         color: #b0b0b0;
         font-family: "Tahoma";
         font-size: 10px;
         font-weight: normal;
         text-align: center;}

blockquote {
         text-align: center;
         background: url('bilder/lay/20.png');
         padding: 2px;
         border-right: 1px solid #cecdcd;
         border-left: 1px solid #cecdcd;}

.span1 {
         font-family: small fonts;
         color: #94030f;
         font-weight: normal;
         font-size: 8px;
         text-transform: lowercase;}

.minor {
         float:left;
         background: url('bilder/lay/20.png');
         border-right: 1px solid #cecdcd;
         border-left: 1px solid #cecdcd;
         padding:5px;
         margin:5px;
         text-transform:uppercase;
         text-align: center;
         font-size: 9px;
         font-style: italic;
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}