html{
	overflow-y:scroll;
}

body{
	text-align:center;
	background:url(../images/body_bg.png) repeat-x;
}


/* ----------- FONT STUFF ---------- */

a{
	text-decoration:none;
	color:#00b2ff;
	font-size:13px;
	font-weight:bold;
}

#right a, #left a{
	color:#768192;
	font-weight:normal;
}

a:hover{
	color:#768192;
}

#keywords_description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#768192;
	position:absolute;
	left:20px;
	top:0px;
	z-index:100;
}

#main h1, 
#main h2{
	font-size:17px;
	font-weight:bold;
	color:#2f343b;
	margin-bottom:4px;	
}


#Box, #main, #right, #left, #slider_home_top{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#768192;
	line-height:1.5;
}

#Box h2{
	color:#00b2ff;
	font-size:28px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.3;
}

#main h3,
#Box h3, 
#right h2, 
#right h2 a, 
#left h2, 
#left h2 a,
#right h3, 
#right h3 a, 
#left h3, 
#left h3 a{
	font-size:15px;
	font-weight:bold;
	color:#535b67;
	margin-bottom:2px;
}

#main h3,
#Box h3,  
#right h2, 
#left h2{
	font-size:13px;
	font-weight:bold;
	color:#535b67;
	margin-bottom:1px;
}

#main h4,
#Box h4, 
#right h3, 
#left h3{
	font-size:12px;
	font-weight:bold;
	color:#535b67;
	margin-bottom:0px;
}



/* ---------- CONTAINERS ----------- */

#wrapper{
}

#container{

}

#header{
	background:url(../images/header_bg.png) no-repeat;
	height:195px;
	position:relative;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* hide div who is 4 tracking */
#atffc{
	display:none;
}

#_atssh{
	display:none;
}

/* ------------- NAVIGATION ------------ */


#header .mod_navigation{
	position:absolute;
	left:53px;
	top:130px;
	text-transform:uppercase;
	font-size:13px;
}

#header .mod_navigation li{
	float:left;
	list-style:none;
	height:32px;
	background:url(../images/navi_li_bg.png) no-repeat right center;
}

#header .mod_navigation li a, #header .mod_navigation li span{	
	color:white;
	line-height:32px;
	padding-right:11px;
	padding-left:11px;
	padding-top:8px;
	padding-bottom:8px;
}

#header .mod_navigation a.contact,
#header .mod_navigation span.contact,
#header .mod_navigation a.last,
#header .mod_navigation span.last{
	background:none;
}

#header .mod_navigation li.first a,
#header .mod_navigation li.first span{
	padding-left:0px;
}

#header .mod_navigation li a:hover{
	color:#ccced4;
	background:url(../images/navi_hover_arrow.png) no-repeat center 28px;
}

#header .mod_navigation li.first a:hover{
	background:url(../images/navi_hover_arrow.png) no-repeat 14px 27px;
}

#header .mod_navigation li.active,
#header .mod_navigation li span,
#header .mod_navigation li.trail a{
	color:#e3ff00;
	font-weight:bold;
}

#header .mod_navigation li.clients_login{
	margin-left:203px;
	padding-left:0px;
	background:none;
}

#header .mod_navigation li.clients_login a{
	background:url(../images/header_navi_last_bg.png) no-repeat 0px 12px;
	padding-left:17px;
}

#header .mod_navigation li.clients_login a:hover{
	background:url(../images/header_navi_last_bg_hover.png) no-repeat 0px 12px;
}

#header .mod_navigation li.clients_login.active span{
	background:url(../images/header_navi_last_bg_active.png) no-repeat 0px 12px;
	padding-left:17px;
}



/*-------- Breadcrumb ------------*/

#header .mod_wf_extendedBreadcrumb{
	position:absolute;
	top:172px;
	color:#768192;
	font-size:11px;
	margin-left:16px;
}

/* hides first link in Breadcrumb */
#header .mod_wf_extendedBreadcrumb a[href^="internet-kmu-software.html"]{
	display:none;
}

#header .mod_wf_extendedBreadcrumb li{
	float:left;
	margin-right:5px;
	list-style:none;
	font-style:italic;
}

#header .mod_wf_extendedBreadcrumb li a{
	color:#768192;
	font-size:11px;
	font-style:italic;
}

#header .mod_wf_extendedBreadcrumb li a:hover{
	color:#9faec4;
}



/* ------------ NAVIGATION 2nd up to 3th Level -------------- */

#left{
	padding-right:33px;
	float:left;
	padding-left:12px;
	width:200px;
}

#left .mod_navigation{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#768192;
	font-size:13px;
	margin-top:10px;
}

#left .mod_navigation a,
#left .mod_navigation span{
	color:#768192;
	text-decoration:none;
	padding-left:4px;
	display:block;
	padding-top:5px;
	padding-bottom:7px;
}

#left .mod_navigation li .active,
#left .mod_navigation li a.trail,
#left .mod_navigation li a:hover{
	color:#00b2ff;
	font-weight:bold;
}

#left .mod_navigation ul.level_1 li{
	border-bottom:dotted 1px #a4aaae;
	list-style:none;
}

#left .mod_navigation ul.level_2 li{
	border-bottom:none;
}

#left .mod_navigation ul.level_2 li{
	padding-left:13px;
}

#left .mod_navigation ul.level_2 li a,
#left .mod_navigation ul.level_2 li.active span{
	background:url(../images/left_navi_level2_off.jpg) 0px 8px no-repeat;
	padding-left:7px;
	font-weight:normal;
	padding-top:1px;
	padding-bottom:3px;
}

#left .mod_navigation ul.level_2 li.active span,
#left .mod_navigation ul.level_2 li a:hover{
	background:url(../images/left_navi_level2_on.jpg) 0px 8px no-repeat;
}

#left .mod_navigation ul.level_2 li.last{
	padding-bottom:6px;
}

#left .mod_navigation ul.level_2 li.first{
	padding-top:0px;
}

/* ----------- ARTICLE UNDER SUBNAVIGATION ------------- */

#left .mod_article{
	margin-top:36px;
	padding-left:4px;
}



#BoxHeader{
	background:url(../images/box_header_bg.png) no-repeat top right;
	height:46px;
}

#BoxFade{
	background:url(../images/box_bg_fade.png) repeat-y top right;
	overflow:auto;
}

#Box{
	background:url(../images/box_bg.png) no-repeat top right;
	overflow:auto;
	/*padding-top:15px;
	padding-bottom:15px;*/
	padding-left:55px;
	padding-right:50px;
}

#BoxFooter{
	background:url(../images/box_footer_bg.png) no-repeat top right;
	height:76px;
}
	
#Box .field1{
	width:185px;
	text-align:left;
}

#Box .field1{
	text-align:left;
}

	
#main{
	padding-left:10px;
	padding-right:10px;
	float:left;
	min-height:350px;
}

#main #pagetitle h1{
	text-align:left;
	font-size:22px;
	font-weight:bold;
	margin-bottom:9px;
	/*color:#c3e200;*/
	color:#9fb923;
	
}

#main #hrule{
	border-bottom:1px dotted #A4AAAE;
	margin-bottom:14px;
}

#main .mod_article ul li{
	margin-left:28px;
}

#main .mod_article ol li{
	margin-left:28px;
}

#main img.modul_screenshot{
	border:1px solid #AAA;
}

#right{
	width:286px;
	padding-top:41px;
}

#right .inside{
	padding-left:20px;
	padding-right:15px;
}


#footer{
	position:relative;
	width:993px;
	float:left;
	height:295px;
	background:url(../images/footer_bg.jpg) no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#888;
}

#footer a{
	color:#888;
	font-weight:normal;
}

#footer #top_button{
	text-align:right;
	padding-right:22px;
}

#footer .inside{
	width:897px;
	height:205px;
	padding:64px 48px 0px 48px;
}

#footer .inside a{
	font-size:11px;
}

#footer .footericons{
	position:absolute;
	width:993px;
	height:100px;
	left:0px;
	top:189px;
}

#footer .footericons a{
	font-size:13px;
	font-weight:bold;
}

.home #footer .footericons{
	top:205px;
}

#footer .footericons .swiss_made_software{
	position:absolute;
	right:40px;
}

#footer .footericons .innopreis{
	position:absolute;
	right:225px;
	top:0px;
}

#footer .footericons div.passOn{
	position:absolute;
	left:230px;
	top:11px;
}

#footer .footericons a.passOn{
	color:#00b2ff;
	background:url(../images/footer_icon_linkbg.jpg) 0px 3px no-repeat;
	padding-left:14px;
}

#footer .footericons .passOn span.at15t_compact{
	background:none;
}

#footer .footericons .passOn .at300bs{
	width:0px;
}

#footer .footericons .passOn .at300bs.at15t_expanded, 
#footer .footericons .passOn .at300bs.at15t_compact{
	margin-right:0px;
}


#footer .footericons .newsletter{
	position:absolute;
	left:120px;
	top:11px;
	width:80px;
	height:16px;
	color:#00b2ff;
	padding-left:14px;
	color:#00b2ff;
	background:url(../images/footer_icon_linkbg.jpg) 0px 3px no-repeat;
}

#footer .footericons a.newsletter:hover,
#footer .footericons .passOn a:hover{
	color:#768192;
	background:url(../images/footer_links_bg_hover.png) no-repeat 0 4px;
}

#footer .footericons .twitter{
	position:absolute;
	left:68px;
	top:0px;
}

#footer .footericons .facebook{
	position:absolute;
	left:40px;
	top:0px;
}

/* ------------ twitterFollowBadge -------------- */

#twitterFollowBadge{
	position:absolute;
	z-index:120;
}


/* ------------- Uservoice Feedback ------------- */
#feedback_uservoice{
	position:fixed;
	z-index:120;
	left:0px;
	top:426px;
	height:92px;
	width:29px;
	color:#FFF;
}

#feedback_uservoice a{
	height:92px;
	width:29px;
	background:url(../images/feedback_off.png);
	font-size:0px;
	display:block;
	color:#FFF;
}

#feedback_uservoice a:hover{
	background:url(../images/feedback_on.png);
}

#feedback_uservoice span#feedback{
	display:none;	
}


/* ---------- Footer-Text ----------- */

#Footer-Text, #Footer-Text a{
	color:#768192;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#Footer-Text a{
	font-weight:bold;
}