/* CSS Document */

* { margin : 0; padding : 0; }
html {background-color : #FDFDD6; color : #732E56; background: url(../img/bg-streifenpattern.jpg) repeat;}
body {font : 76%/160% Tahoma, Verdana, Arial, sans-serif; text-align : center;}
div#containerrand {position: relative;	width: 720px; margin: 0 auto; background:url(../img/body-lschatten24bit.png) repeat-y;}
div#container {position: relative;	width: 660px; margin: 0 auto; background-color : #EFEFEF;}

div#kopfzeile 
	{
	position: relative;
	width: 100%;
	height: 138px;
	background: url(../img/kopf-gradient.jpg) repeat-x;
	border-bottom-width: 10px;
	border-bottom-color: #919191;
	border-bottom-style: solid;
	}
	
div#kopfzeile h1
	{
	z-index: 3;
	position: absolute;
	left: -30px;
	top: 0;
	width: 212px;
	height: 236px;
	background: url(../img/abc-erfurt_postit2.png) no-repeat;
	text-indent: -9999px;
	}
	
div#kopfzeile h2
	{
	z-index: 3;
	position: absolute;
	right: 0px;
	bottom: -21px;
	width: 397px;
	height: 67px;
	background-image: url(../img/abc-erfurt_buerofachmarkt_kopf.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
		
div#visitenkarte
	{
	position: absolute;
	width: 475px;
	height: 41px;
	top: 167px;
	right: 15px;
	background-color: #E6E6E6;
	border-bottom-color:#D7D7D7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	text-align: right;
	color: #737373;
	}
	
div#visitenkarte ul
	{
	list-style-type: none;
	padding-right: 3px;	
	}
	
div#visitenkarte #li-anschr
	{
	font-size: 14px;
	font-weight:500;
	padding: 1px 0 1px 0;
	letter-spacing: .2em;
	word-spacing: .15em;
	}
	
div#visitenkarte #li-offen
	{
	font-size: 13px;
	font-weight:200;
	padding: 1px 0 0 0;
	letter-spacing: .1em;
	}
	
div#visitenkarte #li-tel, #li-fax, #li-web, #li-mail
	{
	display: inline;
	font-size: 9px;
	letter-spacing: .075em;
	white-space:nowrap;
	}

div#koerper 
	{
	position: relative;
	width: 100%;
	text-align: left;
	overflow: hidden;
	}
	
div#navi {position: relative; background: url(../img/navi-hg.png) no-repeat 0 -18px; width:204px; height:247px; margin: 100px 0 0 -5px;text-align: left; float: left;}
div#navi h3	{text-indent: -9999px;}
div#navi ul	{font-size: 13px; letter-spacing: .175em; font-weight: 200;}
div#navi li	{ list-style-type: none;}	
div#navi a {height: 37px; width: 175px;	text-decoration: none; display: block;}
div#navi #li1, #li2, #li3, #li4, #li5 {text-indent: 25px;}	
div#navi #li1 {position: absolute; top: 0px; left: 20px; background: url(../img/navi-knopf01.png) no-repeat 0 0px; padding-top: 8px;}
div#navi #li2 {position: absolute; top: 37px; left: 20px; background: url(../img/navi-knopf02.png) no-repeat 0 0px; padding-top: 8px;}
div#navi #li3 {position: absolute; top: 74px; left: 20px; background: url(../img/navi-knopf01.png) no-repeat 0 0px; padding-top: 8px;}
div#navi #li4 {position: absolute; top: 111px; left: 20px; background: url(../img/navi-knopf02.png) no-repeat 0 0px; padding-top: 8px;}
div#navi #li5 {position: absolute; top: 148px; left: 20px; background: url(../img/navi-knopf01.png) no-repeat 0 0px; padding-top: 8px;}
div#navi #li6 {position: absolute; top: 185px; left: 20px; background: url(../img/creative-erfurt_navi-knopf.png) no-repeat 0 0px; text-indent: -9999px; padding-top: 1px;}
div#navi #li1 a:hover {background: url(../img/navi-knopf02-hover.png) no-repeat 0px -6px; position: relative; right: 1px; top: 1px;}
div#navi #li2 a:hover {background: url(../img/navi-knopf01-hover.png) no-repeat 0px -6px; position: relative; right: 1px; top: 1px;}
div#navi #li3 a:hover {background: url(../img/navi-knopf02-hover.png) no-repeat 0px -6px; position: relative; right: 1px; top: 1px;}
div#navi #li4 a:hover {background: url(../img/navi-knopf01-hover.png) no-repeat 0px -6px; position: relative; right: 1px; top: 1px;}
div#navi #li5 a:hover {background: url(../img/navi-knopf02-hover.png) no-repeat 0px -6px; position: relative; right: 1px; top: 1px;}
div#navi #li6 a:hover {background: url(../img/creative-erfurt_navi-knopf_hover.png) no-repeat -1px -1px; text-indent: -9999px;}

div#leistungen, div#leistungen_over, div#floattext-info	{width: 440px; position: relative; text-align: left; float: right; margin: 100px 15px 0 0;}
	
*.absatz1, *.absatz2
	{
	border: #d7d7d7 solid 1px;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	margin: 0 0 15px 0;
	padding: 5px 10px 2px 8px;
	}

*.absatz2 {background-color: #E6E6E6;}
*.absatz1 {background-color: #E6D9CF;}

*.werbung ul {list-style-type: none; position: relative; left: -6px; width: 420px; padding: 0; margin: 0; background-color:#EFEFEF; text-align: left; overflow: hidden;}
*.werbung li {position: relative; float: left; top: 5px; left: -7px; padding: 0; margin: 0; width: 82px; height: 100px; border: #E6E6E6 solid 1px; display: block; overflow: hidden;}
*.werbung li a { font-size: 11px; color: #732E56; text-decoration: none; overflow: hidden;}
*.werbung li span { position: absolute; margin: 10px 1px 0 5px; height: 15px; letter-spacing: .08em; line-height: 100%;}
*.werbung li img { position: relative; top: 40px;}

div#leistungen h3, #danke h3, #floattext h3, div#floattext-info h3, div#leistungen_over h3
	{
	background-color: #E6BA8F;
	border: #73512E solid 1px;
	padding: 5px 10px 5px 8px;
	font-size: 16px;
	font-variant: small-caps;
	color: #73512E;
	letter-spacing: 0.175em; font-weight: 400;
	}
	
div#leistungen h3, div#floattext-info h3,  div#leistungen_over h3
	{
	background-image: url(../img/absatz-kopf-hg-kl.png);
	background-repeat: no-repeat;
	}
	
div#danke h3, div#floattext h3
	{
	background-image: url(../img/absatz-kopf-hg-gr.png);
	background-repeat: no-repeat;
	}	

div#leistungen ul, div#leistungen_over ul {padding: 4px 0 8px 15px;	list-style-type: circle ;}
	
div#leistungen blockquote {text-align: right; font-size: 115%;	padding: 10px 0 0 0; color:#CC3300;}
div#danke blockquote {font-size: 115%; font-weight: bold; padding: 5px 0 0 0; color:#CC3300;}		
	
div#danke {width: 630px; float: left;	margin: 0 15px -10px 15px;}	
div#floattext {margin: 0 15px 5px 15px; padding: 5px -15px 0 5px; float: left; width: 630px; overflow: hidden;}
div#floattext ul {padding: 4px 0 8px 15px;	list-style-type: circle ;}
div#floattext h4, div#floattext-info h4 {font-size: 120%; font-weight: 600; margin: 5px 0 0 0;}

img#abc_logo_h3 {
	position: absolute;
	margin: -13px 7px;
	padding: 0;
}
div#und_h4 {
	position: absolute;
	margin: -19px 233px;
	padding: 0;
}
img#creative_logo_h3 {
	position: absolute;
	margin: -15px 108px;
	padding: 0;
}
	

/*-------------------------------kontakt-tabelle----------------------------------------------------------------------------------*/

div#floattext-kontakt_a, div#floattext-kontakt_c{position: relative; text-align: center; overflow: auto;}

div#floattext-kontakt_a {margin: 3px 0px 10px 0px; padding: 5px 3px; width: 420px;}
div#floattext-kontakt_c {margin: 3px 2px 10px 2px; padding: 5px 3px;  width: auto;}

img#abc_logo {float:left; margin: 5px 10px 10px 0px; padding: 5px 1px;}
img#creative_logo {margin: 12px 15px 15px 75px; padding: 5px 1px;}

table {margin: 0; padding: 0; border-collapse: collapse;}
table#tab_abc {float: right; width: 235px; margin-top: 8px;}
table#tab_creative {width: 275px; margin: 0 15px 0 100px;}
table a {color : #732E56; text-decoration: none;}

td, th {padding: 2px 4px; border-bottom: 1px solid #D7D7D7;}
tfoot td{ border-bottom: none;}
table#tab_creative h4 {font-size: 100%; font-weight: 400; padding: 8px 0 0 0; letter-spacing: 4px;}
/*------------------------------/kontakt-tabelle----------------------------------------------------------------------------------*/

div#groszebilder {width: 630px; text-align: center;}

div#katalog	{ position: relative; float: left; top: 100px;	left: 5px; width: 193px; height: 225px; background: url(../img/abc-erfurt_katalog.jpg) no-repeat -5px 0;}
div#katalog	h4 {margin: -5px -2px 0 2px; text-align: center; line-height: 110%; color: #73512E; font-size: 13px; font-variant: small-caps; letter-spacing: 0.075em; font-weight: 600;}
div#katalog	p{text-align: left; font-size: 10px; line-height: 100%; letter-spacing: 0.08em; color:#777; margin: 170px 1px 2px 11px;}


div#fuszzeile {width: 630px; margin: 0 auto; background-color: #D7D7D7; border: 2px solid #919191;}
div#fuszzeile p	{font-size: 85%; color: #919191; text-align: left; padding: 0 25px 1px 10px;}
div#fuszeile ul	{ text-align: right; text-decoration: none;}		
div#fuszzeile li { float: right; display: inline; font-weight: bold; font-size: 90%; padding: 0px 10px 3px 10px;}
div#fuszzeile li a {color: #737373; text-decoration: none; }
div#fuszzeile a:hover {color: #D7D7D7; background-color: #919191;}
div#fotopos {position: absolute; visibility: visible; top: 245px; right: 75px;}
div#fotopos_b {position: absolute; visibility: visible; top: 265px; right: 60px;}
div#fotopos_h {position: absolute; visibility: visible; bottom: 108px; left: 7px;}

div#map24 {	position: absolute; visibility: visible; bottom: 30px; left: 12px;}