/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
        margin: 0;
        padding: 0;
        background: #333333 url(images/img1.gif) repeat-y center top;
        font: normal small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #666666;
}

h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
}

ul {
        list-style: square;
}

a:hover {
        text-decoration: none;
}

img {
        border: 0;
}

/* Header */

#header {
        width: 718px;
        height: 100px;
        margin: 0 auto;
}

#header * {
        text-transform: lowercase;
        text-decoration: none;
        color: #11910b;
}

#header h1 {
        display: inline;
        float: left;
        padding: 10px 0 0 20px;
        font-size: 3em;
}


#kostenlos {
        width: 718px;
        height: 100px;
        position:absolute;
        top: 0;
        z-index: 2;
}

#banner {
         text-align: right;
        width: 718px;
        height: 100px;
        position:absolute;
        top: 0;


        z-index: 1;
}



/* Menu */

#menu {
        width: 718px;
        height: 35px;
        margin: 0 auto;
        background: #CE6318 url(images/img2.gif) repeat-x;
}

#google {
        margin-left: 10px;
        margin-top: -1px;
}

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

#menu li {
        display: inline;
}

#menu a {
        display: block;
        float: left;
        height: 24px;
        padding: 8px 20px 0  20px;
        border-bottom: 2px solid #CE6318;
        text-transform: lowercase;
        text-decoration: none;
        font-size: 1em;
        font-weight: bold;
        color: #F7E5D9;
}

#menu a:hover {
        background: #CE6318;
        border-bottom-color: #DC915C;
        color: #FFFFFF;
}

/* Content */

#content {
        width: 718px;
        margin: 0 auto;
}

/* Column One */

#colOne {
        float: left;
        width: 466px;
        padding: 10px 0 0 20px;
}

#colOne h2 {
        font-size: 1.6em;
        margin-top: 10px;
}

#colOne .file {
        margin-top: 0;
}

#colOne .posted {
        height: 26px;
        margin: 0 0 20px 0;
        padding: 8px 0 0 10px;
        background: #EFCCB3 url(images/img4.gif) repeat-x;
}

#colOne .posted, #colOne .posted a {
        color: #CD6216;
}

#colOne .list {
        width: 100%;
        border-width: 1px 1px 1px 1px;
        border-spacing: 0px;
        border-style: solid solid solid solid;
        border-color: gray gray gray gray;
        border-collapse: separate;
}
#colOne .list th, #colOne .list td {
        border-width: 1px 1px 1px 1px;
        padding: 4px 4px 4px 4px;
        border-style: solid solid solid solid;
        border-color: gray gray gray gray;
}

#colOne .info {
        width: 460px;
        border-width: 1px;
        height: 70px;
        border-style: solid solid solid solid;
        border-color: #8CA640;

}
#colOne .info td {
        border-width: 0;
        padding: 8px;
}

#colOne a {
        color: #8CA640;
}

#colOne a:hover {
        text-decoration: none;
}

#infoboxleft{
        float: left;
        margin: 2px 0 10px 0;
        width: 470px;
        height: 100px;
}


#infoboxright a{
        font-size: 1.4em;
        text-decoration: none;
        color: red;
}

/* Column Two */

#colTwo {
        float: right;
        width: 210px;
}

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

#colTwo form {
        padding: 20px 10px;
}

#colTwo h2 {
        height: 26px;
        margin: 1em 0 .5em 0;
        padding: 7px 0 0 10px;
        background: #CD6216 url(images/img3.gif) repeat-x;
        font-size: 1em;
        color: #FFFFFF;
}

#colTwo ul ul {
        padding: 10px;
        list-style: square inside;
        color: #CD6216;
}

#colTwo a {
        text-decoration: none;
        color: #CD6216;
}

#colTwo a:hover {
        text-decoration: underline;
}

/* Footer */

#footer {
        float: left;
        width: 466px;
        padding: 300px 0 0 0;
        text-align: center;
        color: #999999;
}

#footer a {
        color: #999999;
        text-decoration: underline;
}

#footer a:hover {
        color: #000000;
        text-decoration: none;
}