* { margin: 0px; padding: 0px; }

a:link, a:visited { text-decoration: none; color: #094f7b; }
a:active, a:focus { outline: 0; }
a:hover { color: #000; }

body { color: #333; font: 13px Helvetica, Geneva, Arial, sans-serif; line-height: 1.4em; background-color: transparent; background-image: url(img/bg.gif); background-position: top; background-repeat: repeat-x; }

/* HEADINGS */
img { border: 0px; }
h1 { font: 20px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; padding: 0px 0px 6px 0px; color: #094f7b; text-align: left; }
h2, h3, h4, h5, h6 { font: 17px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; padding: 0px 0px 6px 0px; color: #094f7b; text-align: left; }

html { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333; }
img { border: 0; }

/* MAIN */

.mainbody { width: 950px; padding: 0px; border: 0px solid #b5b5b5; }

.boxl { width: 300px; float: left; padding: 0px; margin: 0px 25px 25px 0px; background-color: transparent; background-image: url(img/box.gif); background-position: bottom; background-repeat: repeat-x; }
.boxr { width: 300px; float: left; padding: 0px; margin: 0px 0px 25px 0px; background-color: transparent; background-image: url(img/box.gif); background-position: bottom; background-repeat: repeat-x; }
.boxl img, .boxr img { float: left; margin-right: 15px; background: transparent url(img/ecke.gif) no-repeat top left; padding: 25px 0px 0px 25px; }
.boxl h1, .boxl h2, .boxl h3, .boxl h4 { background: transparent url(img/eckezwei.gif) no-repeat top right; padding: 25px 25px 0px 0px; font-size: 17px; }
.boxr h1, .boxr h2, .boxr h3, .boxr h4 { background: transparent url(img/eckezwei.gif) no-repeat top right; padding: 25px 25px 0px 0px; font-size: 17px; }
.boxl p, .boxr p { width: 250px; background: transparent; padding: 5px 25px 0px 25px; }

.boxl a, .boxr a { float: left; padding: 8px 39px 7px 12px; background: #dbe4f9 url(img/buttom.gif) no-repeat top right; margin: 15px 0px 0px 0px; color: #094f7b; font-size: 14px; }
.boxl a:hover, .boxr a:hover { color: #2198d0; }

.boxlefttext { width: 600px; float: left; padding: 0px 25px 28px 25px; }
.boxlefttext h1, .boxlefttext h2, .boxlefttext h3, .boxlefttext h4 { padding: 28px 0px 6px 0px; color: #094f7b; }
.boxlefttext img { margin: 0px 20px 0px 0px; float: left; }
.boxlefttext p { margin: 29px 0px 0px 0px; height: 265px; }
.boxlefttext strong { font: 14px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; padding: 0px 0px 6px 0px; color: #094f7b; }
.boxlefttext ul { padding: 10px 0px 0px 20px; list-style: url(img/li.gif); }
.boxlefttext li { font-weight: bold; color: #555; }

.boxrighttext { float: left; background: #dbe4f9 url(img/boxl.gif) no-repeat bottom left; }
.boxrighttext ul { width: 300px; float: left; background: transparent url(img/boxr.gif) no-repeat bottom right; margin: 0px 0px 0px 0px; list-style-image: none; list-style: none; padding: 20px 0px 15px 0px; }
.boxrighttext li { font: 14px Tahoma, Geneva, sans-serif; border-top: 0px solid #e8f3f9; border-bottom: 1px solid #e8f3f9; padding: 9px 0px 8px 25px; }
.boxrighttext li.ok { padding: 9px 0px 8px 50px; background: url(img/ok.gif) no-repeat top left; }
.boxrighttext a:link, .boxrighttext a:visited { color: #333; }
.boxrighttext a:hover { color: #2198d0; }

.boxinfo { width: 300px; margin: 25px 0px 0px 0px; padding: 0px; height: auto; float: left; background-color: #dbe4f9; background-image: url(img/boxup.gif); background-position: top; background-repeat: no-repeat; }
.boxinfo p { width: 250px; margin: 0px 0px 0px 0px; padding: 25px; background-color: transparent; background-image: url(img/boxdown.gif); background-position: bottom; background-repeat: no-repeat; }
.boxinfo strong { font: 16px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; padding: 0px 0px 6px 0px; color: #094f7b; }

.clr { clear: both; float: none; }

#body { text-align: left; width: 950px; overflow: hidden; }

#head { width: 950px; height: 237px; background: url(img/frame.gif) no-repeat top center; }
#head img { float: left; margin: 50px 0px 0px 0px; padding: 0; }
#head .head { float: left; margin: 0px 0px 0px 0px; padding: 0; }
#head .center { float: left; margin: 0px 0px 0px 300px; padding: 0; }
#head .imgtwo { float: left; margin: 50px 0px 0px 25px; padding: 0; }
#head h2, #head h3, #head h4, #head h5 { width: 550px; color: #fff; font-size: 18px; font-weight: bold; margin: 50px 0px 0px 0px; padding: 0px 50px 6px 25px; float: right; text-align: left; }
#head p { width: 550px; color: #fff; font-size: 14px; padding: 0px 50px 0px 25px; margin: 0; float: right; text-align: left; }

#head_container { position: absolute; top: 0; width: 950px; overflow: hidden; }
.home { float: left; margin: 5px 0px 0px 15px; }
.contact { float: left; margin: 5px 0px 0px 0px; }
.sitemap { float: left; margin: 5px 0px 0px 0px; }
.logo { float: right; margin: 35px 35px 0px 0px; }

#slideshow { width: 300px; height: 187px; margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; }
#slideshow img { width: 300px; height: 187px; margin: 0px 0px 0px 0px; padding: 0; float: left; }

#innerBox { text-align: center; overflow: hidden; float: left; clear: both; margin: 0; position: relative; }
#innerContainer { border-width: 0px; margin: 0; width: 100%; z-index: 2; }
#middle { float: right; margin: 28px 0px 0px 0px; width: 950px; background: transparent; }

#navigation { height: 28px; margin-top: 140px; background: transparent; }
#navigation a { color: #FDFDFD; }

#navigation ul {list-style-type: none;}
#navigation li {float: left; display: block; border: 0px; height: 28px;}
#navigation li.edv {background: transparent url(img/edv.gif); width: 91px;}
#navigation li.crm {background: transparent url(img/crm.gif); width: 91px;}
#navigation li.erp {background: transparent url(img/erp.gif); width: 91px;}
#navigation li.web {background: transparent url(img/web.gif); width: 137px;}
#navigation li.print {background: transparent url(img/print.gif); width: 109px;}
#navigation li.kontakt {background: transparent url(img/kontakt.gif); width: 131px; margin-left: 15px;}
#navigation a {display:block; padding-top:28px; height:0; text-decoration:none; overflow:hidden;}

#navigation li.edv_on {background: transparent url(img/edv_on.gif); width: 91px;}
#navigation li.crm_on {background: transparent url(img/crm_on.gif); width: 91px;}
#navigation li.erp_on {background: transparent url(img/erp_on.gif); width: 91px;}
#navigation li.web_on {background: transparent url(img/web_on.gif); width: 137px;}
#navigation li.print_on {background: transparent url(img/print_on.gif); width: 109px;}
#navigation li.kontakt_on {background: transparent url(img/kontakt_on.gif); width: 131px; margin-left: 15px;}

#navigation a#item1 {background: transparent url(img/edv_on.gif) no-repeat -91px -28px;}
#navigation a#item2 {background: transparent url(img/crm_on.gif) no-repeat -91px -28px;}
#navigation a#item3 {background: transparent url(img/erp_on.gif) no-repeat -91px -28px;}
#navigation a#item4 {background: transparent url(img/web_on.gif) no-repeat -137px -28px;}
#navigation a#item5 {background: transparent url(img/print_on.gif) no-repeat -109px -28px;}
#navigation a#item6 {background: transparent url(img/kontakt_on.gif) no-repeat -131px -28px;}

#navigation a#item1:hover {background-position:top left; z-index:50;}
#navigation a#item2:hover {background-position:top left; z-index:50;}
#navigation a#item3:hover {background-position:top left; z-index:50;}
#navigation a#item4:hover {background-position:top left; z-index:50;}
#navigation a#item5:hover {background-position:top left; z-index:50;}
#navigation a#item6:hover {background-position:top left; z-index:50;}

#outerContainer { border-left: 0px; border-right: 0px; z-index: 1; margin: 406px 0px 0px 0px; width: 950px; }
#page { width: 100%; }
#page_container { width: 950px; overflow: hidden; margin-left: auto; margin-right: auto; background-color: transparent; background-image: url(img/cont.jpg); background-position: top; background-repeat: no-repeat; }
#page_inner_container { clear: both; text-align: left; padding: 0; float: left; margin: 0; }
#wrap { float: left; margin: 0; width: 100%; text-align: left; }

#footer { width: 100%; float: right; background-color: #b0b0b0; background-image: url(img/footer.gif); background-position: top; background-repeat: repeat-x; }
.footer_box { width: 925px; margin-left: auto; margin-right: auto; padding: 54px 0px 25px 25px; font-size: 12px; }
.footer_box p.view { float: left; width: 925px; margin: 0; padding: 0px; text-align: left; }

.footer_box ul {list-style-type: none; padding: 10px 35px 15px 0px; float: left; text-align: left; }
.footer_box li { padding: 0px 0px 0px 0px; text-align: left; color: #666; }
.footer_box li a { color: #333; }
.footer_box li a:hover { color: #eee; }
.footer_box ul.cont { list-style-type: none; padding: 10px 35px 15px 35px; float: left; text-align: left; border-left: 1px dotted #707070; }
.footer_box p.rights{ float: left; width: 100%; padding: 5px 0px 15px 0px; text-align: right; font-size: 10px; color: #707070; border-top: 1px dotted #707070; }

form { width: 600px; float: left; margin: 25px 0px 0px 0px; padding: 0px; height: 515px; }
form label { display: block; width: 80px; padding: 0px; margin: 14px 0px 0px 0px; text-align: left; float: left; }

.fleft { height: auto; width: 400px; float: left; }
.fright { height: auto; width: 190px; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.fleft strong, .fright strong { font: 17px 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; padding: 0px 0px 6px 0px; color: #094f7b; }

.btn { font-size: 12px; width: 100px; margin: 10px 0px 0px 10px; padding: 6px 10px 7px 10px; color: #333; cursor: pointer; background-color: #dbe4f9; border: 0px; height: auto;  text-transform: uppercase;  }
.btn:hover { color: #2198d0; border: 0px; }

form textarea { width: 380px; margin: 10px 0px 0px 10px; border: 1px solid #ccc; background: #f7f6f6; padding: 4px; }
form input { width: 380px; margin: 10px 0px 0px 10px; border: 1px solid #ccc; background: #f7f6f6; padding: 4px; }
form input#reset { margin-left: 0px; }

textarea { overflow: auto; }
#button { width: auto; margin: 10px 0px 10px 10px; height: 26px; padding: 3px 3px 3px 3px; color: #FFF; border: 1px solid #3475b6; cursor: pointer; background-image: url(img/but.gif); background-position: top; background-repeat: repeat-x; }

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #dbe4f9;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}