/* breite der gesamtkonstruktion - verbreitern sie hier auch bei bedarf z.b. 920px oder 98% oder ähnliches */
#breite {width:878px}


body
{margin-top: -35px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; background-color: #d4d4d4;
widtht:840px;

}


h1{ color:#000;
line-height: 1.3;
margin-bottom:20px;letter-spacing:1px;
font-family: verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size: 20px;
font-weight: normal;
}



h2{ color:#000;
line-height: 1.3;
margin-bottom:20px;letter-spacing:0.2px;
font-family: verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size: 18px;
font-weight: normal;

/* 
Großbuchstaben
font-variant:small-caps;font-weight:normal */
}


/* rahmen mehr oder weniger breit */
.haupt {
border:solid 10px #fff;
border-top-width:100px;
}

.fvoben {height:80px;background-color: ;
background-image:url(images/fvoben.jpg);
background-repeat:repeat-x;
background-position:50% 100%;}



#woidesign {
	position:relative;
	width:96px;
	height:67px;
	z-index:101;
	top:115px;
	margin-top: 0px;
	left:340px;	
}


#profil {
	position:relative;
	background-image:url(images/Design-Studio_964x1418px_woidesign_hp.jpg);
	background-repeat:no-repeat;
	float:right; 
	width:340px; 
	height:580px;
	padding-right:50px;
	background-size: cover;
}

#top1 {height:0px;
background-color:#fff;
height:43px;
width:100%;text-align:center;
border-top:solid 1px #CFCFCF;
border-left:solid 1px #CFCFCF;
border-right:solid 1px #CFCFCF;
}

#top2 {
/*background-image:url(images/logo.jpg);*/
background-repeat:no-repeat;
height:450px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;
}

#top5 {
background-repeat:no-repeat;
height:450px;
widtht:840px;
background-color:#fff;
border:solid 1px #CFCFCF;
}

#top6 {
background-repeat:no-repeat;
height:450px;
widtht:840px;
border:solid 1px #CFCFCF;
}

#agentur {
background-image:url(images/woidesign_agentur_bannerbild_brand_apfel_gruen.jpg);
background-repeat:no-repeat;
width:840px;
height:540px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

}



#arbeiten {
background-image:url(images/woidesign_arbeiten_bannerbild_brand_limette_ret3.jpg);
background-repeat:no-repeat;
width:840px;
height:540px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

}


#leistung {
background-image:url(images/woidesign_leistung_bannerbild_brand_tomate.jpg);
background-repeat:no-repeat;
width:840px;
height:540px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

}


#kontakt {
background-image:url(images/woidesign_kontakt_bannerbild_brand_kaffee_tasse_schaum.jpg);
background-repeat:no-repeat;
width:840px;
height:540px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

}

#datenschutz {
background-image:url(images/woidesign_datenschutz_bannerbild_brand_schale.jpg);
background-repeat:no-repeat;
width:840px;
height:540px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

}

/* video HTML5 geht das ohne Youtube? 
#impressum {
background-image:url(images/Intro2_450x840px.jpg);
background-repeat:no-repeat;
width:840px;
height:540px;
background-color:#fff;
background-position:50% 100%;
border:solid 1px #CFCFCF;

*/

#impressum {
background-repeat:no-repeat;
height:450px;
widtht:840px;
background-color:#fff;
border:solid 1px #CFCFCF;
}


#top3 {
background-color:#F7F7F7;
height:40px;
color:#56686D;
vertical-align:middle;
text-align:left;
border-left:solid 1px #CFCFCF;
border-right:solid 1px #CFCFCF;
background-image:url(images/fv1.jpg);
background-repeat:repeat-x;
background-position:50% 50%;
}



#name {height:0px;
letter-spacing:2px;
color:#AFAFAF;
padding-left:20px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
font-size:26px;
font-variant:small-caps;
}


#inhalt {
padding-top: 60px; padding-bottom: 90px;
padding-left: 40px;padding-right:40px;
background-color:#fff;
letter-spacing:0px;
width:100%;
vertical-align:top;
text-align:left;
color:#707070;
font-size: 16px;line-height: 22px;
font-family: tahoma,verdana,arial,helvetica, verdana, tahoma, sans-serif;
letter-spacing:0px;
background-image:url(images/fv2.jpg);
background-repeat:repeat-x;
background-position:50% 50%;
border:solid 1px #CFCFCF;}


#fuss1 {
color:#6F6F6F;background-color:#F7F7F7;
letter-spacing:0px;
font-size: 14px;line-height: 20px;
font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif;
height:40px;
text-align:center;
vertical-align:middle;
width:100%;
font-style:normal;
border-left:solid 1px #CFCFCF;
border-right:solid 1px #CFCFCF;
border-bottom:solid 1px #CFCFCF;
background-image:url(images/fv1.jpg);
background-repeat:repeat-x;
background-position:50% 50%;
}



#fuss2 {font-size: 12px;line-height: 20px;
color:#6F6F6F;background-color:#fff;
letter-spacing:0px;
font-family: verdana, arial, helvetica, verdana, tahoma, sans-serif;
height:100px;
text-align:center;
vertical-align:middle;
width:100%;
font-style:italic;

}



/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #535353; scrollbar-base-color: #fff;
scrollbar-highlight-color : #535353; scrollbar-shadow-color : #fff;
SCROLLBAR-TRACK-COLOR: #EFEFEF;}

/* ========== Schatten um Hauptbereich ========== */


#s1 {
background-image:url(images/s1.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
}

#s2 {
background-image:url(images/s2.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
}

#s3 {
background-image:url(images/s3.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
}

#s4 {
background-image:url(images/s4back.jpg);
background-repeat:repeat-y;
background-position:  100% 100%;
height:100%;
}



#s6 {
background-image:url(images/s6back.jpg);
background-repeat:repeat-y;
background-position:  0% 0%;
}

#s7 {
background-image:url(images/s7.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
}

#s8 {
background-image:url(images/s8.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
}

#s9 {
background-image:url(images/s9.jpg);
background-repeat:no-repeat;
background-position:  0% 0%;
}