* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
    margin-bottom: 1px;
}

body {
    font-family: 'Trebuchet MS, Verdana, Arial, Helvetica, sans-serif';
    font-size: 120%;
    margin: 20px auto;
    height: 100%;
    background: white;
    width: 900px;
    margin: 10px auto;
}

p {
    margin-top: 10px;
}

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

a:hover {
    text-decoration: underline;
}

#wrapper {
    margin: 50px auto;
    text-align: center;
}


#indexLogo {
margin-left: 400px;
}

#index2Logo {
float: right;
margin-top: 20px;
}

.rahmenWrapper {
    width: 260px;
    height: 260px;
    background: url('rahmen_260.jpg');
    position: absolute;
}

.rahmenWrapper .bildWrapper {
    width: 220px;
    height: 220px;
    overflow: hidden;
    margin: 20px;
}
.rahmenWrapperStart {
    width: 390px;
    height: 390px;
    background: url('pics/rahmen_350.jpg') no-repeat;
    position: relative;
    padding: 0;
    margin: 0 auto;
}

.rahmenWrapperStart .bildWrapperStart {
    width: 350px;
    height: 350px;
    overflow: hidden;
    position: relative;
    margin: 20px;
}

/*non IE: */
.rahmenWrapperStart > .bildWrapperStart {
    padding-top: 20px;
}

.wrapperStart2 {
float: left;
width: 210px;
}

.wrapperStart2 .schrift {
    height: 29px;
    float: right;
}

.rahmenWrapperStart2 {
    width: 210px;
    height: 210px;
    background: url('pics/rahmen_210.jpg') no-repeat;
    position: relative;
    padding: 0;
    margin: 0 auto;
}

.wrapperStart2 > .rahmenWrapperStart2 {
    margin-top: 29px;
}

.rahmenWrapperStart2 .bildWrapperStart2 {
    width: 190px;
    height: 190px;
    overflow: hidden;
    margin: 10px;
}

/*non IE: */
.rahmenWrapperStart2 > .bildWrapperStart2 {
    padding-top: 10px;
}

#wrapperMenu {
    float: right;
}

.rahmenWrapperMenu {
    width: 110px;
    height: 110px;
    background: url('pics/rahmen_110.jpg') no-repeat;
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
}

.rahmenWrapperMenu .bildWrapperMenu {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 5px;
}

.rahmenWrapperVertikal {
    width: 200px;
    height: 300px;
    background: url('pics/rahmen_200x300.jpg') no-repeat;
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
}

.rahmenWrapperVertikal .bildWrapperVertikal {
    position: relative;
    width: 180px;
    height: 270px;
    overflow: hidden;
    margin: 15px 10px;
}

.rahmenWrapperHorizontal {
    width: 300px;
    height: 200px;
    background: url('pics/rahmen_300x200.jpg') no-repeat;
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
}

.rahmenWrapperHorizontal .bildWrapperHorizontal {
    position: relative;
    width: 270px;
    height: 180px;
    overflow: hidden;
    margin: 10px 15px;
}

.rahmenWrapperGalerie {
    width: 166px;
    height: 166px;
    background: url('pics/rahmen_166.jpg') no-repeat;
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.rahmenWrapperGalerie .bildWrapperGalerie {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 8px;
}

/****************** Header     *************************/

#header {

}
/****************** Footer     *************************/
#footer {
    width: auto;
    position: relative;
    clear: both;
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: 0.8em;
    text-align: center;
}

/****************** Content    *************************/
#wrapperContent {
/*    border: 1px solid #000000;*/
}

#content {
    margin: 20px;
    margin-right: 0;
}

#content ul {
    display: inline;
    list-style-type: circle;
}

#content ul li {
    margin-left: 20px;
}

#content h2 {
    font-style: italic;
    border-bottom: 1px solid #000000;
    margin-top: 20px;
    margin-bottom: 10px;

}

#content h3 {
    margin-top: 15px;
    margin-bottom: 5px;
}

/****************** Kontakt       **********************/
#kontakt {
    width: 400px;
    margin-left: 225px;
}

#content > #kontakt {
    padding-top: 190px;
}

#kontaktBildRechts {
    position: relative;
    float: right;
    margin-top: 100px;
}

#kontaktBildLinks {
}

#kontaktformular {
    width: 400px;
    margin-left: 300px;
}



/****************** Bio           **********************/

#bioBildLinks {
    position: relative;
    float: left;
    margin-right: 15px;
}
#bioBildRechts {
    position: relative;
    float: right;
    margin-left: 15px;
    margin-top: 15px;
}

/****************** Links & News  **********************/
#news {
    width: 500px;
}

#links {
    width: 500px;
    margin-left: 350px;
}

#links td {
    padding: 2px 10px;
}

#newsBildRechts {
    position: relative;
    float: right;
}

#newsBildLinks {
    position: relative;
    float: left;
    margin-top: 15px;
}