#breite {
	width:980px
}

body {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-color: #383838;
}

h2{ color:#7d7d7d;
margin-bottom:30px;
letter-spacing:2px;
font-family:georgia, arial, helvetica, verdana, tahoma, sans-serif;
font-size: 22px;
}

body
{scrollbar-arrow-color: #535353;
scrollbar-base-color: #2d2d2d;
scrollbar-highlight-color : #535353;
scrollbar-shadow-color : #535353;
SCROLLBAR-TRACK-COLOR: #202020;
}


#header {
	height:140px;
	background-color:#535353;
	color:#56686D;
	width:100%;
	vertical-align:middle;
	font-family: georgia,arial,tahoma,verdana,helvetica, sans-serif;
	font-size: 17px;
	background-image:url(../images/header.jpg);
	background-repeat:repeat-x;
	background-position:  left center;
	padding-left: 10px;
}

#name {
	font-family: georgia,arial,tahoma,verdana,helvetica, sans-serif;
	font-size: 14px;
	font-variant:small-caps;
	letter-spacing:2px;
	color:#fff;
	padding-left: 11px;
}

#centerbox {
	height:400px;
	vertical-align:middle;
	text-align:center;
	border-top:solid 1px #000;
}
#welcome {
	color:#F7F7F7;
	font-family: georgia, arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-variant:small-caps;
	vertical-align:top;
	text-align:left;
	padding-top: 0px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#imagebox {
	color:#F7F7F7;
	background-color:#000;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-variant:small-caps;
	vertical-align:top;
	text-align:left;
	padding-left:20px;
	background-image:url(../images/index/videoproduktion_hamburg.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	border-right:solid 1px #000;
	padding-top: 70px;
	letter-spacing: 1px;
}
#imagebox_engl {
	color:#F7F7F7;
	background-color:#000;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-variant:small-caps;
	vertical-align:top;
	text-align:left;
	padding-left:20px;
	background-image:url(../images/index/webdesign-nuernberg.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	border-right:solid 1px #000;
	padding-top: 70px;
	letter-spacing: 1px;
}
#imagebox_hh {
	color:#F7F7F7;
	background-color:#000;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-variant:small-caps;
	vertical-align:top;
	text-align:left;
	padding-left:20px;
	background-image:url(../images/videoproduktion-hamburg2.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	border-right:solid 1px #000;
	padding-top: 70px;
	letter-spacing: 1px;
}
#englishbox {
	border: dashed 0px #fff;
	text-align: left;
	margin: 0px;
	height: 50px;
}
#nav {
	text-align:center;
	vertical-align:middle;
	background-color:#232323;
	background-image:url(../images/leiste_nav.jpg);
	background-repeat:repeat-x;
	background-position:  50% 0%;
	padding-left: 40px;
}
.video_font_stil1 {
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #e6e6e6;
	letter-spacing: 1px;
	text-align: left;
	line-height: 20px;
}
.video_font_stil2 {
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 14px;
	color: #7d7d7d;
	letter-spacing: 1px;
	text-align: left;
	line-height: 20px;
	margin: 0px;
	width: 250px;
}
#top3 {
	height:80px;
	background-color:#535353;
	color:#56686D;
	width:100%;
	vertical-align:middle;
	padding-left:0px;
	border-bottom:solid 1px #000;
	background-image:url(../images/leiste_schatten_ob.jpg);
	background-repeat:repeat-x;
	background-position:  50%  0%;
}

/* ========== Mittelbereich ========== */

#textbox {
	height:900px;
	background-color:#252525;
	text-align:justify;
	font-size: 17px;
	line-height: 20px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#7d7d7d;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 60px;
	padding-right:60px;
	letter-spacing:0px;
	width:100%;
	vertical-align:top;
	background-image:url(../images/fv2.jpg);
	background-repeat:repeat-x;
	background-position:  50%  50%;
}

#fuss {
	height:140px;
	color:#252525;
	background-color:#535353;
	font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
	font-size: 14px;
	text-align:center;
	width:100%;
	border-top:solid 1px #000;
	background-image:url(../images/leiste_schatten_un.jpg);
	background-repeat:repeat-x;
	background-position:  50% 100%;
	vertical-align: top;
}

#s1 {
	background-image:url(../images/1.jpg);
	background-repeat:no-repeat;
	background-position:  100% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s2 {
	background-image:url(../images/2.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:100%;
}

#s3 {
	background-image:url(../images/3.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s4 {
	background-image:url(../images/4.jpg);
	background-repeat:repeat-y;
	background-position:  100% 0%;
	height:100%;
	width:22px;
}



#s6 {
	background-image:url(../images/6.jpg);
	background-repeat:repeat-y;
	background-position:  0% 0%;
	height:100%;
	width:22px;
}

#s7 {
	background-image:url(../images/7.jpg);
	background-repeat:no-repeat;
	background-position:  100% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}

#s8 {
	background-image:url(../images/8.jpg);
	background-repeat:repeat-x;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:100%;
}

#s9 {
	background-image:url(../images/9.jpg);
	background-repeat:no-repeat;
	background-position:  0% 0%;
	height:22px;
	line-height:22px;
	width:22px;
}