/* Coding und CSS dieser Präsenz entwickelt von: dragonworks Berlin, www.dragonworks.de */
/* Diese Zeilen sind Bestandteil einer juristischen Vereinbarung und dürfen nicht entfernt werden */

/* allgemeine auszeichnungen */

@import url(graphik.css);
@import url(konzeptdesign.css);
@import url(raumgestaltung.css);
@import url(fotografie.css);

body {
font-family: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:19px;
color: #603118;
background-color:#E4C597;
}

a {text-decoration: none; color:#603118;}
a:link {color: #603118;}
a:visited {color: #603118;}
a:hover{color:#603118;}
a:active {color: #603118; font-weight:bold;}

/* IDs */

#container{ 
position: absolute;
left:50%;
top:50%;
width:920px; /* Breite des Elements */
height:548px; /* Höhe des Elements */
margin-left: -460px; /* Breite des Elements geteilt durch zwei! */
margin-top: -274px; /* Höhe des Elements geteilt durch zwei! */
background-color: #fff;
}
#containerhome{
position:absolute;
right:5px;
bottom:-30px;
width:920px;
height:25px;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align:right;
line-height:12px;
color:#340C02;
}
#containervollebreite{
position:absolute;
right:0px;
bottom:-60px;
width:925px;
height:50px;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align:right;
line-height:12px;
color:#340C02;
}
#inner{
position:absolute;
width:920px;
height:548px;
top:0px;
left:0px;
z-index:2;
background-color:#F7DEB8;
}

#links{
position:absolute;
width:177px;
height:548px;
left:0px;
/*top:0px;
left:737px;*/
/*border:1px solid #fff;*/
background:#F7DEB8;
z-index:2;
}
#linksgal{
position:absolute;
left:15px;
top:10px;
width:319px;
height:200px;
border:0px;
/*background:#fff;*/
z-index:2;
}

#preloader{
position:absolute;
width:398px !important;
height:548px;
top:0px;
left:337px;
border:1px solid #fff;
padding:0px;
margin:0px;
z-index:1;
display:none;
}

#pre{
position:absolute;
width:398px !important;
height:30px;
top:300px;
left:337px;
border:0px solid #fff;
padding:0px;
margin:0px;
z-index:1;
}

#mitte{
position:absolute;
width:398px !important;
height:548px;
top:0px;
left:177px;
background-color:#F0D3A8;
padding:0px;
margin:0px;
z-index:2;
}
#mittetext{
position:absolute;
width:744px !important;
height:548px;
top:0px;
left:177px;
background-color:#F0D3A8;
padding:0px;
margin:0px;
z-index:2;
}
#rechts{
position:absolute;
width:346px;
height:548px;
top:0px;
left:576px;
/*border:1px solid #fff;*/
background:#F7DEB8;
z-index:2;
}

#logo{
position:absolute;
width:177px;
height:115px;
top:273px;
left:4px;
border:0px;
background:transparent url(../layout/logo_bronze_neu.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
line-height:180px;
z-index:2;
overflow:hidden;
}

#text{
position:absolute;
bottom:25px;
left:20px;
width:300px;
height:auto;
text-align:left;
}
#textmitte{
position:absolute;
top:25px;
left:25px;
width:694px;
height:auto;
text-align:left;
}
#textservice{
position:absolute;
top:15px;
left:25px;
/*left:0px;*/
width:380px;
height:200px;
text-align:left;
}

#textservice_links{
position:absolute;
top:25px;
left:20px;
width:270px;
height:auto;
text-align:right;
}
#textservice_rechts{
position:absolute;
top:25px;
left:20px;
width:270px;
height:auto;
text-align:left;
}
#menu{
position:absolute;
bottom:25px;
right:25px;
width:140px;
height:auto;
text-align:right;
}
#menurechts{
position:absolute;
bottom:25px;
left:25px;
width:270px;
height:auto;
text-align:left;
}
#menulinks{
position:absolute;
bottom:25px;
left:20px;
width:270px;
height:auto;
text-align:right;
}

#impressum{
position:absolute;
top:15px;
left:20px;
width:270px;
height:auto;
text-align:left;
}
#datenschutz{
position:absolute;
top:15px;
left:250px;
width:600px;
height:auto;
text-align:left;
}

/* CLASSES */
h1{
font-family:"Verdana", Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:14px;
font-weight:bold;
text-align:left;
}

.small{
font-family: "Verdana", Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:15px;
color: #9D7F20;
}
.main{
background:transparent url(../layout/home.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

.fotografie{
background:transparent url(../layout/fotografie.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

.design{
background:transparent url(../layout/design_org.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.webdesign{
background:transparent url(../layout/webdesign.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

.graphiklayout{
background:transparent url(../layout/layoutgraphik.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.konzeptdesign{
background:transparent url(../layout/konzeptdesign.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.raumgestaltung{
background:transparent url(../layout/raumgestaltung.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}
.kon{
background:transparent url(../layout/kontakt.jpg);
background-position:top left;
background-repeat:no-repeat;
}
.imp{
background:transparent url(../layout/impressum.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.hoch{
background:transparent url(../layout/sisposa.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.gal{
background:transparent url(../layout/galerie.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.graph{
background:transparent url(../layout/graphisches2.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

.serv{background:#ece1b4;}

.service{
position:absolute;
top:20px;
left:20px;
border:20px;
width:358px !important;
height:auto;
z-index:2;
}

.graphtext{
position:absolute;
top:15px;
left:20px;
border:0px;
width:358px !important;
height:auto;
text-align:right;
z-index:2;
}

#linksgal img{
float:left;
border:0px;
margin-top:7px;
margin-left:7px;
margin-right:7px;
margin-bottom:7px;
}