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: #CCCCCC; 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% }
#headref h2{ font-size: 100%; color: #FFFFFF; margin: 8px 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}
h4 { font-size: 100%; color: #FFFFFF; margin: 16px; padding: 0px; font-weight:bold; line-height:100% }

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}
#ani { position:absolute; top: 50px; left: 400px}
#header { width:600px; height:100px; position: absolute; background-color:#3e3e3e; border-top: 1px solid #FFFFFF}
#head { width:500px; height:100px; position: absolute }
#head2 { width:600px; height:100px; background:url(../images/head2.gif) right no-repeat #3e3e3e; position:absolute; top: 100px}
#topnav { width:100px; font-size:10px; height:100px; background-color:#990000; position: absolute; left:500px}
#main { width:625px; background: url(../images/chili.gif) no-repeat; position:absolute; top:200px; height:300px}
#main2 { width:625px; background: url(../images/main-news.gif) no-repeat; position:absolute; height:400px; top:100px}
#anfrage { background-color:#3e3e3e; height:500px; width:400px}
#anfrage form { margin-left:20px}

#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}

.start1 { width:200px; height:200px; background-color:#3e3e3e; position:absolute }
.start2 { width:200px; height:150px; background-color:#990000; position:absolute; margin-top:50px; left: 200px}
.start3 { width:400px; height:50px; background-color:#3e3e3e; position:absolute; top: 200px; line-height:40px }
.startend { width:200px; height:50px; background-color:#fb5d18; position:absolute; top: 250px}
.chili1 { width:200px; height:350px; background-color:#3e3e3e; position:absolute }
.chili2 { width:400px; height:100px; background-color:#3e3e3e; position:absolute; top: 350px}
.mnbcd { width:200px; height:50px; background-color:#990000; position:absolute; margin-top:50px; left: 200px; font-size:10px}
.mnbcd p, .mw p { margin:0px; padding:12px 0px 4px 6px}
.mw { width:200px; height:50px; background-color:#990000; position:absolute; margin-top:200px; left: 200px; font-size:10px}
.chiliend { width:200px; height:50px; background-color:#fb5d18; position:absolute; top: 450px}
.lei1 {width:400px; height:100px; background-color:#990000; position:absolute}
.lei2 {width:400px; height:100px; background-color:#666666; position:absolute; top:100px}
.lei3 {width:400px; height:100px; background-color:#fb5d18; position:absolute; top:200px}
.job1 {width:400px; height:200px; background-color:#666666; position:absolute}
.job2 {width:400px; height:50px; background-color:#990000; position:absolute; top:200px}
.jobend { width:200px; height:50px; background-color:#fb5d18; position:absolute; top: 250px}
.refkl1 {width:500px; height:150px; background-color:#666666; 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}
.refklend { width:400px; height:50px; background-color:#fb5d18; position:absolute; top: 500px; line-height:50px}
#headref {width:400px; height:50px; background-color:#3e3e3e; position:absolute}
#kontakt1 {width:400px; height:50px; background-color:#666666; position:absolute; top:50px}
#kontakt2 {width:400px; height:50px; position:absolute; top:100px}
#kontakt3 {width:400px; height:50px; background-color:#990000; position:absolute; top:150px}
#kontakt4 {width:400px; height:100px; background-color:#3e3e3e; position:absolute; top:200px}
.karte { position:absolute; top:50px; left:400px}
#anfahrt {position:absolute; top:22px; font-size:10px; line-height:10px; left:5px}
#kontakt5 {width:200px; height:50px; background-color:#fb5d18; position:absolute; top:300px}



/* Hintergründe head*/
.index { background:url(../images/bg_index.gif) no-repeat}
.uns { background:url(../images/bg_chili.gif) no-repeat}
.leistung { background:url(../images/bg_leistungen.gif) no-repeat}
.neu { background:url(../images/bg_news.jpg) no-repeat}
.ref { background:url(../images/bg_referenzen.jpg) no-repeat}
.job { background:url(../images/bg_job.gif) no-repeat}
.impr { background:url(../images/bg_impressum.gif) no-repeat}
.anfrage { background:url(../images/bg_anfrage.gif) no-repeat}
.kont { background:url(../images/bg_kontakt.gif) no-repeat}


.jahre { font-size:26px; font-weight:bold}
.chili { font-size:26px; font-weight:bold; color: #fb5d18 }
.img1 { position:absolute; left: 200px; top:100px}
.img2 { position:absolute; left: 300px; top:100px}
.img3 { position:absolute; left: 200px; top:250px}
.img4 { position:absolute; left: 300px; top:250px}
.left { list-style:none; margin:6px 0px 6px 16px; padding:0; width:160px; position:absolute}
.right { list-style:none; margin:6px 0px 6px 216px; padding:0; width:160px; position:absolute}
.newslist { list-style:none; margin:0; padding:0; width:400px; background-color: #990000}
.newslist li { display: block; padding:16px}
.newslist a { font-weight:bold}
.dklgrau { background-color: #3e3e3e}
.grau { background-color: #666666}
.extern { font-size:18px; font-weight:bold}
.imp { margin:16px}

#left { margin:0; padding:0; width:200px; background-color: #3e3e3e; top: 50px; position:absolute; border-bottom:#FB5D18 50px solid}
#left ul, #right ul, #right2 ul, #extra2 ul, #right3 ul { list-style: none; margin: 8px 16px 10px; padding:0px}
#left li, #right li, #right2 li, #extra2 li, #right3 li { background:url(../images/pfeil3.gif) no-repeat; padding: 0px 0px 8px 14px}
#extra { position:absolute; top:50px; left:200px; background-color:#B81D00; width:200px; height:150px}
#extra2 { position:absolute; top:150px; left:200px; background-color:#990000; width:200px; height:150px}
#extra3 { position:absolute; top:50px; background-color:#990000; width:200px; height:100px}
#extra4 { position:absolute; top:100px; background-color:#990000; width:200px; height:150px; border-bottom:#3e3e3e 48px solid}
.extraabstand { margin:16px}
#right { margin:0; padding:0; width:200px; background-color: #3e3e3e; top: 200px; position:absolute; left: 200px}
#right2 { margin:0; padding:0; width:200px; background-color: #666666; top: 50px; position:absolute; left: 200px}
#right3 { margin:0; padding:0; width:200px; background-color: #666666; top: 50px; position:absolute; left: 200px; border-bottom: #3e3e3e 50px solid}
#agb600 { margin:0; padding:0; width:600px; background-color: #3e3e3e; position:absolute; top: 300px}
#agb400 { margin:0; padding:0; width:400px; height:250px; background-color: #3e3e3e; position:absolute; top: 50px}
#agb400 ul { list-style:none}

.input  { font-size: 11px; line-height: 11px; background-color: #f93; padding: 0; border: solid 1px #3e3e3e; outline-style: none }
.input1  { color: #f93; font-size: 11px; line-height: 11px; background-color: #3e3e3e; padding: 0; border: solid 1px #000; outline-style: none }
.input2 { color: #f93; font-size: 11px; line-height: 11px; background-color: #3e3e3e; padding: 0; border: solid 1px #fff; outline-style: none }
textarea {scrollbar-base-color:#666666; scrollbar-3d-light-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#ff9933; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#000000; scrollbar-track-color:#fb5d18;}
#hinweis { background-color:#666666; border-bottom:#fb5d18 50px solid; position:absolute; top:500px; width:400px}

/* übernommen aus alten Seiten*/
.td-orange  { background-color: #fb5d18 }
.td-alt-rot { background-color: #900 }
.td-mittelgrau { background-color: #515151 }
.td-dklgrau { background-color: #3e3e3e }
.td-hellgrau { background-color: #666 }
.td-beige { background-color: #f9f4d4 }
.text { color: #fff; font-size: 11px; text-align: left; line-height:18px }
