html  {
	color:#000;
	background:#FFF;	
}

body, p {	
	text-align:left;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td  {
	margin:0;
	padding:0;
}
strong {	
	font-weight:bold!important;
}
h1, h2 {
	/* font-size:116%!important;*/
	font-size:108%!important;
	font-weight:bold!important;
}

h2.headline {
	/* 0066cc */
	border-left: 4px solid #BBB!important;
	padding: 0 0 0 6px;
	margin: 0 0 8px 0;
}

#hd {
 background: transparent url(img/header_sky.jpg) no-repeat 0 0;
 width:100%;
 height:126px; 
 text-align:right;
}

#hd p {
 float:right;
 background: transparent;
 width:500px;
 padding-right:80px;
 color:#FFF;
 text-align:right;
}

#hd p a, #hd a  {
 color:#FFF;
 text-decoration:none;
}

#header {
	background: transparent url(img/header_sn.jpg) no-repeat 0 0;
	width:100%;
	height:167px;
	text-align:right;
	overflow:hidden;
	
}
#header-teaser {
	padding-right: 40px;
	text-align:right;
	color:#FFF;
	clear:right;
}
#header-teaser-con {
	width:270px;
	height:120px;
	color:#FFF;
	text-align:left;
	float:right;
	display:block;	
	vertical-align:bottom!important;
}

#navi-bg {
	height:51px;
	background:url(img/navi_bg.jpg) no-repeat 0 0;
}

ul#navi { list-style:none;margin:0;padding:0; }
#navi li { float:left;width:125px; margin:0;padding:0;text-align:center;height:51px; }	
#navi a { background: transparent url(img/navi_sn_hover.jpg) repeat 0 0; color:#111; font-size:100%; font-weight:bold; margin:0;padding:0;  text-decoration:none;display:block;width:125px; height:51px; }
#navi li a:hover, li a:focus, li a:active { text-decoration:none;}

#navi-bottom {
	height:25px;
	background:url(img/navi_bottom.jpg) no-repeat 0 0;
}

#main {
	font-size:108%!important;
	background:url(img/content_bg.gif) repeat-y 0 0;
}

#mainHome {
	font-size:108%!important;	
	background:url(img/content_bg_home.jpg) no-repeat 0 0;	
	z-index: 1;
}


table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit;
}

del,ins {
	text-decoration:none;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:baseline;
}

sub {
	vertical-align:baseline;
}

legend {
	color:#000;
}

input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input,button,textarea,select {
	*font-size:100%;
}

body {
	font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:150%;
	text-align:center;

}

select,input,button,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.sn-main, #doc, #docFooter {
	margin:auto; text-align:left; width:57.69em; *width:56.25em; 
}
#docFooter {
	text-align:center;
}
#doc {
	width:74.923em;
	*width:73.05em;
}

#docFooter {
	clear:both;
	width:74.923em;
	*width:73.05em;
	
}

.sn-main {
	display:block;
	margin:0 0 0 0;
	
}

.snFooter {
	display:block;
	/* margin:0 0 10em 0; */
	padding:2em 0 1em 0;
	text-align:center!important;
	
}

#docFooter a, .snFooter a {
	color:#222;
	font-size:93%!important;	
	text-decoration:none;
	margin: 0 5px 0 5px;
}

.sncol {
	width:100%;
}

#hd:after,#header:after,#ft:after,.sncol:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#hd,#header,#ft,.sncol {
	zoom:1;
}




#homeBox {
width:100%;
text-align:left;
z-index: 1;
}

#homeLeft {
width:221px;
height:350px;
float:left;
z-index: 1000;
/* background:transparent; */
background: transparent url(img/home_img_right.jpg) no-repeat 0 0;
margin-top:12px;
}

#teaserLeft {
width:155px;
height:350px;
float:left;
z-index: 1000;
/* background:transparent; */
background: transparent url(img/teaser_img_right.jpg) no-repeat 0 0;
margin-top:20px;
}
/*
#homeLeft2 {
width:80px;
float:left;
z-index: 200;
margin-left:-20px;
padding-left:-20px;
background:transparent;
}
*/

#homeCon {
width:400px;
float:left;
z-index: 1;
background:transparent;
margin-left:20px;
margin-top:12px;
}

#teaserConCat {
width:520px;
float:left;
z-index: 1;
background:transparent;
margin-left:0;
margin-top:20px;
}

#homeRight {
width:295px;
float:left;
background:transparent;
/* background:url(img/navi_bg.jpg) repeat 0 0; */
}

#mainLeft {
width:225px;

float:left;

background:transparent url(img/fr_unav_back.gif) repeat-y 10px 0;
/* background:transparent; background:url(img/navi_bg.jpg) repeat 0 0; */
}

#mainCon {
width:520px;
float:left;
background:#FFFFFF url(img/sn_maincon_back.gif) repeat-x top left;
border-left: 1px solid #CCC;
/* background:url(img/navi_bg.jpg) repeat 0 0; */
}

#mainConLarge {
width:722px;
float:left;
background:#FFFFFF url(img/sn_maincon_back.gif) repeat-x top left;
border-left: 1px solid #CCC;
/* background:url(img/navi_bg.jpg) repeat 0 0; */
}

#mainRight {
width:200px;
float:left;
border-left: 1px solid #CCC;
background:transparent;
/* background:url(img/navi_bg.jpg) repeat 0 0; */
}
#imgHomeBack0 {
background: transparent url(img/home_img_ani_sn_2010.jpg) no-repeat top right!important;
font-size:85%!important;
}

#imgHomeBack1 {
background: transparent url(img/home_img_ani_prgm.jpg) no-repeat top right!important;
font-size:85%;
}

#imgHomeBack2 {
background: transparent url(img/home_img_ani_design.jpg) no-repeat top right!important;
font-size:85%;
}
/* img/home_img_ani_prgm2.jpg */
#imgHomeBack3 {
background: transparent url(img/home_img_ani_hosting.jpg) no-repeat top right!important;
font-size:85%;
}

#imgHomeBack4 {
background: transparent url(img/home_img_ani_marketing.jpg) no-repeat top right!important;
font-size:85%;
}

#imgHomeBack5 {
background: transparent url(img/home_img_ani_ref.jpg) no-repeat top right!important;
font-size:85%;
}


#imgTeaserBack0 {
background: transparent url(img/teaser_img_cat_02_website.jpg) no-repeat top right!important;
font-size:85%!important;
}

#imgTeaserBack1 {
background: transparent url(img/teaser_img_cat_02_programmierung.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaserBack2 {
background: transparent url(img/teaser_img_cat_02_cms.jpg) no-repeat top right!important;
font-size:85%;
}
/* img/home_img_ani_prgm2.jpg */
#imgTeaserBack3 {
background: transparent url(img/teaser_img_cat_02_shop.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaserBack4 {
background: transparent url(img/teaser_img_cat_02_marketing.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaserBack5 {
background: transparent url(img/teaser_img_cat_02_hosting.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaser2Back0 {
background: transparent url(img/teaser_img_cat_03_cms.jpg) no-repeat top right!important;
font-size:85%!important;
}

#imgTeaser2Back1 {
background: transparent url(img/teaser_img_cat_03_shop.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaser2Back2 {
background: transparent url(img/teaser_img_cat_03_crm.jpg) no-repeat top right!important;
font-size:85%;
}
/* img/home_img_ani_prgm2.jpg */
#imgTeaser2Back3 {
background: transparent url(img/teaser_img_cat_03_newsletter.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaser2Back4 {
background: transparent url(img/teaser_img_cat_03_wiki.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaser2Back5 {
background: transparent url(img/teaser_img_cat_03_softwareentwicklung.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaser3Back0 {
background: transparent url(img/teaser_img_cat_04_projekte.jpg) no-repeat top right!important;
font-size:85%!important;
}

#imgTeaser3Back1 {
background: transparent url(img/teaser_img_cat_04_kunden.jpg) no-repeat top right!important;
font-size:85%;
}

#imgTeaser3Back2 {
background: transparent url(img/teaser_img_cat_03_crm.jpg) no-repeat top right!important;
font-size:85%;
}
/* img/home_img_ani_prgm2.jpg */
#imgTeaser3Back3 {
background: transparent url(img/teaser_img_cat_03_softwareentwicklung.jpg) no-repeat top right!important;
font-size:85%;
}










ul#unavigation {
	width: 216px;	
	list-style: none;	
	padding:0!important;
	margin:0!important;
}
#unavigation li {
	/* border-bottom: 1px solid #CCC; */
}
#unavigation li#unaviHead {
/* color: #DFDFDF; */
color: #FFFFFE;
background: #A3A3A3 url(img/unavi_sn_head.gif) bottom left repeat-x;
font-weight:bold;
border-bottom: 1px solid #BBB;
width:100%;
}
#unavigation li#unaviHead span {
display: block;
padding: .50em .5em;
}
#unavigation li li {
	border:none;
}
    
#unavigation li a.unav2:link, #unavigation li a.unav2Over:link,#unavigation li a.unav2:visited, #unavigation li a.unav2Over:visited {
	padding-left:20px!important;
}
#unavigation a {
	display: block;
	color: #222;
	background: url(img/unavi_sn.gif) 0 0 repeat-x;
	text-decoration: none!important;
	font-weight:normal!important;
	padding: .34em .5em;
	font-size:100%;
	font-weight:bold;
}
#unavigation a:hover {
	background-image: url(img/unavi_sn_hover.gif);
	color:#000;	
}

#unavigation a.unav1Over {
	font-weight:bold!important;
}

#crumbsWrapper {	
	
	background-color:#F4F5F7;
	/* border-bottom: 1px solid #dedede; */
	background:url(img/breadcrumb.gif) no-repeat top right;
}

#crumbs {
	width:480px;
	height:33px;
	overflow:hidden;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
#crumbs li {
	float:left;
	color:#777;
	height:33px;
	padding-left:19px;
	background:url(img/breadcrumb.gif) no-repeat top left;
	}
	
#crumbs li.home {
	float:left;
	color:#777;
	height:33px;
	padding-left:19px;	
	padding-right:6px;
	background:url(img/breadcrumb_home.gif) no-repeat top left;
}
	
#crumbs li a, #crumbs li span {
	display:block;
	padding:5px 3px 0 0;
	font-size:85%;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited, 
#crumbs li a:hover, 
#crumbs li a:focus {
	color:#3d67ee;
	
	/* blue 192F94 red dd2c0d text-decoration:underline; color:#444; */	
	/* background:url(img/breadcrumb.gif) no-repeat top left; */
}

#imprintPix {
	color:#aaa;
	padding-bottom:20px;
	font-size:85%;
	letter-spacing: -0.5px;
}

#con ul, #con ol {
list-style-type:disc;
}
#con ul li, #con ol li {
list-style-type:disc;
margin-left: 1.25em;
padding: 0.02em 0 0.1em 0.15em;
}

#navPager2 li, #navPager li {
margin-left: 0!important;
padding: 0!important;
}

#con img {
	margin-right: 0.5em;
}

#con p {
	margin-bottom: 0.5em;
}

ul#snFooterNavi, #snFooterNavi {
	width:90%;
	margin: 0;
	padding: 0 0 0 10%;
	list-style-type: none;
	text-align: center!important;	
}
  
.snFooter .snFooterNavi {
	width:100%; font-size:93%; color:#666; margin:0; padding:0;
}
.snFooter .snFooterNavi h4 { 
	font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size:93%; font-weight:bold; margin:0; padding:0;
}
.snFooter .snFooterNavi ul {
	margin:0; list-style:none;width:100%; 
}
.snFooter .snFooterNavi ul li {
	width:168px;float:left; font-weight:bold; margin:0; padding:0 10px 0 10px; display:block; text-align:left;
}

.snFooter .snFooterNavi ul li a {
	padding:1px 0 1px 5px; display:block; font-weight:bold;
}
.snFooter .snFooterNavi ul li a:hover {	
	background:transparent url(img/breadcrumb.gif) no-repeat -715px -1px;
}
.snFooter .snFooterNavi ul li.firstl1 {
	width:115px;
}
.snFooter .snFooterNavi ul li.firstempty {
	width:59px;
}
.snFooter .snFooterNavi ul li ul {
	width:100%;margin:0; padding:0;
}
.snFooter .snFooterNavi ul li li {
	float:none; font-weight:normal; text-align:left; margin:0; padding:0; line-height:110%;
}
.snFooter .snFooterNavi ul li li a {
	margin:0; padding:1px 0 1px 5px; display:block; line-height:120%;
	font-weight:normal;
}

.snFooter .snFooterNavi ul li li a:hover {
	/* background-color:darkgrey; */	
	background:transparent url(img/breadcrumb.gif) no-repeat -715px -1px;
}

#mainConLarge, #mainCon {	
	 min-height:500px;
	 height:auto !important;  /* new browser */
	 height:500px;  /* IE */	
}
#tabPro, #tabPro tr, #tabPro td, #tabPro td img {	
padding:0!important;margin:0!important
}

a:link, a:visited {
	font-weight: normal; text-decoration:none; color:#0551C4;
}   
a:hover, a:active {
	font-weight: normal; text-decoration:underline; color:#0551C4;
}