/*
** reset all html elements
*/

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}



/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



body {
	margin:15px 0 30px 0;
	padding:0;
	background:url(../images/background_main.gif) center top repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:78%;
	color:#6B777E;
	line-height:1.3;
}
b,strong { font-weight:bold; }
body * { margin:0; padding:0; }
img { border:0; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; }
input.text, textarea { padding:1px; }

a:link, a:visited, a:hover, a:active { color:#FF0137; text-decoarion:underline; }

div#head {
	position:relative;
	width:770px;
	height:171px;
	margin:0 auto;
	background:url(../images/head/background.gif) 0 8px repeat-x;
}
div#head div {
	width:770px;
	height:8px;
	background:url(../images/head/top.gif) top left no-repeat;
	overflow:hidden;
}

div#head ul {
	position:absolute;
	left:0px;
	top:135px;
	width:524px;
	height:36px;
	padding-left:10px;
	background:url(../images/head/background_nav.gif) top left no-repeat;
}
div#head ul li {
	list-style-type:none;
	display:block;
	float:left;
	height:36px;
	margin-right:2px;
}
div#head ul li a:link, div#head ul li a:visited, div#head ul li a:hover, div#head ul li a:active {
	display:block;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	text-decoration:none;
}

div#head ul li#navUebersicht, div#head ul li#navUebersichtActive, div#head ul li#navUebersicht a {
	width:82px;
}
div#head ul li#navUebersicht a:hover, div#head ul li#navUebersicht a:active, div#head ul li#navUebersichtActive {
	background:url(../images/head/nav_uebersicht_over.gif) top left no-repeat;
}

div#head ul li#navUeberATT, div#head ul li#navUeberATTActive, div#head ul li#navUeberATT a {
	width:70px;
}
div#head ul li#navUeberATT a:hover, div#head ul li#navUeberATT a:active, div#head ul li#navUeberATTActive {
	background:url(../images/head/nav_ueber_att_over.gif) top left no-repeat;
}

div#head ul li#navLoesungen, div#head ul li#navLoesungenActive, div#head ul li#navLoesungen a {
	width:79px;
}
div#head ul li#navLoesungen a:hover, div#head ul li#navLoesungen a:active, div#head ul li#navLoesungenActive {
	background:url(../images/head/nav_loesungen_over.gif) top left no-repeat;
}

div#head ul li#navReferenzen, div#head ul li#navReferenzenActive, div#head ul li#navReferenzen a {
	width:89px;
}
div#head ul li#navReferenzen a:hover, div#head ul li#navReferenzen a:active, div#head ul li#navReferenzenActive {
	background:url(../images/head/nav_referenzen_over.gif) top left no-repeat;
}

div#head ul li#navKontakt, div#head ul li#navKontaktActive, div#head ul li#navKontakt a {
	width:66px;
}
div#head ul li#navKontakt a:hover, div#head ul li#navKontakt a:active, div#head ul li#navKontaktActive {
	background:url(../images/head/nav_kontakt_over.gif) top left no-repeat;
}

div#head ul li#navKunden, div#head ul li#navKundenActive, div#head ul li#navKunden a {
	width:114px;
}
div#head ul li#navKunden a:hover, div#head ul li#navKunden a:active, div#head ul li#navKundenActive {
	background:url(../images/head/nav_kundenbereich_over.gif) top left no-repeat;
}

div#head h1 {
	position:absolute;
	left:0;
	top:0;
	width:155px;
	height:135px;
	background:url(../images/head/logo.gif) top left no-repeat;
	text-indent:-9999px;
}
div#head h1 a:link, div#head h1 a:visited, div#head h1 a:hover, div#head h1 a:active {
	display:block;
	width:168px;
	height:143px;
	text-decoration:none;
}
div#head h2 {
	position:absolute;
	left:155px;
	top:0px;
	width:283px;
	height:135px;
	background:url(../images/head/text_leadin.gif) top left no-repeat;
	text-indent:-9999px;
}
div#head h4 {
	position:absolute;
	left:524px;
	top:142px;
	width:246px;
	height:24px;
	background:url(../images/head/servicenummer.gif) top left no-repeat;
	text-indent:-9999px;
}
div#head p.standorte {
	position:absolute;
	left:534px;
	top:170px;
	width:275px;
	font-size:0.9em;
}

div#head img.teaserImage {
	position:absolute;
	right:0px;
	top:-15px;
}

/* Path */
div#path {
	width:752px;
	margin:0 auto;
	padding:10px 5px 5px 5px;
	background:url(../images/line_dotted_horizontal.gif) left bottom repeat-x;
	font-size:0.8em;
	margin-bottom:15px;
}
* html div#path {
	width:762px;
	w\idth:752px;
}
div#path a:link, div#path a:visited { color:#6B777E; text-decoration:underline; }
div#path a:hover, div#path a:active { color:#4C575D; text-decoration:underline; }

/* Column layout */

div#main {
	width:800px;
	margin:0 auto;
}

div.sidebar {
	float:left;
	margin-left:9px;
	width:182px;
}
div.content {
	float:left;
	margin-left:9px;
	width:400px;
}
* html div.sidebar, * html div.content { display:inline; }
div#static.content { margin-top:8px; }

/* Sidebar elements */
div.container {
	width:182px;
	padding:2px 7px 5px 7px;
	width:168px;
	background:url(../images/sidebar/background_container.gif) left top repeat-y;
	font-size:0.9em;
}
* html div.container {
	width:182px;
	w\idth:168px;
}
div.containerBottom {
	width:182px;
	height:15px;
	background:url(../images/sidebar/container_bottom.gif) left top no-repeat;
	overflow:hidden;
}
div.container p { margin:0 8px 0 8px; }

img#logoMainPartner { margin:15px 0 0 7px; }
h6#logoVSOE, h6#logoTechshop {
	display:block;
	width:170px;
	height:133px;
	overflow:hidden;
	background:url(../images/sidebar/logo_vsoe.gif) left top no-repeat;
	text-indent:-9999px;
	margin:8px 0 0 6px;
}
h6#logoVSOE a, h6#logoTechshop a {
	display:block;
	width:170px;
	height:166px;
	overflow:hidden;
	text-indent:-9999px;
	text-decoration:none;
}

h6#logoTechshop {
	width:170px;
	height:142px;
	background:url(../images/sidebar/logo_techshop24.gif) left top no-repeat;
	text-indent:-9999px;
}
h6#logoTechshop a {
	width:170px;
	height:142px;
}


div.callbackTeaser {
	width:168px;
	height:145px;
}
div#callbackTeaser1.callbackTeaser {
	background:url(../images/sidebar/callback_walter_1.gif) top left no-repeat;
}
div#callbackTeaser2.callbackTeaser {
	background:url(../images/sidebar/callback_michael_1.gif) top left no-repeat;
}
div#callbackTeaser3.callbackTeaser {
	background:url(../images/sidebar/callback_walter_2.gif) top left no-repeat;
}
div#callbackTeaser4.callbackTeaser {
	background:url(../images/sidebar/callback_michael_2.gif) top left no-repeat;
}
div.callbackTeaser * { display:none; }



/* Subnav - Loesungen */
ul#subNav { padding:13px 0 20px 10px; width:162px; font-size:11px; }
ul#subNav li {
	width:162px;
	list-style-type:none;
}
ul#subNav li a.main:link, ul#subNav li a.main:visited, ul#subNav li a.main:hover, ul#subNav li a.main:active {
	display:block;
	width:162px;
	overflow:hidden;
	text-indent:-9999px;
}

ul#subNav li#subSicherheit, ul#subNav li#subSicherheitActive {
	background:url(../images/sidebar/subnav_sicherheit.gif) top left no-repeat;
	padding-bottom:6px;
}
ul#subNav li#subSicherheitActive a.main, ul#subNav li#subSicherheit a.main {
	height:11px;
}
ul#subNav li#subSicherheitActive, ul#subNav li#subSicherheit a.main:hover, ul#subNav li#subSicherheit a.main:active {
	background:url(../images/sidebar/subnav_sicherheit_over.gif) top left no-repeat;
}

ul#subNav li#subIKT, ul#subNav li#subIKTActive {
	background:url(../images/sidebar/subnav_ikt.gif) top left no-repeat;
	margin-bottom:6px;
}
ul#subNav li#subIKTActive a.main, ul#subNav li#subIKT a.main {
	height:19px;
}
ul#subNav li#subIKTActive, ul#subNav li#subIKT a.main:hover, ul#subNav li#subIKT a.main:active {
	background:url(../images/sidebar/subnav_ikt_over.gif) top left no-repeat;
}

ul#subNav li#subServices, ul#subNav li#subServicesActive {
	background:url(../images/sidebar/subnav_services.gif) top left no-repeat;
	margin-bottom:6px;
}
ul#subNav li#subServicesActive a.main, ul#subNav li#subServices a.main {
	height:19px;
}
ul#subNav li#subServicesActive, ul#subNav li#subServices a.main:hover, ul#subNav li#subServices a.main:active {
	background:url(../images/sidebar/subnav_services_over.gif) top left no-repeat;
}

ul#subNav li#subReferenzen, ul#subNav li#subReferenzenActive {
	background:url(../images/sidebar/subnav_referenzen.gif) top left no-repeat;
	margin-bottom:6px;
}
ul#subNav li#subReferenzenActive a.main, ul#subNav li#subReferenzen a.main {
	height:11px;
}
ul#subNav li#subReferenzenActive, ul#subNav li#subReferenzen a.main:hover, ul#subNav li#subReferenzen a.main:active {
	background:url(../images/sidebar/subnav_referenzen.gif) top left no-repeat;
}


ul#subNav li#subUeberATT, ul#subNav li#subUeberATTActive {
	background:url(../images/sidebar/subnav_ueber_att.gif) top left no-repeat;
	margin-bottom:6px;
	margin-top:-2px;
}
ul#subNav li#subUeberATTActive a.main, ul#subNav li#subUeberATT a.main {
	height:13px;
}
ul#subNav li#subUeberATTActive, ul#subNav li#subUeberATT a.main:hover, ul#subNav li#subUeberATT a.main:active {
	background:url(../images/sidebar/subnav_ueber_att.gif) top left no-repeat;
}



ul#subNav li ul { list-style-type:none; padding:6px 0 7px 6px !important; width:116px; }
ul#subNav li ul li {
	background:url(../images/arrow.gif) 0 4px no-repeat;
	margin-bottom:2px;
	width:150px;
}
ul#subNav li ul li a:link, ul#subNav li ul li a:visited, ul#subNav li ul li a:hover, ul#subNav li ul li a:active {
	width:150px;
	display:block;
	padding-left:11px;
	overflow:visible;
	text-indent:0;
	color:#6E7983;
	text-decoration:none;
}

div.pageturn {
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	height:20px;
	text-align:center;
}



/* Content formatting */
span.date { font-size:0.9em; color:#A5AFB5; }
div.content h3 { color:#5E686E; font-size:1.3em; margin-bottom:0.6em; font-weight:bold; }
div.content h4 { color:#6B777E; font-size:1.2em; margin-bottom:0.4em; font-weight:bold; }
div.content h5 { color:#6B777E; font-size:1.1em; margin-bottom:0.3em; font-weight:bold; }
div.content h6 { color:#6B777E; font-size:1em; margin-bottom:0.2em; font-weight:bold; }
div.content p { margin-bottom:0.8em; }
div.content img { margin: 5px}
div.content .rightAligned img { float:none; margin-left:10px; margin-bottom: 10px;}
div.content .rightAligned {float:right}



div.content ul { list-style-type:none;  margin: 7px 0; }
div.content ul li {
	background:url(../images/li_bullet.gif) 0 4px no-repeat;
	margin-bottom:2px;
	padding-left:11px;
}
div.content ol { margin: 7px 0 7px 25px; }
div.content ol li {
	margin:0 0 2px 0;
}
div.content ul.linklist { margin:0; }
div.content ul.linklist li { background:url(../images/arrow.gif) 0 4px no-repeat; }


div.siteLinks, div.downloads {
	margin-top:20px;
	float:left;
	width:180px;
}
div.downloads {
	width:210px;
}
* html div.downloads { display:inline; }

/* Form layout */
div.formRow, div.formRowError { margin-bottom:0.8em; }
div.formRow p, div.formRowError p { margin-bottom:0.8em; }
div.formRow input.checkbox, div.formRowError input.checkbox { float:left; }
div.formRow label.checkbox, div.formRowError label.checkbox { float:left; margin-left:4px; margin-bottom:6px; }
* html div.formRow label.checkbox, * html div.formRowError label.checkbox { margin:0.3em 0 0 0; }
div.content input.submit { margin-left:190px; }
div.formRowError label { font-weight:bold; }
div.formRowError span { color:#be0e0e; font-size:0.9em; }

div.sidebar div.formRow, div.sidebar div.formRowError { margin:0 7px 0.8em 7px; }
div.sidebar div.formRow p, div.sidebar div.formRowError p { margin:0 0 0.8em 0; }
div.sidebar input.submit { margin-left:7px; }

p.formError { color:#be0e0e; font-weight:bold; }
p.formLegend { margin-top:1em; color:#909090; font-size:0.9em; }

/* Footer layout */
div#footer {
	position:relative;
	width:584px;
	margin:0 auto;
	padding:15px 5px 5px 173px;
	background:url(../images/line_dotted_horizontal.gif) left top repeat-x;
	font-size:0.8em;
	margin-top:20px;
	margin-bottom:15px;
}
* html div#footer {
	width:762px;
	w\idth:584px;
}
div#footer a:link, div#footer a:visited { color:#6B777E; text-decoration:underline; }
div#footer a:hover, div#footer a:active { color:#4C575D; text-decoration:underline; }

div#footer img#printVersion { position:absolute; left:155px; top:17px; }

div#footer div {
	border-left:1px solid #C8CCCF;
	padding-left:7px;
}
div#footer div p { margin-top:0.8em; }


/* General elements */

a.arrow {
	padding:2px 3px 2px 11px;
	background:url(../images/arrow.gif) left center no-repeat;
}
a.arrow:hover {
	background:url(../images/arrow.gif) left center no-repeat #f5f5f5;
}

div.hr {
	height:1px;
	overflow:hidden;
	background:url(../images/line_dotted_horizontal.gif) left top repeat-x;
	margin:10px 0;
}
div.hrSpecial {
	height:1px;
	overflow:hidden;
	background:url(../images/line_dotted_horizontal.gif) left top repeat-x;
	margin:0 0 10px 0;
}
.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}




.search-top,
.search-bottom {
	background:url(../images/sidebar/search_top.png) no-repeat;
	width:182px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
}
.search-bottom {
	background:url(../images/sidebar/search_bottom.png) no-repeat;
	margin-bottom:5px;
}
.search-wrap {
	background:url(../images/sidebar/search_bg.gif) repeat-y;
	padding:0 15px;
}
.search-wrap p {
	padding:3px 0 2px 0;
}
.search-wrap input.text {
	background:url(../images/sidebar/search_icon.png) 3px 2px no-repeat #fff;
	padding-left:19px;
	width:123px;
}



h2.group-hl {
	font-size:14px;
	color:#9fa9b0;
	padding:3px 7px;
	border-top:1px solid #d5d9db;
	border-bottom:1px solid #d5d9db;
	background:#f7f7f7;
	margin:7px 0 10px 0 !important;
	font-weight:bold;
}

.ref {
	float:left;
	width:125px;
	margin-right:12px;
	font-size:11px;
}
.last-col {
	margin-right:0 !important;
}
.ref img {
	width:125px !important;
	height:65px !important;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0 0 7px 0 !important;
}
.ref p {
	margin:0 !important;
	padding:0 !important;
}

h3.more-clients {
	border-top:1px solid #d5d9db;
	margin-top:15px;
	padding-top:6px;
	margin-bottom:7px;
	font-size:13px !important;
	font-weight:bold;
}

.client {
	float:left;
	width:125px;
	height:65px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:7px 12px 0 0;
	overflow:hidden;
	text-indent:-9999px;
}