body{
background:#f3f3f0;
margin:0;
}
body, table, td, select, input, div, a{
font-family: arial,verdana,helvetica,sans-serif;
font-size:11px;
color:#666666;
}

img{
border: none;
}

#centerpage{
margin:125px auto 0 auto; 
width:807px;
height: 100%;
}

#logo{
float: left;
width: 271px;
padding: 0px 0px 13px 37px;
}

#metanavigation{
float: right;
margin: 19px 0px 0px 0px;
padding: 0px 28px 0px 0px;
}

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

#metanavigation a:hover{
text-decoration: underline;
color: #333333;
}
#content, #header{
float: left;
width: 807px;
}
#content{
height:501px;
}
body#textonly a#navilinks, body#textonly a#navirechts {
visibility: hidden	
}
body#textonly.konzept a#navilinks, body#textonly.konzept a#navirechts {
visibility: visible	
}

a#navilinks, a#navilinks:visited{
display: block;
float: left;
height:40px;
width: 28px;
margin: 230px 0;
background: url(../images/navilinks.gif) no-repeat;
}
a#navilinks:hover{
background: url(../images/navilinks_over.gif) no-repeat;	
}
a#navirechts, a#navirechts:visited{
display: block;
float: left;
height:40px;
width: 28px;
margin: 230px 0;
background: url(../images/navirechts.gif) no-repeat 4px center;
}
a#navirechts:hover{
background: url(../images/navirechts_over.gif) no-repeat 4px center;;	
}

#innercontent{
float: left;
width:750px;
height:500px;
background:white;
}

body#textonly #innercontent{
padding: 0px 20px 24px 20px;
width:710px;
height:477px;
background: white url(../images/schmetterling.gif) no-repeat right bottom;
position: relative;
}

body#textonly #innercontent.ic_konzept{
background: white url(../images/back_konzept.jpg) no-repeat right bottom;	
}
body#textonly #innercontent.ic_individuelle{
background: white url(../images/back_individuelle.jpg) no-repeat right bottom;	
}
body#textonly #innercontent.ic_kontakt{
background: white url(../images/back_kontakt.jpg) no-repeat right bottom;	
}

#innercontent p{
margin: 0;
line-height: 17px;
}

body#textonly #innercontent a:hover{
color:#ab0202;
}

h2{
font-size:11px;
margin: 20px 0px 2px 0px;
font-weight: normal;
}

#innercontent form#kontakt table {
margin: 0px 0px 0px 0px !important;
}

#innercontent table{
margin: 20px 0px 0px 0px;
}
#innercontent table td{
vertical-align: top;
padding: 16px 0px 0px 0px;
}

#innercontent table td input, #innercontent table td textarea{
width: 235px;
font-family: arial,verdana,helvetica,sans-serif;
font-size:11px;
}

#innercontent table td input.checkbox{
width: auto;
margin: 0px 4px 0px 0px;
position: relative;
top: 2px;
}



/* Texte für Bilder */
#bildtext{
margin: -320px 0px 0px 21px;
height: 300px;
width: 200px;
background: none;
}
#bildtext table{
height: 100%;
margin: 0;
}
#bildtext table td{
vertical-align: bottom;
}
#bildtext p{
padding: 0;
margin: 0;
line-height: normal;
}
h4{
font-size:11px;
font-weight: normal;
padding: 0;
margin: 17px 0px 4px 0px;
}

/* Icons für Bilder */
#bildfunktionen{
position: absolute;
width: 750px;
height: 51px;
margin: -28px 0px 0px -18px;
}
a#bildlupe, a#bildlupe:visited, a#bildzurueck, a#bildzurueck:visited{
display: block;
float: right;
height:26px;
width: 26px;
}

a#bildzurueck, a#bildzurueck:visited{
display: none;
}

a#bildinfo, a#bildinfo:visited{
display: block;
float: right;
height:26px;
width: 26px;
margin: 0px 0px 0px 12px;
}

#innernavigation{
position: absolute;
bottom: 20px;
}

#innernavigation a, #innernavigation a:visited{
display: block;
height:24px;
width: 324px;
padding: 4px 0px 0px 34px;
background: url(../images/icon_abschicken.gif) no-repeat;
text-decoration: none;	
}

#absenden, #absenden:visited{
display: block;
float: left;
height:24px;
width: 24px;
padding: 4px 0px 0px 34px;
background: url(../images/icon_abschicken.gif) no-repeat;
text-decoration: none;
}

#absenden:hover{
text-decoration: underline;
background: url(../images/icon_abschicken_over.gif) no-repeat;
}