body { background-image: none; background-color: #666666; font-family: Verdana, sans-serif; color: #333333; font-size: 12px; line-height: 1.5em; text-align: center; margin: 0px; padding: 0px; }

img { border: 0px; border-style: none; margin: 0px; padding: 0px; background-color: transparent; }
img.bilder { vertical-align: top; border: 1px; border-style: solid; border-color: transparent; }
img.bilder:hover { border: 1px; border-style: solid; border-color: #EEEEEE; }
img.bilder2 { vertical-align: top; border: 1px; border-style: solid; border-color: transparent; }
img.bilder2:hover { border: 1px; border-style: solid; border-color: #993300; }
img#profil_foto { margin:0px 50px 50px 0px; padding:0px; float:left;}
 
ul { list-style-position: outside; list-style-image: url("graphics/kaestchen.gif"); text-indent: 0px; margin: 0px 0px 0px 20px; padding: 0px; }
ul.referenzenul { list-style-position: outside; list-style-image: url("graphics/kaestchen.gif"); text-indent: 0px; margin: 0px 0px 0px 20px; padding: 0px; }
li { padding: 0px 0px 0px 10px; margin: 5px 0px 0px 30px; }

ol.zusatzinformationen { list-style-type:decimal; list-style-position:outside; text-indent:0px; margin:0px; padding:0px; font-size:9px; color:#666666; text-align:justify; }
ol.agb { list-style-type:decimal; list-style-position:outside; text-indent:0px; margin:0px; padding:0px; font-size:12px; text-align:justify; }
ol.agb li { padding:0px 0px 0px 15px; margin: 5px 0px 10px 30px; font-weight:bold; }
ol.agb li ol { list-style-type:decimal; list-style-position:outside; text-indent:0px; margin:10px 0px 20px 0px; padding:0px; font-size:12px; text-align:justify; font-weight:normal; }
ol.agb li ol li { padding:0px 0px 0px 15px; margin: 5px 0px 10px 20px; font-weight:normal; }
ol.agb li ol li ol { list-style-type:decimal; list-style-position:outside; text-indent:0px; margin:0px; padding:0px; font-size:12px; text-align:justify; font-weight:normal; }
ol.agb li ol li ol li { padding:0px 0px 0px 15px; margin: 0px 0px 0px 20px; font-weight:normal; }

hr { height: 1px; background-color: #CCCCCC;  border: 0px; border-style: none; clear: both; }

span.hl { color: #333333; }
span.fusslinks { font-size: 9px; }
span.underline { text-decoration:underline; }

p { text-align: justify; }
p.referenzentext { text-align: justify; padding-left: 30px; }
p.nachricht { padding-left: 30px; padding-right: 30px; font-style: italic; }
p.center { text-align: center; }
p.zusatzinformationen { font-size:9px; color:#666666; text-align:justify; }

code { display:inline-block; padding:10px; margin:5px; width:642px; background-color:#EEEEEE; border:1px solid; border-color:#333333; }

h1 { font-size: 14px; text-indent: 20px; line-height: 39px; text-align: left; color: #EEEEEE; font-weight: normal; margin: 0px; padding: 0px; }
h2 { font-size: 14px; text-align: center; font-weight: bold; font-variant: normal; margin: 50px 0px 20px 0px; clear: both; }
h3 { font-size: 12px; text-align: left; font-weight: bold; margin: 30px 0px 10px 0px; }

a:link { text-decoration: none; font-weight: normal; color: #993300; }
a:visited { text-decoration: none; font-weight: normal; color: #993300; }
a:focus { text-decoration: underline; font-weight: normal; color: #333333; }
a:hover { text-decoration: underline; font-weight: normal; color: #333333; }
a:active { text-decoration: underline; font-weight: normal; color: #333333; }

a.webdesign:link { text-decoration: none; font-weight: normal; color: #EEEEEE; }
a.webdesign:visited { text-decoration: none; font-weight: normal; color: #EEEEEE; }
a.webdesign:focus { text-decoration: none; font-weight: bold; color: #EEEEEE; }
a.webdesign:hover { text-decoration: none; font-weight: bold; color: #EEEEEE; }
a.webdesign:active { text-decoration: none; font-weight: bold; color: #EEEEEE; }

a.ie:link { border-width: 1px; border-style: solid; border-color: transparent; }
a.ie:visited { border-width: 1px; border-style: solid; border-color: transparent; }
a.ie:focus { border-width: 1px; border-style: solid; border-color: #EEEEEE; }
a.ie:hover { border-width: 1px; border-style: solid; border-color: #EEEEEE; }
a.ie:active { border-width: 1px; border-style: solid; border-color: #EEEEEE; }

a.ie2:link { border-width: 1px; border-style: solid; border-color: #EEEEEE; }
a.ie2:visited { border-width: 1px; border-style: solid; border-color: #EEEEEE; }
a.ie2:focus { border-width: 1px; border-style: solid; border-color: #993300; }
a.ie2:hover { border-width: 1px; border-style: solid; border-color: #993300; }
a.ie2:active { border-width: 1px; border-style: solid; border-color: #993300; }

a.fuss-links:link { text-decoration: none; font-weight: normal; color: #EEEEEE; }
a.fuss-links:visited { text-decoration: none; font-weight: normal; color: #EEEEEE; }
a.fuss-links:focus { text-decoration: underline; font-weight: normal; color: #EEEEEE; }
a.fuss-links:hover { text-decoration: underline; font-weight: normal; color: #EEEEEE; }
a.fuss-links:active { text-decoration: underline; font-weight: normal; color: #EEEEEE; }

a.hmenue { display:inline-block; height:40px; text-decoration: none; font-weight:normal; color:#EEEEEE; line-height:40px; padding:0px 17px 0px 17px; }
a.hmenue:link { border-width:0px 1px 0px 1px; border-style:solid; border-color:transparent; }
a.hmenue:visited { border-width:0px 1px 0px 1px; border-style:solid; border-color:transparent; }
a.hmenue:focus { border-width:0px 1px 0px 1px; border-style:solid; border-color:#FFFFFF; background-image:url(graphics/menue_bg_hl.gif); background-repeat:repeat-x; }
a.hmenue:hover { border-width:0px 1px 0px 1px; border-style:solid; border-color:#FFFFFF; background-image:url(graphics/menue_bg_hl.gif); background-repeat:repeat-x; }
a.hmenue:active { border-width:0px 1px 0px 1px; border-style:solid; border-color:#FFFFFF; background-image:url(graphics/menue_bg_hl.gif); background-repeat:repeat-x; }

span.hmenue_aktiv { display:inline-block; height:40px; text-decoration: none; font-weight:normal; color:#EEEEEE; line-height:40px; padding:0px 17px 0px 17px; border-width:0px 1px 0px 1px; border-style:solid; border-color:#FFFFFF; background-image:url(graphics/menue_bg_hl.gif); background-repeat:repeat-x; }

/* BEGIN: Webhosting */
	div.webhosting { position:relative; width:672px; margin:20px 0px 20px 0px; padding:0px; border:0px none; text-align:center; }
	
	table.webhosting { margin:0 auto; padding:0px; border-width:1px; border-style:solid; border-color:#333333; border-collapse:collapse; }
	table.webhosting tr { margin:0px; padding:0px; border:0px none; }
	
	table.webhosting th { margin:0px; padding:10px; border-width:1px; border-style:solid; border-color:#333333; font-size:14px; font-weight:normal; }
	table.webhosting th.small { width:100px; color:#AA3311; border-width:0px 1px 1px 0px; border-style:solid; border-color:#333333; border-right-color:#999999; }
	table.webhosting th.basic { width:100px; color:#882211; text-align:center; border-width:0px 1px 1px 0px; border-style:solid; border-color:#333333; border-right-color:#999999; }
	table.webhosting th.business { width:100px; color:#551100; text-align:center; border-width:0px 0px 1px 0px; border-style:solid; border-color:#333333; }
	
	table.webhosting td { margin:0px; padding:5px 10px 5px 10px; border-width:0px 1px 0px 0px; border-style:solid; border-color:#333333; text-align:left; }
	table.webhosting .small { width:100px; color:#AA3311; text-align:center; border-width:0px 1px 0px 0px; border-style:solid; border-color:#999999; }
	table.webhosting .basic { width:100px; color:#882211; text-align:center; border-width:0px 1px 0px 0px; border-style:solid; border-color:#999999; }
	table.webhosting .business { width:100px; color:#551100; text-align:center; border:0px none; }
	
	table.webhosting tr.preis td { margin:0px; padding:10px;  border-width:1px; border-style:solid; border-color:#333333; text-align:center; font-size:14px; }
	table.webhosting tr.preis .small { width:100px; color:#AA3311; border-width:1px 1px 1px 0px; border-style:solid; border-color:#333333; border-right-color:#999999; }
	table.webhosting tr.preis .basic { width:100px; color:#882211; text-align:center; border-width:1px 1px 1px 0px; border-style:solid; border-color:#333333; border-right-color:#999999; }
	table.webhosting tr.preis .business { width:100px; color:#551100; text-align:center; border-width:1px 0px 1px 0px; border-style:solid; border-color:#333333; }
	
	table.webhosting td.optional { text-align:center; }
	
	table.webhosting td.tld_preis { text-align:center; }
/* END: Webhosting */

div#kopf { position: relative; width: 100%; height: 202px; padding: 0px; margin: 0px; z-index: 0; border-width: 2px 0px 0px 0px; border-style: solid; border-color: #000000; text-align: center; background-color: #FFFFFF; background-image: url("graphics/kopf-bg.gif"); background-repeat: repeat-x; }
	div#banner { position: relative; width: 970px; height: 200px; margin: 0 auto; padding: 0px; border-width: 0px 2px 2px 2px; border-style: solid; border-color: #000000; z-index: 1; background-image: url("graphics/banner-top.jpg"); text-align: left; }
		div#logo { position: relative; width: 412px; height: 60px; margin: 0px; padding: 35px 0px 0px 524px; border: 0px none; z-index: 2; text-align: center; }
		div#menue { position: relative; width: 886px; height: 40px; margin: 64px 0px 0px 0px; padding: 0px 35px 0px 49px; border-width:1px 0px 0px 0px; border-style:solid; border-color:#000000; z-index: 2; background-image:url(graphics/menue_bg.gif); background-repeat:repeat-x; color: #EEEEEE; font-size: 13px; }

div#koerper { position: relative; width: 100%; padding: 0px; margin: 0px; z-index: 0; border: 0px; border-style: none; text-align: center; background-color: #FFFFFF; clear: left; }
	div#inhalt { position: relative; width: 970px; margin: 0 auto; padding: 24px 0px 24px 0px; border-width: 0px 2px 0px 2px; border-style: solid; border-color: #000000; z-index: 1; background-image: url("graphics/bg.jpg"); text-align: left; }
		div.kopf { position: relative; width: 870px; height: 40px; margin: 0px 0px 0px 49px; padding: 0px; border-width: 1px; border-style: solid; border-color: #000000; z-index: 2; background-image: url("graphics/grleiste-oben.png"); background-repeat: no-repeat; }
		div.text { position: relative; width: 672px; margin: 0px 0px 0px 49px; padding: 40px 100px 40px 100px; border-width: 0px; border-style: none; background-image: url("graphics/text-bg.png"); background-repeat: repeat-x; text-align: justify; z-index: 2; }
		div.fuss { position: relative; width: 870px; height: 10px; margin: 0px 0px 0px 49px; padding: 0px; border-width: 1px; border-style: solid; border-color: #000000; z-index: 2; background-image: url("graphics/grleiste-unten.png"); background-repeat: no-repeat; clear: both; line-height: 8px; font-size: 8px; text-align: center; }
	
	div#animation { position: relative; width: 412px; height: 304px; margin: 0px 0px 0px 49px; padding: 24px 0px 24px 0px; z-index: 2; float: left; }
		div#a-kopf { position: relative; width: 410px; height: 10px; margin: 0px; padding: 0px; border: 1px; border-style: solid; border-color: #000000; z-index: 3; background-image: url("graphics/sleiste-oben.png"); background-repeat: repeat-x; line-height: 8px; font-size: 8px; }
		div#a-inhalt { position: relative; width: 410px; height: 280px; margin: 0px; padding: 0px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #000000; background-image: url("graphics/text-bg.png"); background-repeat: repeat-x; z-index: 3; text-align: center; }
		div#a-fuss { position: relative; width: 410px; height: 10px; margin: 0px; padding: 0px; border-width: 1px; border-style: solid; border-color: #000000; z-index: 3; background-image: url("graphics/sleiste-unten.png"); background-repeat: repeat-x; line-height: 8px; font-size: 8px; }
	/* Formatierung für den IE 6 */
	div#animation-ie6 { position: relative; width: 412px; height: 304px; margin: 0px 0px 0px 20px; padding: 24px 0px 24px 0px; z-index: 2; float: left; }
	/* Formatierung Ende */
	
	div#hometext { position: relative; width: 412px; height: 304px; margin: 0px 0px 0px 524px; padding: 24px 0px 24px 0px; z-index: 2; }
		div#home-kopf { position: relative; width: 410px; height: 40px; margin: 0px; padding: 0px; border: 1px; border-style: solid; border-color: #000000; background-image: url("graphics/lleiste-oben.png"); background-repeat: repeat-x; z-index: 3; color: #EEEEEE; font-size: 14px; text-indent: 20px; line-height: 39px; }
		div#home-inhalt { position: relative; width: 400px; height: 240px; margin: 0px; padding: 5px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #000000; background-image: url("graphics/text-bg.png"); background-repeat: repeat-x; z-index: 3; text-align: justify; }
		div#home-fuss { position: relative; width: 410px; height: 10px; margin: 0px; padding: 0px; border-width: 1px; border-style: solid; border-color: #000000; background-image: url("graphics/sleiste-unten.png"); background-repeat: repeat-x; z-index: 3; line-height: 8px; font-size: 8px; }

	div.clear { display: block; height: 20px; clear: both; }
	
	div.referenzbilder { position: relative; width: 310px; margin: 0px; padding: 0px 0px 20px 0px; z-index: 2; text-align: center; float: left; }
		div.refbildwahl { position: relative; width: 310px; height: 50px; margin: 0px; padding: 0px; z-index: 3; text-align: center; }
		div.refstatusrahmen { position: relative; width: 200px; height: 10px; margin: 0px 0px 0px 55px; padding: 0px; text-align: left; z-index: 3; border-width: 1px; border-style: solid; border-color: #333333; }
			div.refstatus { position: relative; height: 10px; margin: 0px; padding: 0px; z-index: 4; background-image: url("graphics/fortschritt.gif"); background-repeat: repeat-x; }
	div.refrechts { position: relative; width: 310px; margin: 0px 0px 0px 355px; padding: 0px 0px 20px 0px; z-index: 2; text-align: left; }
	
	div.kontaktlinks { position: relative; width: 310px; margin: 0px; padding: 0px 0px 20px 0px; z-index: 2; text-align: left; float: left; }
	div.kontaktrechts { position: relative; width: 310px; margin: 0px 0px 0px 355px; padding: 0px 0px 20px 0px; z-index: 2; text-align: left; }
		div.feldnamen { position: relative; width: 90px; height: 30px; margin: 0px; padding: 0px; border: 0px; vertical-align: middle; float: left; z-index: 3; }
		div.eingabefelder { position: relative; width: 220px; height: 30px; margin: 0px 0px 0px 90px; padding: 0px; border: 0px; vertical-align: middle; z-index: 3; }
		div.nachrichtbez { position: relative; width: 90px; margin: 0px; padding: 0px 0px 10px 0px; border: 0px; float: left; z-index: 3; }
		div.nachrichtfeld { position: relative; width: 220px; margin: 0px 0px 0px 90px; padding: 0px 0px 10px 0px; border: 0px; z-index: 3; }
		div#rndbild { position: relative; width: 90px; height: 50px; margin: 0px; padding: 0px 0px 10px 0px; border: 0px; vertical-align: middle; float: left; z-index: 3; }
		div#rndbildfeld { position: relative; width: 220px; height: 50px; margin: 0px 0px 0px 90px; padding: 0px 0px 10px 0px; border: 0px; vertical-align: middle; z-index: 3; }
		div.buttons { position: relative; width: 210px; height: 30px; margin: 0px 0px 0px 90px; padding: 0px; border: 0px; vertical-align: middle; z-index: 3; }
		/* für den IE */
		div.feldnamen-ie { position: relative; width: 90px; height: 30px; margin: 0px; padding: 0px; border: 0px; vertical-align: middle; float: left; z-index: 3; }
		div.eingabefelder-ie { position: relative; width: 210px; height: 30px; margin: 0px; padding: 0px; border: 0px; vertical-align: middle; z-index: 3; }
		div.nachrichtbez-ie { position: relative; width: 90px; margin: 0px; padding: 0px 0px 10px 0px; border: 0px; float: left; z-index: 3; }
		div.nachrichtfeld-ie { position: relative; width: 210px; padding: 0px 0px 10px 0px; border: 0px; z-index: 3; }
		div#rndbild-ie { position: relative; width: 90px; height: 50px; margin: 0px; padding: 0px 0px 10px 0px; border: 0px; vertical-align: middle; float: left; z-index: 3; }
		div#rndbildfeld-ie { position: relative; width: 210px; height: 50px; padding: 0px 0px 10px 0px; border: 0px; vertical-align: middle; z-index: 3; }
		/* Ende: für den IE */
		
		input { width: 210px; padding: 2px; border-width: 1px; border-style: solid; border-color: #993300; background-color: #EEEEEE; }
		textarea { width: 210px; height: 100px; padding: 2px; border-width: 1px; border-style: solid; border-color: #993300; background-color: #EEEEEE; }
		input#absenden { width: 95px; color: #EEEEEE; border-width: 1px; border-style: solid; border-color: #000000; background-color: #993300; margin: 0px; }
		input#vorschau { width: 95px; color: #EEEEEE; border-width: 1px; border-style: solid; border-color: #000000; background-color: #993300; margin: 0px  0px 0px 10px; }
		input#zuruecksetzen { width: 95px; color: #EEEEEE; border-width: 1px; border-style: solid; border-color: #000000; background-color: #993300; margin: 0px 0px 0px 10px;  }
		
	div.bestellung div.feldnamen {width:150px;}
	div.bestellung div.eingabefelder {margin:0px 0px 0px 150px;}
	div.bestellung div#rndbildfeld {margin:0px 0px 0px 150px;}
	div.bestellung div.buttons {margin:0px 0px 0px 150px;}
	/* für IE */
	div.bestellung div.feldnamen-ie {width:150px;}
	/* Ende: für IE */		
		
div#fuss { position: relative; width: 100%; height: 114px; padding: 0px; margin: 0px; z-index: 0; border-width: 0px; border-style: none; border-color: #000000; text-align: center; background-image: url("graphics/fuss-bg.gif"); background-repeat: repeat-x; clear: both; }	
	div#fusszeile { position: relative; width: 970px; height:110px; margin: 0 auto; padding: 0px; border-width: 2px 2px 2px 2px; border-style: solid; border-color: #000000; z-index: 1; background-image: url("graphics/banner-bottom.jpg"); font-size: 10px; text-align: center; color: #EEEEEE; }