/*
byteXpert - webworking
Author:		J&#246;rg Wunn
URL:		www.byteXpert.de
Date:		06/2006
			01/2007 
*/

body {
	margin:0;
	padding:0;
	background-color:#F6F6F6;
	}
#mainframe {
	position:absolute;
	left:50%;
	top:50%; width:800px;
	height:578px;
	margin:-289px 0 0 -400px;
	}
#header {
	position:absolute;
	width:800px;
	height:105px;
	margin:0;
	background-image:url(../elemente/backgrounds/back_header.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
#reiternavigation {
	position:absolute;
	width:404px;
	height:20px;
	margin:85px 0 0 0;
	z-index:11;
	}
#reiter1 {
	position:absolute;
	width:101px;
	height:20px;
	margin:0;
	z-index:111;
	}
#reiter2 {
	position:absolute;
	width:101px;
	height:20px;
	margin:0 0 0 101px;
	z-index:112;
	}
#reiter3 {
	position:absolute;
	width:101px;
	height:20px;
	margin:0 0 0 202px;
	z-index:113;
	}
#reiter4 {
	position:absolute;
	width:101px;
	height:20px;
	margin:0 0 0 303px;
	z-index:114;
	}
#puffer {
	position:absolute;
	width:800px;
	height:25px;
	margin:105px 0 0 0;
	background-image:url(../elemente/backgrounds/back_puffer.jpg);
	background-repeat:no-repeat;
	z-index:2;
	}
#flags {
	position:absolute;
	width:100px;
	height:12px;
	margin:7px 0 0 303px;
	z-index:21;
	}
.flagpurecrosshair {cursor:crosshair;}
.flagspace {margin:0 23px 0 0;}
.flagspacecrosshair {margin:0 23px 0 0;	cursor:crosshair;}

#subnavigation {
	position:absolute;
	width:335px;
	height:16px;
	margin:7px 0 0 455px;
	z-index:22;
	}
#noscriptinfo {
	position:absolute;
	width:590px;
	height:10px;
	margin:562px 0 0 206px;
	z-index:11;
	}
#noscriptinfo2 {
	position:absolute;
	width: 590px;
	height:10px;
	margin:562px 0 0 206px;;
	z-index:10;
	}
#contentleft {
	position:absolute;
	width:200px;
	height:448px;
	margin:130px 0 0 0;
	background-image:url(../elemente/backgrounds/back_contentleft_hell.jpg);
	background-repeat:no-repeat;
	z-index:3;
	}
	
.noscriptarrowspace {margin:0 0 0 8px;}

#infofenster {
	position:absolute;
	width:200px;
	height:145px;
	margin:0;
	background-image:url(../elemente/backgrounds/back_deskboxani.gif);
	cursor:hand;
	z-index:31;
	}

#map24 {
	position:absolute;
	width:200px;
	height:241px;
	margin:145px 0 0 0;
	z-index:351;
	}
#w3cxhtml {
	position: absolute;
	width:68px;
	height:23px;
	margin:400px 0 0 10px;
	z-index:361;
	}
#w3ccss {
	position:absolute;
	width:68px;
	height:23px;
	margin:400px 0 0 83px;
	z-index:362;
	}
#symbolnavigation1 {
	position:absolute;
	width:42px;
	height:16px;
	margin:430px 0 0 148px;
	left:0px;
	z-index: 1;
	}
#symbolnavigation2 {
	position:absolute;
	width:96px;
	height:16px;
	margin:430px 0 0 10px;
	z-index: 2;
	}
	
.symbolspace {margin:0 10px 0 0;}
.symbolspacecrosshair {margin:0 10px 0 0; cursor:crosshair;}

#contentmiddle {
	position: absolute;
	width:256px;
	height:448px;
	margin:130px 0 0 200px;
	z-index:7;
	}
	
	.backindex {background-image:url(../elemente/backgrounds/back_contentmiddleindex.jpg);}
	.backprofil {background-image:url(../elemente/backgrounds/back_contentmiddlemodule.jpg);}
	.backmodule {background-image:url(../elemente/backgrounds/back_contentmiddlemodule.jpg);}
	.backbeispiele {background-image:url(../elemente/backgrounds/back_contentmiddlebeispiele.jpg);}
	.backkatalogstart {background-image:url(../elemente/backgrounds/back_contentmiddlekatalogst.jpg);}
	.backkatalog {background-image:url(../elemente/backgrounds/back_contentmiddlekatalog.jpg);}
	.backpreise {background-image:url(../elemente/backgrounds/back_contentmiddlepreise.jpg);}
	.backonline {background-image:url(../elemente/backgrounds/back_contentmiddleonline.jpg);}
	.backtermine {background-image:url(../elemente/backgrounds/back_contentmiddletermine.jpg);}
	.backpartner {background-image:url(../elemente/backgrounds/back_contentmiddlepartner.jpg);}
	.backimpressum {background-image:url(../elemente/backgrounds/back_contentmiddleimpressum.jpg);}
	.backagb {background-image:url(../elemente/backgrounds/back_contentmiddleagb.jpg);}
	.backkontakt {background-image:url(../elemente/backgrounds/back_contentmiddlekontakt.jpg);}
	.backinfos {background-image:url(../elemente/backgrounds/back_contentmiddleinfos.jpg);}
	.backtipps {background-image:url(../elemente/backgrounds/back_contentmiddletipps.jpg);}
	.backchronik {background-image:url(../elemente/backgrounds/back_contentmiddlechronik.jpg);}
	.backspezial {background-image:url(../elemente/backgrounds/back_contentmiddlega.jpg);}
	.backga {background-image:url(../elemente/backgrounds/back_contentmiddlega.jpg);}

#texttitle {
	position:absolute;
	width:184px;
	height:12px;
	margin:30px 0 0 0;
	text-align:right;
	z-index:72;
	}
#textsubtitle {
	position:absolute;
	width:340px;
	height:12px;
	margin:30px 0 0 220px;
	z-index:42;
	}
#beispielrahmen {
	position:absolute;
	width:358px;
	height:350px;
	margin:200px 0 0 420px;
	z-index:71;
	overflow:auto;
	}
#textrahmen {
	position:absolute;
	width:358px;
	height:350px;
	margin:200px 0 0 420px;
	z-index:71;
	overflow:auto;
	}
#textfeld {
	position:absolute;
	width:328px;
	height:350px;
	margin:0;
	z-index:61;
	}
#indexcontent {
	position:absolute;
	width:600px;
	height:448px;
	margin:130px 0 0 200px;
	background-image:url(../elemente/backgrounds/back_contentmiddleindex.jpg);
	z-index:9;
	}
#indexfeld_oben {
	position:absolute;
	width:420px;
	height:140px;
	margin:20px 0 0 60px;
	background-image:url(../elemente/backgrounds/back_indexbox_oben.gif);
	background-repeat:repeat-x;
	background-position:top;
	z-index:91;
	}
.indexfeld_oben_text {padding:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none;}
#indexboxen {
	position:absolute;
	width:420px;
	height:325px;
	margin:0;
	z-index:92;
	left: 60px;
	top: 0px;
	}
#indexbox1 {
	position:absolute;
	width:120px;
	height:230px;
	margin:180px 0 0 0;
	background-image:url(../elemente/backgrounds/back_indexbox.gif);
	background-repeat:no-repeat;
	z-index:921;
	}
#boxhead0 {
	position:absolute;
	width:400px;
	height:14px;
	margin:0;
	z-index:9210;
	}
#boxhead1 {
	position:absolute;
	width:100px;
	height:14px;
	margin:0;
	z-index:9211;
	}
#idxinfobox1 {
	position:absolute;	
	width:120px;
	height:216px;
	margin:19px 0 0 0;
	overflow:auto;
	z-index:9221;
	}
#indexbox2 {
	position:absolute;
	width:120px;
	height:230px;
	margin:180px 0 0 150px;
	background-image:url(../elemente/backgrounds/back_indexbox.gif);
	background-repeat:no-repeat;
	z-index:922;
	}
#boxhead2 {
	position:absolute;
	width:100px;
	height:14px;
	margin:0;
	z-index:9221;
	}
#idxinfobox2 {
	position:absolute;
	width:120px;
	height:216px;
	margin:19px 0 0 0;
	overflow:auto;
	z-index:9222;
	}
#indexbox3 {
	position:absolute;
	width:120px;
	height:230px;
	margin:180px 0 0 300px;
	background-image:url(../elemente/backgrounds/back_indexbox.gif);
	background-repeat:no-repeat;
	z-index:923;
	}
#boxhead3 {
	position:absolute;
	width:100px;
	height:14px;
	margin:0;
	z-index:9231;
	}
#idxinfobox3 {
	position:absolute;
	width:120px;
	height:211px;
	margin:19px 0 0 0;
	overflow:auto;
	z-index:9232;
	}
#welcome {
	position:absolute;
	width:62px;
	height:253px;
	margin:100px 0 0 516px;
	background-image:url(../elemente/welcome.gif);
	background-repeat:no-repeat;
	background-position:center;
	z-index:93;
	}
#kmii {
	position:absolute;
	width:60px;
	height:57px;
	margin:353px 0 0 516px;
	z-index:94;
	}
#formularrahmen {
	position:absolute;
	width:358px;
	height:350px;
	margin:200px 0 0 420px;
	z-index:71;
	}
#kontaktformular {
	position:absolute;
	width:328px;
	height:350px;
	margin:0 0 0 40px;
	z-index:63;
	}
#onlineformularrahmen {
	position:absolute;
	width:358px;
	height:350px;
	margin:200px 0 0 420px;
	z-index:71;
	}
#onlineformular {
	position:absolute;
	width:328px;
	height:350px;
	margin:0 0 0 20px;
	z-index:63;
	}
#preistabelle {
	margin:0 0 0 40px;
	}

/*Beispiele*/
#klapp_content_0001 {
	float:left;
	width:312px;
	height:auto;
	border:0;
	margin:6px 0 0 20px;
	padding:10px 0 20px 0;
	z-index:911;
	}
#klapp_content_0002 {
	float:left;
	width:312px;
	height:auto;
	border:0;
	margin:6px 0 0 20px;
	padding:10px 0 20px 0;
	z-index:912;
	}
#klapp_content_0003 {
	float:left;
	width:312px;
	height:auto;
	border:0;
	margin:6px 0 0 20px;
	padding:10px 0 20px 0;
	z-index:913;
	}
#klapp_medium {
	float:left;
	width:auto;
	height:auto;
	border:0;
	margin:0;
	padding:0;
	}
	
.klapp_ohne1 {display:none;}
.klapp_mit1 {display:inline;}
.klapp_ohne2 {display:none;}
.klapp_mit2 {display:inline;}
.klapp_ohne3 {display:none;}
.klapp_mit3 {display:inline;}

.klapp_bilder {margin:0 4px 4px 0;}
.klapp_bilder2 {margin:4px 4px 0 0;}

.beispielbild_links {width:auto; float:left; margin:8px 0 0 0; padding:0 10px 10px 20px; border:0; text-align:center; cursor:crosshair;}
.beispielbild_rechts {width:auto; float:right; margin:8px 0 0 0; padding:0 0 10px 5px; border:0; text-align:center; cursor:crosshair;}
.beispieltext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#000; text-decoration:none; text-align:center;}

.beispielbild_medium {margin:30px 0 0 40px; border:0;}
.beispieltext_medium {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none; margin:0 0 0 40px; padding:0; list-style-type:square;}

.beispielbild_referenzen {margin:10px 0 0 0; border:0;}

/*Spezial*/
.spezialbild_links {float:left; margin:10px 10px 10px 0;}
.spezialbild_rechts {float:right; margin:10px 0 10px 10px;}



/*Katalog*/
#katalogcontent {
	position:absolute;
	width:600px;
	height:448px;
	margin:130px 0 0 200px;
	background-image:url(../elemente/backgrounds/back_contentmiddleindex.jpg);
	z-index:8;
}
#kataloghead {
	position:absolute;
	width:289px;
	height:67px;
	margin:12px 0 0 182px;
	background-image:url(../elemente/fundalogo.gif);
	z-index:81;
	}
#scroller {
	position:absolute;
	width:130px;
	height:328px;
	margin:96px 0 0 20px;
	overflow:auto;
	z-index:82;
	}
	
.scrollerspace {margin:9px 0 0 0;}
.scrollerspacecrosshair {margin:9px 0 0 0; cursor:crosshair;}

#sitecontent {
	position:absolute;
	width:427px;
	height: 328px;
	margin:96px 0 0 160px;
	z-index:83;
	}
#infofeld {
	position:absolute;
	width:318px;
	height:243px;
	margin:84px 0 0 0;
	background-color:#FFF;
	z-index:84;
	}
#infofeldtext {
	position:absolute;
	width:288px;
	height:218px;
	margin:15px 0 0 15px;
	cursor:default;
	z-index:85;
	}
	
#contentright {
	position:absolute;
	width:344px;
	height:448px;
	margin:130px 0 0 456px;
	background-image:url(../elemente/backgrounds/back_contentright.jpg);
	background-repeat:no-repeat;
	z-index:5;
	}
	
#contentright_deskbox {
	position:absolute;
	width:344px;
	height:448px;
	margin:130px 0 0 456px;
	background-image:url(../elemente/backgrounds/back_contentright.jpg);
	background-repeat:no-repeat;
	z-index:5;
	}

#kalenderlinie1 {position:absolute; width:1px; height:250px; margin:178px 0 0 294px; z-index:51; background-color:#000;}
#kalenderlinie2 {position:absolute; width:1px; height:230px; margin:198px 0 0 278px; z-index:52; background-color:#000;}
#kalenderlinie3 {position:absolute; width:1px; height:210px; margin:218px 0 0 263px; z-index:53; background-color:#000;}
#kalenderlinie4 {position:absolute; width:1px; height:190px; margin:238px 0 0 247px; z-index:54; background-color:#000;}
#kalenderlinie5 {position:absolute; width:1px; height:170px; margin:258px 0 0 232px; z-index:55; background-color:#000;}
#kalenderlinie6 {position:absolute; width:1px; height:150px; margin:278px 0 0 217px; z-index:56; background-color:#000;}

#kalender {
	position:absolute;
	width:112px;
	height:121px;
	margin:287px 0 0 199px;
	background-color: #000;
	z-index:57;
}
#kalendernoscript {
	position:absolute;
	width:112px;
	height:121px;
	margin:287px 0 0 199px;
	background-image:url(../elemente/backgrounds/back_contentmiddletermine.jpg);
	z-index:58;
	}
	

/* Textformatierungen: */

.reitertext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; color:#FFF; text-align:center; text-decoration:none; padding:2px 0 0 0; background-image:url(../elemente/navigation/reiter1a.gif); background-repeat:no-repeat;}
.reitertextcrosshair {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; color:#BCC4D3; text-align:center; text-decoration: none; padding:2px 0 0 0; background-image:url(../elemente/navigation/reiter1a.gif); background-repeat:no-repeat; cursor:crosshair;}
.subnavigationstext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#26407C; text-decoration:none; padding:0 0 0 2px; margin:0 12px 0 0;}
.subnavigationstextcrosshair {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#BCC4D3; text-decoration:none; padding:0 0 0 2px; margin:0 12px 0 0; cursor:crosshair;}
.subnavigationstextcrosshair2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#BCC4D3; text-decoration:none; padding:0 0 0 2px; cursor:crosshair;}
.subnavigationsright {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#26407c; text-align:center; text-decoration:none; padding:0 0 0 2px;}
.subnavigationsrightcrosshair {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#BCC4D3; text-align:center; text-decoration:none; padding:0 0 0 2px; cursor:crosshair;}
.standarttextschwarz9pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#000; text-decoration:none;}
.standarttextschwarz9pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bolder; color:#000; text-decoration:none;}
.standarttextschwarz10pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-decoration:none;}
.standarttextschwarz10pnormalzentriert {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-align:center; text-decoration:none;}
.standarttextschwarz10pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bolder; color:#000; text-decoration:none;}
.standarttextschwarz11pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none;}
.standarttextschwarz11pfettzentriert {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bolder; color:#000; text-align:center; text-decoration:none;}
.standarttextschwarz11pnormalkursiv {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; color:#000; text-decoration:none;}
.profilschwarz11pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; margin:0 0 0 80px; text-decoration:none;}
.profilschwarz11pnormal2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; margin:0 0 0 40px; text-decoration:none;}
.moduleschwarz11pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; margin:0 0 0 80px; padding:0 0 2px 0; text-decoration:none;}
.impressumschwarz11pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; margin-left:80px; text-decoration:none;}
.impressumschwarz11pnormal2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; margin:0 0 0 40px; text-decoration:none;}
.agbschwarz11pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; margin:0 0 0 80px; text-decoration:none;}
.standarttextschwarz11pnormaleinruecklinks {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color:#000; text-decoration:none; padding:0 0 0 10px;}
.standarttextschwarz11pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; color:#000; text-decoration:none;}
.standarttextwhite9pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#FFF; text-decoration:none;}
.boxtextschwarz9pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bolder; color:#000; line-height:22px; text-decoration:none;}
.boxtextwhite9pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bolder; color:#FFF; text-decoration:none; margin:0 0 0 5px;}
.listentext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none; margin:0 0 0 40px; padding:0 0 32px 0; list-style-type:square;}
.terminedateschwarz11pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none; margin:0 0 0 30px; text-decoration:none;}
.termineschwarz11pnormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none; margin:0 0 0 40px; text-decoration:none;}
.termineschwarz11pfett {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; color:#000; text-decoration:none; margin:0 0 0 40px; text-decoration:none;}
.tabtext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height: 18px; color:#000; text-decoration:none; cursor:default;}
.tabtexthelp {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color: #000; text-decoration:none; cursor:help;}
.tabtextbd {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; line-height:18px; color:#000; text-decoration:none;}
.tabtext2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; line-height:18px; color:#000; text-decoration:none;}
.tabpreise {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color:#000; text-decoration:none; text-align:right; vertical-align:bottom;}
.tabpreisebd {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder; line-height:18px; color:#000; text-decoration:none; text-align: right; vertical-align:bottom;}
.tabpreise2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; line-height:18px; color:#000; text-decoration:none; text-align: right; vertical-align:bottom; background-position:bottom;}
.katalogstarttext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; color:#000; text-decoration:none; padding:0 0 0 20px;}
.noscriptinfotext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#CC0000; text-decoration:none;}
.noscriptinfotext2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#000; text-decoration:none;}

.crosshairpure {cursor:crosshair;}

a {outline:none;}
a:hover {color:#BCC4D3; text-decoration:none;}
p {margin:0; padding:0; line-height:1.2em;}
br {line-height:1.2em;}
/*hr {border:solid #26407C 1px; margin:10px 0 10px 0; padding:0;}*/

