body{
	font-family: Arial, Verdana, sans-serif, Helvetica;
	font-size: 69%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#B81D00
}
#container { width: 825px; margin:0px auto; text-align:left; position:relative}
#wrapper { width:625px; left:200px; position:absolute}

a { color: #FFFFFF; text-decoration: none }
a:link { color: #FFFFFF; text-decoration: none }
a:visited { color: #FFFFFF; text-decoration: none }
a:hover { color: #fc6a40; text-decoration: none }

h1 { color: #fc6a40; font-size: 25px; margin: 0px; padding: 0px; text-align:right; font-weight:bold; width:184px; height:66px; margin-top:30px }
h2{ font-size: 100%; color: #FFFFFF; margin: 16px; padding: 0px; width: 368px; font-weight:bold; line-height:150% }
h3{ font-size:120%; color: #FFFFFF; margin: 8px 16px; padding: 0px; font-weight:bold}

td { vertical-align:top}
ul { list-style-type:square}
p { margin:0px; padding:4px 16px}

#navi { width:149px; padding:0; border-bottom:#3e3e3e 50px solid; position:absolute; left:50px; border-left:#EB5229 1px solid; border-top: 1px solid #B81D00}
#top { width:825px; height:200px; background:url(../images/internetagentur-berlin.gif) no-repeat}
.logo { position:absolute; left: 600px; top: 100px}
#header { width:600px; height:100px; position: absolute; background-color:#3e3e3e; border-top: 1px solid #FFFFFF}
#head { width:500px; height:100px; position: absolute }
#topnav { width:100px; font-size:10px; height:100px; background-color:#990000; position: absolute; left:500px}
#main2 { width:625px; background: url(../images/main-news.gif) no-repeat; position:absolute; top:100px; height:400px}

#navi a { color: #FFF; text-decoration: none; padding:5px 8px; display:block }
#navi li li a { color: #FFF; text-decoration: none; padding:1px 8px; display:block }
#navi a:link { color: #FFF; text-decoration: none }
#navi a:visited { color: #FFF; text-decoration: none }
#navi a:hover { color: #fc6a40 }
.activ { color:#fc6a40 }

#navi ul { list-style:none; margin:15px 0px 50px 0px; padding:0; font-size:11px }
#navi ul ul { margin:0 }
#navi li { font-weight:bold}
#navi li li { font-weight:normal}

#topnav ul { list-style:none; margin:0px; padding:0px}
.impressum { height:24px; background:url(../images/impressum.gif) no-repeat; border-bottom: 1px solid #3e3e3e}
.kontakt { height:24px; background: url(../images/kontakt.gif) no-repeat; border-bottom: 1px solid #3e3e3e}
.login { height:24px; background: url(../images/login.gif) no-repeat; border-bottom: 1px solid #B81D00}
.news { height:24px; background: url(../images/news.gif) no-repeat; border-bottom: 1px solid #B81D00}
#topnav a , #topnav a:link, #topnav a:visited { color:#FFFFFF; padding:5px 5px; display:block }
#topnav a:hover { color: #fc6a40; text-decoration:none}


.refkl1 {width:500px; height:150px; background-color:#3e3e3e; position:absolute}
.ref1 {width:500px; height:200px; background-color:#3e3e3e; position:absolute}
.refkl2 {width:250px; height:350px; background-color:#990000; position:absolute; top:150px}
.refkl3 {width:250px; height:350px; background-color:#990000; position:absolute; top:150px; left:250px}
.ref4 {width:250px; height:200px; background-color:#990000; position:absolute; top:150px}
.ref5 {width:250px; height:200px; background-color:#990000; position:absolute; top:150px; left:250px}
.ref6 {width:250px; height:250px; background-color:#990000; position:absolute; top:150px}
.ref7 {width:250px; height:250px; background-color:#990000; position:absolute; top:150px; left:250px}
.ref8 {width:250px; height:200px; background-color:#990000; position:absolute; top:200px}
.ref9 {width:250px; height:200px; background-color:#990000; position:absolute; top:200px; left:250px}
.refklend { width:400px; height:50px; background-color:#fb5d18; position:absolute; top: 500px; line-height:50px}
.refklend1 { width:400px; height:50px; background-color:#fb5d18; position:absolute; top: 350px; line-height:50px}
.refklend2 { width:400px; height:50px; background-color:#fb5d18; position:absolute; top: 400px; line-height:50px}
.refklend3 { width:400px; height:50px; background-color:#fb5d18; position:absolute; top: 450px; line-height:50px}
.printstart {width:500px; height:120px; background-color:#3e3e3e; position:absolute}
.print1 {width:500px; height:400px; background-color:#666666; position:absolute; top:150px}
.print2 {width:500px; height:350px; background-color:#666666; position:absolute; top:150px}
.print3 {width:500px; height:350px; background-color:#990000; position:absolute; top:150px}
.print4 {width:500px; height:450px; background-color:#666666; position:absolute; top:150px}
.print5 {width:500px; height:350px; background-color:#333333; position:absolute; top:150px}
.printend1 { width:250px; height:30px; background-color:#3e3e3e; position:absolute; top: 120px}
.printend2 { width:250px; height:30px; background-color:#3e3e3e; position:absolute; top: 120px; left: 250px}
.printend { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 550px; line-height:50px}
.printend-2 { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 500px; line-height:50px}
.printend-4 { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 600px; line-height:50px}
.screenstart {width:500px; height:100px; background-color:#3e3e3e; position:absolute}
.screen1 {width:500px; height:400px; background-color:#333333; position:absolute; top:100px}
.screenend { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 500px; line-height:50px}
.anistart {width:500px; height:100px; background-color:#3e3e3e; position:absolute}
.ani1 {width:500px; height:300px; background-color:#333333; position:absolute; top:100px}
.ani2 {width:500px; height:300px; background-color:#990000; position:absolute; top:150px}
.ani3 {width:500px; height:500px; background-color:#666666; position:absolute; top:100px}
.ani4 {width:500px; height:350px; background-color:#666666; position:absolute; top:100px}
.ani5 {width:500px; height:400px; background-color:#666666; position:absolute; top:100px}
.ani6 {width:500px; height:300px; background-color:#181c18; position:absolute; top:100px}
.aniend { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 400px; line-height:50px}
.aniend2 { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 450px; line-height:50px}
.aniend3 { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 600px; line-height:50px}
.aniend4 { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 450px; line-height:50px}
.aniend5 { width:500px; height:50px; background-color:#fb5d18; position:absolute; top: 500px; line-height:50px}

/* Hintergründe head*/
.ref { background:url(../images/bg_referenzen.jpg) no-repeat}


.extern { font-size:16px; font-weight:bold}
a:hover.extern, .printend a:hover, .printend-2 a:hover, .printend-4 a:hover { color:#333333}

