/* stylesheet File Caroli											*/
/* style.css 														*/
/* Modified June 04th 2008							 				*/
/* http://www.caroli.nu/											*/


/* import style */

@import url(paragraph.css);
@import url(standard.css);
@import url(forms.css);

/* reset browser style */

* {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}

/* fundamental style */

html {
	height/**/: 100%; /* needed to get the 100% height of content */
}
body {
	height/**/: 100%;
}

/* popup style */

.popup {
	background: none;
	background-color: #ffffff;
}
.popup .holder {
	margin: 0px 20px 0px 20px;
	padding: 20px 0px 20px 0px;
}

/* canvas style */

.canvas {
	width: 788px;
	width: /**/780px;
	height: auto !important;
	height: 100%;
	padding: 0px 0px 0px 8px;
	position: relative;
}
html>body .canvas { /* be nice to Firefox, Opera, Safari, Explorer 7.0 and Macintosh bowsers */
	margin: 0px auto 0px auto;
	min-height: 100%;
}
* html .canvas { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" : "0");
}
.canvas div.head {
	width: 780px;
	height: 76px;
	margin: 14px 0px 0px 0px;
	background: transparent url(../images/background_head.gif) no-repeat left bottom;
	position: relative;
	z-index: 3;
}
.canvas div.body {
	width: 780px;
	margin: -8px 0px 0px 0px;
	background: transparent url(../images/background_body.gif) repeat-y left top;
	position: relative;
	z-index: 1;
}
.canvas div.foot {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 20px 0px;
	background: transparent url(../images/background_foot.gif) no-repeat left top;
	position: relative;
	z-index: 2;
}

/* logo style */

.startpage .logo {
	width: 210px;
	height: 91px;
	position: absolute;
	right: 17px;
	bottom: -20px;
}
* html .startpage .logo { /* be nice to Internet Explorer 5.5 and 6.0 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/specific/images/logotype_startpage.png');
}
* html .startpage .logo img { /* be nice to Internet Explorer 5.5 and 6.0 */
	width: 210px;
	height: 91px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.subpage .logo {
	width: 180px;
	height: 57px;
	position: absolute;
	right: 0px;
	top: 0px;
}
* html .subpage .logo { /* be nice to Internet Explorer 5.5 and 6.0 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/specific/images/logotype_subpage.png');
}
* html .subpage .logo img { /* be nice to Internet Explorer 5.5 and 6.0 */
	width: 180px;
	height: 57px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* flash style */

.flash, .flash .holder {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* content body style */

.canvas div.body .content {
	width: 770px;
	margin: 0px 0px 0px 1px;
	padding: 24px 0px 14px 0px;
	overflow: hidden;
}
.canvas div.body .content .left {
	width: 560px;
	width: /**/510px;
	margin: 0px 0px 0px 0px;
	padding: 0px 30px 0px 20px;
	position: relative;
	display: inline;
	float: left;
}
.canvas div.body .content .center {
	width: 770px;
	width: /**/750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	position: relative;
	display: inline;
	float: left;
}
.canvas div.body .content .right {
	width: 210px;
	width: /**/190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 5px;
	position: relative;
	display: inline;
	float: right;
}

/* content body style */

.canvas div.body .content.columns {
	width: 770px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.canvas div.body .content.columns .left {
	width: 560px;
	width: /**/510px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	float: left;
}
.canvas div.body .content.columns .submenu {
	margin: 24px 0px 26px 0px;
	padding: 0px 0px 0px 0px;
}

/* content foot style */

.canvas div.foot .content {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}
.canvas div.foot .content .left {
	width: 252px;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}
.canvas div.foot .content .center {
	width: 252px;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}
.canvas div.foot .content .right {
	width: 252px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}

/* content store style */

.canvas div.body .content.store {
	width: 770px;
	height: 310px;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.canvas div.body .content.store .left {
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}
.canvas div.body .content.store .right {
	width: 578px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: right;
}
.canvas div.body .content.store .left .selectbox {
	width: 170px;
	position: absolute;
	left: 10px;
	top: 12px;
}
* html .canvas div.body .content.store .right img { /* be nice to Internet Explorer 6.0 and 5.5 */
	margin: 0px 0px -2px 0px;
}
*:first-child + html .canvas div.body .content.store .right img { /* be nice to Internet Explorer 7.0 */
	margin: 0px 0px -2px 0px;
}

/* content offers style */

.canvas div.body .content.offers {
	width: 770px;
	margin: 0px 0px 0px 1px;
	padding: 6px 0px 0px 0px;
	overflow: hidden;
}
.canvas div.body .content.offers h2 {
	padding: 18px 0px 0px 12px;
}
.canvas div.body .content.offers .topic h2 {
	padding: 0px 0px 0px 0px;
}
.canvas div.body .content.offers .navigator {
	width: 750px;
}
.canvas div.body .content.offers .navigator .centercol {
	width: 450px;
}
.canvas div.body .content.offers .divider {
	margin: -2px -4px 4px -4px;
	padding: 0px 0px 0px 0px;
}
* html .canvas div.body .content.offers .divider { /* be nice to Internet Explorer 6.0 and 5.5 */
	margin: -2px -4px 0px -4px;
	padding: 0px 0px 0px 0px;
}
*:first-child + html .canvas div.body .content.offers .divider { /* be nice to Internet Explorer 7.0 */
	margin: -2px -4px 0px -4px;
	padding: 0px 0px 0px 0px;
}

/* iframeholder style */

.iframeholder {
	width: 770px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.iframeholder .content {	
	width: 770px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.iframeholder .content .left {
	width: 560px;
	width: /**/530px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	float: left;
}
.iframeholder .content .right {
	width: 210px;
	width: /**/190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	display: inline;
	float: right;
}

/* iframeholder content store style */

.iframeholder .content.store {
	width: 770px;
	height: 310px;
	margin: 0px 0px 20px 1px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.iframeholder .content.store .left {
	width: 192px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: left;
}
.iframeholder .content.store .right {
	width: 578px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: right;
}
.iframeholder .content.store .left .selectbox {
	width: 170px;
	position: absolute;
	left: 10px;
	top: 12px;
}
.iframeholder * html .content.store .right img { /* be nice to Internet Explorer 6.0 and 5.5 */
	margin: 0px 0px -2px 0px;
}
.iframeholder *:first-child + html .content.store .right img { /* be nice to Internet Explorer 7.0 */
	margin: 0px 0px -2px 0px;
}

/* iframeholder teaser starter style */

.iframeholder .teaser.starter {
	width: 770px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	cursor: default;
}
.iframeholder .teaser.starter .data {
	left: 385px;
}

/* pagemenu style */

.pagemenu {
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	position: absolute;
	left: 6px;
	bottom: 15px;
}
.pagemenu li {
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	float: left;
}
.pagemenu li a {
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 12px/15px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	display: block;
	float: left;
}
.pagemenu li.divider {
	height: 14px;
	margin: 1px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	background: none;
	background-color: #333333;
	line-height: 1px;
	font-size: 1px;
	display: block;
	float: left;
	clear: none;
}
.pagemenu li.divider img {
	width: 1px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.pagemenu li a:link, .pagemenu li a:active, .pagemenu li a:visited {
	text-decoration: none;
	color: #333333;
}
.pagemenu li a:hover, .pagemenu li a:visited:hover {
	text-decoration: none;
	color: #696969;
}
.pagemenu .active a:link, .pagemenu .active a:active, .pagemenu .active a:visited {
	text-decoration: none;
	color: #cc0000;
}
.pagemenu .active a:hover, .pagemenu .active a:visited:hover {
	text-decoration: none;
	color: #696969;
}


/* submenu style */

.submenu {
	width: /**/100%;
	margin: 0px 0px 26px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border-top: 1px solid #cccccc;
	background-color: #ffffff;
	opacity: .7;
	filter: alpha(opacity=70);
}
.submenu li {
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	border-bottom: 1px solid #cccccc;
}
.submenu li a {
	width: 170px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	word-spacing: 0px;
	display: block;
}
* html .submenu li a { /* be nice to Internet Explorer 6.0 and 5.5 */
	width: 190px;
	width: /**/170px;
	padding: 5px 10px 5px 10px;
}
*:first-child + html .submenu li a { /* be nice to Internet Explorer 7.0 */
	padding: 5px 10px 5px 10px;
}
.submenu li a:link, .submenu li a:active, .submenu li a:visited {
	color: #333333;
}
.submenu li a:hover, .submenu li a:visited:hover {
	text-decoration: none;
	color: #696969;
}
.submenu .active {
	background: none;
}
.submenu .active a:link, .submenu .active a:active, .submenu .active a:visited {
	color: #cc0000;
}
.submenu .active a:hover, .submenu .active a:visited:hover {
	color: #cc0000;
}
.submenu .open {
	background: none;
}
.submenu .open a {
	height: auto;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
}
* html .submenu .open a {
	height: auto;
}
.submenu .open a:link, .submenu .open a:active, .submenu .open a:visited {
	color: #333333;
}
.submenu .open a:hover, .submenu .open a:visited:hover {
	color: #696969;
}

/* submenu level1 style */

.submenu .level1 {
	margin: -3px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border: none;
}
* html .submenu .level1 { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin: -3px 0px 5px 0px;
}
*:first-child + html .submenu .level1 { /* be nice to Internet Explorer 7.0 */
	margin: -3px 0px 5px 0px;
}
.submenu .level1 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	border: none;
}
.submenu .level1 li a {
	width: 160px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 20px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	background: transparent url(../images/action_dotted.gif) no-repeat 8px 5px;
	word-spacing: 0px;
	display: block;
}
* html .submenu .level1 li a { /* be nice to Internet Explorer 6.0 and 5.5 */
	width: 190px;
	width: /**/160px;
	height: 11px;
}
*:first-child + html .submenu .level1 li a { /* be nice to Internet Explorer 7.0 */
	padding: 1px 10px 1px 20px;
}
.submenu .level1 li a:link, .submenu .level1 li a:active, .submenu .level1 li a:visited {
	color: #333333;
}
.submenu .level1 li a:hover, .submenu .level1 li a:visited:hover {
	background: transparent url(../images/action_dotted_visited.gif) no-repeat 8px 5px;
	color: #696969;
}
.submenu .level1 .active {
	background: none;
}
.submenu .level1 .active a {
	padding: 1px 10px 1px 20px;
	background: transparent url(../images/action_dotted_active.gif) no-repeat 8px 5px;
}
.submenu .level1 .active a:link, .submenu .level1 .active a:active, .submenu .level1 .active a:visited {
	color: #cc0000;
}
.submenu .level1 .active a:hover, .submenu .level1 .active a:visited:hover {
	background: transparent url(../images/action_dotted_active.gif) no-repeat 8px 5px;
	color: #cc0000;
}
.submenu .level1 .open {
	background: none;
}
.submenu .level1 .open a {
	height: auto;
	padding: 1px 10px 1px 20px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	background: transparent url(../images/action_dotted.gif) no-repeat 8px 5px;
}
.submenu .level1 .open a:link, .submenu .level1 .open a:active, .submenu .level1 .open a:visited {
	color: #333333;
}
.submenu .level1 .open a:hover, .submenu .level1 .open a:visited:hover {
	background: transparent url(../images/action_dotted_visited.gif) no-repeat 8px 5px;
	color: #696969;
}

/* submenu level2 style */

.submenu .level1 .level2 {
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border: none;
}
* html .submenu .level1 .level2 { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin: 1px 0px 1px 0px;
}
*:first-child + html .submenu .level1 .level2 { /* be nice to Internet Explorer 7.0 */
	margin: 1px 0px 1px 0px;
}
.submenu .level1 .level2 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	border: none;
}
.submenu .level1 .level2 li a {
	width: 150px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 30px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	background: transparent url(../images/action_dotted.gif) no-repeat 18px 5px;
	word-spacing: 0px;
	display: block;
}
* html .submenu .level1 .level2 li a { /* be nice to Internet Explorer 6.0 and 5.5 */
	width: 190px;
	width: /**/150px;
	height: 11px;
}
*:first-child + html .submenu .level1 .level2 li a { /* be nice to Internet Explorer 7.0 */
	padding: 1px 10px 1px 30px;
}
.submenu .level1 .level2 li a:link, .submenu .level1 .level2 li a:active, .submenu .level1 .level2 li a:visited {
	color: #333333;
}
.submenu .level1 .level2 li a:hover, .submenu .level1 .level2 li a:visited:hover {
	background: transparent url(../images/action_dotted_visited.gif) no-repeat 18px 5px;
	color: #696969;
}
.submenu .level1 .level2 .active {
	background: none;
}
.submenu .level1 .level2 .active a {
	padding: 1px 10px 1px 30px;
	background: transparent url(../images/action_dotted_active.gif) no-repeat 18px 5px;
}
.submenu .level1 .level2 .active a:link, .submenu .level1 .level2 .active a:active, .submenu .level1 .level2 .active a:visited {
	color: #cc0000;
}
.submenu .level1 .level2 .active a:hover, .submenu .level1 .level2 .active a:visited:hover {
	background: transparent url(../images/action_dotted_active.gif) no-repeat 18px 5px;
	color: #cc0000;
}
.submenu .level1 .level2 .open {
	background: none;
}
.submenu .level1 .level2 .open a {
	height: auto;
	padding: 1px 10px 1px 30px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	background: transparent url(../images/action_dotted.gif) no-repeat 18px 5px;
}
.submenu .level1 .level2 .open a:link, .submenu .level1 .level2 .open a:active, .submenu .level1 .level2 .open a:visited {
	color: #333333;
}
.submenu .level1 .level2 .open a:hover, .submenu .level1 .level2 .open a:visited:hover {
	background: transparent url(../images/action_dotted_visited.gif) no-repeat 18px 5px;
	color: #696969;
}

/* submenu level3 style */

.submenu .level1 .level2 .level3 {
	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border: none;
}
* html .submenu .level1 .level2 .level3 { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin: 1px 0px 1px 0px;
}
*:first-child + html .submenu .level1 .level2 .level3 { /* be nice to Internet Explorer 7.0 */
	margin: 1px 0px 1px 0px;
}
.submenu .level1 .level2 .level3 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	display: block;
	border: none;
}
.submenu .level1 .level2 .level3 li a {
	width: 140px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 1px 10px 1px 40px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	background: transparent url(../images/action_dotted.gif) no-repeat 28px 5px;
	word-spacing: 0px;
	display: block;
}
* html .submenu .level1 .level2 .level3 li a { /* be nice to Internet Explorer 6.0 and 5.5 */
	width: 190px;
	width: /**/140px;
	height: 11px;
}
*:first-child + html .submenu .level1 .level2 .level3 li a { /* be nice to Internet Explorer 7.0 */
	padding: 1px 10px 1px 40px;
}
.submenu .level1 .level2 .level3 li a:link, .submenu .level1 .level2 .level3 li a:active, .submenu .level1 .level2 .level3 li a:visited {
	color: #333333;
}
.submenu .level1 .level2 .level3 li a:hover, .submenu .level1 .level2 .level3 li a:visited:hover {
	background: transparent url(../images/action_dotted_visited.gif) no-repeat 28px 5px;
	color: #696969;
}
.submenu .level1 .level2 .level3 .active {
	background: none;
}
.submenu .level1 .level2 .level3 .active a {
	padding: 1px 10px 1px 40px;
	background: transparent url(../images/action_dotted_active.gif) no-repeat 28px 5px;
}
.submenu .level1 .level2 .level3 .active a:link, .submenu .level1 .level2 .level3 .active a:active, .submenu .level1 .level2 .level3 .active a:visited {
	color: #cc0000;
}
.submenu .level1 .level2 .level3 .active a:hover, .submenu .level1 .level2 .level3 .active a:visited:hover {
	background: transparent url(../images/action_dotted_active.gif) no-repeat 28px 5px;
	color: #cc0000;
}
.submenu .level1 .level2 .level3 .open {
	background: none;
}
.submenu .level1 .level2 .level3 .open a {
	height: auto;
	padding: 1px 10px 1px 40px;
	font: normal 11px/13px 'Lucida Grande', Verdana, Arial, Helvetica, Tahoma, sans-serif;
	background: transparent url(../images/action_dotted.gif) no-repeat 28px 5px;
}
.submenu .level1 .level2 .level3 .open a:link, .submenu .level1 .level2 .level3 .open a:active, .submenu .level1 .level2 .level3 .open a:visited {
	color: #333333;
}
.submenu .level1 .level2 .level3 .open a:hover, .submenu .level1 .level2 .level3 .open a:visited:hover {
	background: transparent url(../images/action_dotted_visited.gif) no-repeat 28px 5px;
	color: #696969;
}