
html {
    width:100%;
    height:100%;
    }

body {
    font: normal normal 12px/1.5em 'Nobile', Geneva, Helvetica, sans-serif;
    color:#666;
    background:white url(../images/bg_body.png) 0 0 repeat-x;
    margin:0;
    padding:0;
    }


tr, td {
    font: normal normal 12px/1.5em Geneva, Helvetica, sans-serif;
    color:#666;
    }

img {
    border:0;
    margin:0;
    padding:0;
    }

a {
    color:#00b7ec;
    background-color:transparent;
    text-decoration:underline;
    }

a:hover {
    color:#00b7ec;
    background-color:transparent;
    text-decoration:none;
    }
    
h1 {
    font: normal normal 14px/1.3em 'Nobile', arial, serif; 
    color:#00b7ec;
    background-color:transparent;
    margin:0;
    padding:0;    
    }

h2 {
    font: normal normal 14px/1.3em 'Nobile', arial, serif; 
    color:#00b7ec;
    background-color:transparent;
    margin:0;
    padding:0;    
}
    
ul {
    list-style-type:none;
    list-style-image:url(../images/ul_bullet.png);
    margin:0 0 0 16px;
    padding:0;
    }
    
    ul li {
        padding:2px 0 2px 0;
        }

#loading {
    position: absolute;
    top: 49.5%; 
    left: 49.5%;
    z-index: 3;
    width: 24px; 
    height: 24px;
    text-indent: -999em;
    background-image: url(../images/progress.gif);
    }

#supersize {
    position:fixed;
    }
    
#supersize img, #supersize a{
    height:100%;
    width:100%;
    z-index:0;
    border:0;
    }
    
#wrapper {
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index: 3;
    position:absolute;
    }

#container {
    width:976px;
    text-align:left;
    margin:0 auto;
    padding:0 0 0 0;
    z-index:4;
    }
    
    #logo {
        width:384px;
        text-align:left;
        color:#FFF;
        background-color:transparent;
        padding:20px 0 20px 0;
        }
        
        #logo p {
            padding:4px 0 0 0;
            margin:0;
            }
    
    #topnavi {
     
        margin:16px 0 0 0;
        text-align:right;
        background:url(../images/bg_topnavi.jpg) 0 100% no-repeat;
       
        padding:0;
        }
        
        #topnavi img {
            margin:0 -5px 0 0;
            }
#topnavi a {
            background-color: #00b7ec; 
            color: white;
            text-decoration:none;
            padding: 4px 10px;

            }
    
#topnavi a:hover {
            background-color: white ; 
            color: #00b7ec;
            }
    #mainwrapper {
        margin:0 0 0 0;
        width:976px;
        }
    
        .contentwrapper {
            width:512px;
            padding:16px;
            padding-left: 80px;
            margin:0 32px 0 0;
            background:url(../images/bg_mainwrapper_2.png) 0 0;
            float:left;
            }
        
        .sidebar {
            width:320px;
            padding:0;
            margin:0 0 0 0;
            float:left;
            }
            
            .sidebar_box {
                width:290px;
                padding:16px;
                margin:0 0 32px 0;
                background-image:url(../images/bg_mainwrapper_2.png);
                }
        
        .footer {
            text-align:left;
            clear:left;
            width:950px;
            margin:0 0 0 0;
            padding:20px 0 32px 80px;
            }
            
            .footer a {
                color:#00b7ec; 
                background-color:transparent;
                text-decoration:none;
                }
                
            .footer a:hover {
                color:#00b7ec; 
                background-color:transparent;
                text-decoration:underline;
                }

/* Kontaktformular */

.spalte {
    width:240px;
    margin:0 32px 0 0;
    float:left;
    }
    
.spalte_kurz {
    width:240px;
    margin:0 0 0 0;
    float:left;
    }

input.eingabe {
	width:232px;
	border:1px solid #FFF;
	margin:0 0 8px 0;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.6em;
	color:#fff;
	background-color:transparent;
	}

textarea {
	width:504px;
	height:100px;
	border:1px solid #fff;
	margin:0 0 8px 0;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	color:#fff;
	background-color:transparent;
	}

.buttonsend {
	background-color:#FFF;
	padding:1px 8px 1px 8px;
	color:#333;
	border:1px solid #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	cursor:pointer;
	}

.buttonsend:hover {
	background-color:#c3040a;
	padding:1px 8px 1px 8px;
	color:#FFF;
	border:1px solid #6f0509;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:19px;
	}