@charset "utf-8";
/*reset-begin*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*reset-end*/
a:focus{
	outline:1px #ffffff dashed;
}
#content a:focus{
	outline-color:#ff7a00;
}
html{
	overflow:scroll;
}
body{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}
#pagewrap{
	min-width:910px;
	max-width:1200px;
	width:56em;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/headbarbg.jpg);
	background-repeat:repeat-x;	
	font-size:0.95em;
	font-size-adjust:0.465;
}
/*
hidden links
*/
.skip,
#logo h1 a *{
	height: 1px;
	left: -1000em;
	position:absolute;
	top:-1000em;
	width:1px;
}

/*
when tabbed over, hidden links shall be shown
*/
.skip:focus,.skip:active{position:absolute;top:1em;left:50%;height:auto;width:auto}
abbr[title]{
	cursor:help;
}
#head{
	height:113px;
	background-image:url(../images/headbar_left.jpg);
	background-repeat:no-repeat;
}
#head a{
	color:#ffffff;
}
#logo{
	width:100%;
	height:100%;
	background-image:url(../images/headlogoright.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#logo h1 a{
	float:right;
	margin-top:10px;
	height:62px;
	width:200px;
}
#main_navigation{
	padding-top:2px;
	height:72px;
}
#main_navigation li{
	height:72px;
}
#main_navigation a{
	height:47px;
}
#main_navigation div{
	height:100%;
}
#main_navigation li div a{
	padding-top:25px;
	padding-left:20px;
	padding-right:20px;
}

#main_navigation a{
	text-decoration:none;
	color:#6276be;
	display:block;
	width:auto;

}
#main_navigation li{
	float:left;
	font-size:2.2em;
	font-weight:bold;
}
#local_navigation{
	clear:both;
	float:left;
	margin-left:10px;
}
#global_navigation{
	float:right;
	padding-right:20px;
}
#global_navigation,
#local_navigation{
	height:32px;
}
#global_navigation li,
#local_navigation li{
	float:left;
	height:32px;
}

#local_navigation li,
#global_navigation li{
	display:inline;
	font-size:1.3em;
	font-weight:bold;
}
#local_navigation a,
#global_navigation a{
	padding-left:10px;
	padding-right:1em;
	text-decoration:none;
	padding-top:4px;
	display:block;
	height:28px;
	/*margin-left:2px;
	margin-right:2px;*/
}

#local_navigation a:focus,
#local_navigation a:hover,
#global_navigation a:focus,
#global_navigation a:hover,
#websites #local_navigation li#navWebsitesWebsites a,
#websites_leistungsumfang #local_navigation li#navWebsitesLeistungsumfang a,
#software #local_navigation li#navSoftwareSoftware a,
#software_leistungsumfang #local_navigation li#navSoftwareLeistungsumfang a,
#kontakt #global_navigation li#navKontakt a,
#referenzen #global_navigation li#navReferenzen a{
	background-image:url(../images/localnav_hover.png);
	background-repeat:no-repeat;
	background-position:bottom center;
/*	border-left:2px groove #5d70b5;
	border-right:2px groove #5d70b5;*/
	margin-left:0;
	margin-right:0;
}
strong{
	font-weight:bold;
}
h2{
	font-size:1.9em;
	color:#6276be;
}
#content div.heading{
	background-color:#e0e4f2;
	background-image:url(../images/heading_right.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-bottom:1.8em;
	font-weight:bold;
	margin-right:7px;
}
#content p a,
#content .vcard a{
	color:#ff7a00;
}
#content h3 a{
	color:#6276be;
}
#content .left{
	float:left;
	margin-right:1em;
	margin-left:20px;
	margin-bottom:1em;
	margin-top:0.25em;
}
h3 {
	font-size:1.5em;
	color:#6276be;
	font-weight:bold;
	margin-left:20px;
	margin-top:0.75em;
	margin-bottom:0.25em;
}
div.heading h2{
	padding-top:0.2em;
	background-image:url(../images/heading_left.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:0.5em;
	padding-left:20px;
}
#content{
	clear:both;
	padding-bottom:1em;
}
#content .vcard,
#content p,
#content ul{
	max-width:32em;
	color:#5f6887;
	font-size:1.1em;
}
#content .vcard{
	margin-bottom:1em;
}
#content{
	background-image:url(../images/contentbg.png);
	background-repeat:no-repeat;
	background-position:left 4em;
}
#startpage #content p{
	max-width:40em;
}
#content .vcard,
#content p,
#content ul{
	margin-left:20px;
}
#content ul{
	padding-left:1.5em;
	margin-top:0.25em;
	margin-bottom:0.25em;
}
#referenzen #content ul{
	padding-left:0;
}
#content p.break{
	padding-top:9px;
}
.image_container{
	background-image:url(../images/imageframe.png);
	background-repeat:no-repeat;
	width:331px;
	height:321px;
}
.image_break{
	clear:both;
}

.image_container img{
	margin-left:auto;
	margin-right:auto;
}
.right{
	float:right;
}
hr{
	height:1px;
	color:#eff1f8;
	background-color:#eff1f8;
	border:none;
	margin-bottom:0.75em;
}
.ref_websites{
	background-image:url(../images/ref_websites.gif);
	background-repeat:no-repeat;
	min-height:225px;
}
.ref_software{
	background-image:url(../images/ref_software.gif);
	background-repeat:no-repeat;
	min-height:225px;
}
.ref_kreation{
	background-image:url(../images/ref_kreation.gif);
	background-repeat:no-repeat;
	min-height:225px;
}
#websites #main_navigation li#navWebsites,
#software #main_navigation li#navSoftware,
#kreation #main_navigation li#navKreation,
#websites_leistungsumfang #main_navigation li#navWebsites,
#software_leistungsumfang #main_navigation li#navSoftware{
	background-image:url(../images/activetab_bg.jpg);
	background-repeat:repeat-x;
}
#websites #main_navigation li#navWebsites div,
#software #main_navigation li#navSoftware div,
#kreation #main_navigation li#navKreation div,
#websites_leistungsumfang #main_navigation li#navWebsites div,
#software_leistungsumfang #main_navigation li#navSoftware div{
	background-image:url(../images/activetab_left.jpg);
	background-repeat:no-repeat;
}
#websites #main_navigation li#navWebsites a,
#software #main_navigation li#navSoftware a,
#kreation #main_navigation li#navKreation a,
#websites_leistungsumfang #main_navigation li#navWebsites a,
#software_leistungsumfang #main_navigation li#navSoftware a{
	background-image:url(../images/activetab_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	color:#ffffff;
}
#main_navigation a:hover{
	background-image:url(../images/tab_hover.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.image_container img{
	width:310px;
	height:300px;
	margin-left:6px;
	margin-top:6px;
}