/**
 * CSS for securenet.de
 *
 * @project   securenet.de
 * @author    Freddy Leitner [www.dreamer.de]
 * @copyright Securenet GmbH [www.securenet.de]
 */

/**
 * @section Style Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{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;}

/**
 * @section Accessibility
 */

.acc { position: absolute; top: -9999em; left: -9999em; }

/**
 * @section Page Basics
 */

html {
	overflow: -moz-scrollbars-vertical; overflow-y: scroll;
	background: #eee url(../img/body_bg.gif) repeat-x center top;
}
body {
	font: 75% Arial, Helvetica, sans-serif;
	background: transparent url(../img/container_bg.jpg) no-repeat center 180px;
	color: #333;
}
#container {
	overflow: hidden;
	width: 960px; margin: 0 auto;
	background: #fff url(../img/content_bg.gif) repeat-y;
}


/**
 * @section Header
 */

#header {
	width: 960px; margin: 0 auto; padding: 22px 0 17px;
}
#header h1 {
	width: 220px; height: 71px;
	background: transparent url(../img/header_logo_screen.gif) no-repeat;
}
#header h1 img {
	position: absolute; top: -9999em; left: -9999em;
}

/**
 * @section Main Navigation
 */

#nav {
	width: 960px; margin: 0 auto;
	background: #484848 url(../img/nav_bg.gif) repeat-x center -32px;
}
#nav ul {
	overflow: hidden;
	border-bottom: 1px solid #444;
}
#nav li {
	float: left;
	padding-right: 2px;
	background: #484848 url(../img/nav_bg.gif) repeat-x right 0;
}
#nav a {
	display: block; position: relative;
	float: left;
	height: 26px; padding: 6px 20px 0;
	background: #484848 url(../img/nav_bg.gif) repeat-x center -32px;
	font-size: 1.25em; color: #999; text-decoration: none;
	color: #fff;
}
#nav a.active {
	background: #484848 url(../img/nav_bg.gif) repeat-x center -64px;
	color: #fff;
}
#nav span.navhover {
	display: block; position: absolute; top: 0; left: 0; z-index: 0;
	width: 100%; height: 32px;
	background: #484848 url(../img/nav_bg.gif) repeat-x center -96px;
}
#nav span.cufon {
	z-index: 100;
}
	

/*
#nav a:hover {
	background: #484848 url(../img/nav_bg.gif) repeat-x center -64px;
}
*/

/**
 * @section Page Navigation
 */

#navcol {
	float: left;
	width: 220px; padding-bottom: 20px;
}
#pagenav {
	margin: 0 20px;
	font-size: 0.917em;
}
#pagenav a {
	display: block;
	text-decoration: none; color: #000;
}
/*
#pagenav a:hover {
	color: #ac0000;
}
*/
#pagenav a.active {
	font-weight: bold;
	/*color: #ac0000;*/
}
#pagenav li a {
	padding: 3px 0;
}
#pagenav li li {
	margin-left: 10px;
}
#pagenav h3 {
	font-size: 1.636em;
	margin-top: 0;
}

/**
 * @section Page Visual
 */

#pagevisual {
	position: relative;
	width: 220px; height: 124px; margin-bottom: 24px;
	background: #e5e5e5 url(../img/pagehead_bg.gif) no-repeat;
}
#pagevisual img {
	display: block;
}
#pagevisual-shadow {
	position: absolute; top: 0; left: 0; z-index: 200;
	width: 100%; height: 100%;
	background: transparent url(../img/pagevisual_shadow.png) repeat-x;
}
#pagevisual .pagehead-line {
	background-image: url(../img/pagehead_line.png);
}

/**
 * @section Page Header
 */

#pagehead {
	position: relative;
	width: 740px; height: 124px; margin-bottom: 24px;
	background: #e5e5e5 url(../img/pagehead_bg.gif) no-repeat -220px 0;
}
#pagehead h2 {
	position: absolute; left: 30px; bottom: 26px;
	width: 470px;
	font-size: 2.667em; line-height: 1;
}

.pagehead-line {
	position: absolute; left: 0; bottom: 0;
	width: 740px; height: 4px;
	/*background: #ac0000; */
}


/**
 * @section Content
 */

#content {
	overflow: hidden;
	float: left;
	padding-bottom: 20px;
}
#maincol {
	float: left;
	width: 460px; margin-left: 30px;
	line-height: 1.5em;
}
#sidecol {
	float: left;
	width: 170px; margin-left: 29px; border-left: 1px solid #ccc; padding-left: 20px;
	font-size: 0.917em; line-height: 1.455em;
}
.colfirst {
	margin-top: 0;
}
#sidecol h3 {
	font-size: 1.636em;
}
h3 {
	margin: 1em 0 0.5em;
	font-size: 1.667em;
}
p {
	margin-bottom: 1em;
}

/**
 * @section Footer
 */

#footer {
	width: 920px; margin: 0 auto; padding: 8px 20px; border-top: 1px solid #999;
	background-color: #ddd;
	font-size: 0.833em;
	color: #666;
	height: 20px;
}


/**
 * @section homepage
 */

#home-container {
	overflow: hidden;
	width: 960px; margin: 0 auto;
	background: #fff url(../img/home-container_bg.gif) repeat-y;
}
#home-maincol {
	float: left;
	width: 680px;
	line-height: 1.5em;
	background: #fff url(../img/home-maincol_bg.jpg) no-repeat;
}
#home-head {
	position: relative;
	height: 300px;
}
#home-head-claim {
	position: absolute; left: 30px; bottom: 30px;
	width: 440px;
	color: #fff;
}
#home-head-claim h2 {
	font-size: 3em;
}
#home-teasers {
	overflow: hidden;
	padding: 0 15px;
}
.home-teaser-left, .home-teaser-right {
	float: left;
	width: 255px; padding: 15px 35px;
}

#home-sidecol {
	float: left;
	width: 220px;
	padding: 30px;
	font-size: 0.917em; line-height: 1.455em;
	background: transparent url(../img/home-sidecol_bg.gif) no-repeat;
}