/*

LAYOUT Style Sheet (layout.css)

Defines the main layout of the site
and sets the styling for global sections
like header, bottom and the marginal area.

Last changed date: $Date: 2007-01-25 20:16:46 +0100 (Do, 25 Jan 2007) $
Revision: $Rev: 183 $

*/


/* Reset some Default-Browser-Styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
	
}



body {
	color: #493829;;
	font-family:"Trebuchet MS",Corbel,Calibri,Arial,sans-serif;
	font-size:62.5%;
	line-height:1;
}

#header {
	background:transparent url(images/saverbg.jpg) no-repeat scroll 50% 0;
	background-color:##e4f1bb;
	float:left;
	margin:0;
	width:100%;
}


#group-top {
	height:170px;
	margin:0pt auto;
	position:relative;
	text-align:left;
	width:900px;
}

#logo {
	display:block;
	height:44px;
	left:36px;
	position:absolute;
	top:10px;
	width:188px;
}

#logo img {
	border:medium none;
}

#lang-navi {
	position:absolute;
	right:36px;
	top:16px;
}

#welcome {
	display:block;
	left:36px;
	position:absolute;
	top:58px;
	color: #d4f2fe;
	height:80px;
	width:900px;

}

#welcome .double-col-box {
	height:92px;
	top:12px;
}


#feed-me {
	position:absolute; 
	right:68px; 
	top:0;
	height:69px; 
	width:200px;
	background:url(images/feed_me_bg.png) transparent no-repeat 0 0;
	padding-top:10px;
}

#feed-me p {
	padding-left:68px;
	margin:0;
	line-height:1.4em;
}

.feed-me-description {
	padding-top:12px;
	position:absolute;
	right:280px;
	top:0;
}



#social-bookmarks {
	position:absolute;
	top:78px;
	left:636px;
}

.social-icons-description {
	position:absolute;
	right:280px;
	top:78px;
}


#social-bookmarks dl {
	width:200px;
}
#social-bookmarks dl dd {
 float:left;
 width:16px;
 height:16px;
 margin-right:12px;
 display:inline;
}

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

fieldset, img, button {
	border: 0;
}


ol,
ul {
	list-style: none;
}


/* General */

#www-content {
	overflow: hidden;
	float:left;
	display:block;
	width:100%;
	margin: 0 auto 0 auto;
	position:relative;
	padding-top: 0;
	padding-bottom:32px;
	clear: both;
	text-align: left;

}

	.section,
	.section-low-bottom {
		float: left;
		width:auto;
		padding-left: 12px;
		margin-bottom: 18px;
		clear:both;
	}
	
	* html .section {
	width:100% !important;
	}
	* html .section-low-bottom {
		width:100%;
	}
	
	.section-low-bottom {
		margin-bottom: 6px;
	}

	.section-group { /* can be added to floating sections to fix a bug in IE */
		clear: both;
	}

		div.double {
			display: block;
			margin-right: -36px;
			width: 432px;
			float: left;
		}

		div.rows-last {
			margin-right: 0;
		}

	.small-col-box,
	.single-col-box,
	.single-and-a-half-col-box,
	.double-col-box,
	.triple-col-box,
	.full-width-box,
	.two-thirds-box {
		position: relative;
		float: left;
		display: inline;
		margin-right: 36px;
		overflow: hidden;
		padding-bottom: 32px;
		border-bottom: 1px solid #CAC3BF;
	}
	
	
	.half-of-two-thirds-box {
		position: relative;
		float: left;
		display: inline;
		margin-right: 0;
		overflow: hidden;
		padding-bottom: 8px;
		border-bottom: 1px solid #CAC3BF;
	}
	
	.two-buttons {  /* IE6 fix for buttons */
		width: 612px;
	}
	
	
	.descriptopn-wizard {
		position: relative;
		float: left;
		display: inline;
		overflow: hidden;
		
		padding-top:2px;
	}
	
	.three-and-a-half-col-box {
		width:648px;
	}
	

	* html .small-col-box,
	* html .single-col-box,
	* html .single-and-a-half-col-box,
	* html .double-col-box,
	* html .triple-col-box,
	* html .full-width-box,
	* html .two-thirds-box,
	* html .half-of-two-thirds-box {
		height: 1%; /* fix for weird display in ie6 */
	}

	*+html .small-col-box,
	*+html .single-col-box,
	*+html .single-and-a-half-col-box,
	*+html .double-col-box,
	*+html .triple-col-box,
	*+html .full-width-box,
	*+html .two-thirds-box,
	*+html .half-of-two-thirds-box	 {
		height: 1%; /* and fix for weird display in ie7 */
	}

	.light-col { /* disable bottom-border-line for certain col's */
		padding-bottom: 0;
		border-bottom: none;
	}

	.small-col-box {
		margin-right: 24px;
	}

	.small-col-box,
	.small-col-box hr {
		width: 132px;
	}

	.single-col-box,
	.single-col-box hr {
		width: 180px;
	}
	
	.half-of-two-thirds-box,
	.half-of-two-thirds-box hr {
		width: 264px;
	}

	.single-and-a-half-col-box,
	.single-and-a-half-col-box hr {
		width: 288px;
	}

	.double-col-box,
	.double-col-box hr {
		width: 396px;
	}

	.triple-col-box,
	.triple-col-box hr {
		width: 612px;
	}

	.full-width-box,
	.section hr {
		width: 828px;
	}
	
	.two-thirds-box {
		width:224px;
		float:left;
		height: 290px !important;
		background:url(images/bg-post.gif) no-repeat;
		margin-right:0;
		padding:10px;
		border-bottom:none;
	}


#www-content.marginal-triple { }



	#www-content.marginal-triple .full-width-box,
	#www-content .marginal-triple .full-width-box,
	#www-content.marginal-triple  hr,
	#www-content .marginal-triple  hr {
		width: 612px;
	}



#www-content.marginal-double { }




	#www-content.marginal-double .full-width-box,
	#www-content .marginal-double .full-width-box,
	#www-content.marginal-double hr {
		width: 396px;
	}

	/* marginal-column */

	#www-content .marginal {
		display: inline; /* IE6- double-float margin fix */
		margin: 12px 12px 0 0;
		float: right;
		width:22%;
		font-size:11px;
		padding-left:12px;
		border-left:1px dotted #999;

		
	}

	#www-content.triple-marginal .marginal {
		margin: 0 0 0 0;
	}

	#www-content .marginal form {
		float: none;
	}

	#www-content .marginal hr {
		width: 180px;
	}

		.marginal ul {
			margin: 0;
			font-size: 1em;
			list-style: none;
		}

		.marginal ul.list {
			font-size: 1.1em;
		}
		
	#www-content .wide-marginal {
		width: 324px;
		float: left;
	}

	#www-content .box-header,
	#www-content .navi-level-4-header {
		padding: 5px 12px;
		margin: 0;
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1.17em;
		letter-spacing: 0.03em;
		color: #FFF;
	}


	#www-content .box-header {
		background: #958E88 url(images/box-header_grey-gradient.png) repeat-x 0 50%;
	}

	#www-content .navi-level-4-header {
		background: #11759C url(images/navi-level-4_header_gradient.png) repeat-x 0 50%;
	}

	#www-content .box {
		padding: 10px 0;
		margin-bottom: 8px;
		border: 1px solid #CAC3BF;
		border-top: none;
	}

	.box {
		overflow: hidden;
		height: 1%;
	}

	ul.box {
		font-size: 1.1em;
		line-height: 1.42em;
	}

		.box li {
			display: inline; /* Fixes IE whitespace-bug */
		}

			.box li.current a {
				background-color: #4FA600;
				color: #FFF;
			}

			.box li.current li a {
				background-color: #FFF;
				color: #0060A1;
			}

			#navi-level-4 li a,
			.linklist li a {
				display: block;
				padding: 3px 12px;
				line-height: 1.17em;
			}

			.bullets li a {
				background: url(images/faq_box_list.gif) 12px 8px no-repeat;
				padding-left:20px;
			}

			#navi-level-4 li a {
				padding-left: 24px;
			}

				#navi-level-4 li li a {
					padding-left: 36px;
				}

					#navi-level-4 li li li a {
						padding-left: 48px;
					}

			.box ul {
				font-size: 1em;
			}

			.box ul#navi-level-4 {
				font-size: 1.1em;
			}

			.box a.open {
				background: url(images/arrow_down.png) no-repeat 12px 0.4em;
			}

			.box a.folded {
				background: url(images/arrow_right.png) no-repeat 12px 0.4em;
			}

				.box li li a.open,
				.box li li a.folded {
					background-position: 24px 0.4em;
				}

					.box li li li a.open,
					.box li li li a.folded {
						background-position: 36px 0.4em;
					}

		.box p {
			margin: 0 12px 12px 12px;
		}

		.box div {
			margin: 0 12px 12px 12px;
		}

		.box input,
		.box textarea {
			width: 144px;
		}

		.box select {
			width: 154px;
		}

		.box textarea {
			height: 96px;
		}


#bottom {
	overflow: hidden;
	clear: both;
	margin-top:24px;
	padding-top: 32px;
	background: url(images/bg_bottom.png) repeat-x 0 0;
	text-align: center;
	height:302px;
}

	#bottom ul { /* overwrites default settings from typography.css */
		padding: 0;
		margin: 0;
		font-size: 1em;
		list-style: none;
	}

	#group-bottom {
width:900px;

		text-align: left;
		margin-left:auto;
margin-right:auto;
	}

		ul#bottom-navi {
			overflow: hidden;
			width: 828px;
			margin: 0 auto 1em auto;
			padding-bottom: 1em;
			border-bottom: 1px solid #CAC3BF;
		}

			ul#bottom-navi h2 {
				color: #493829;
			}

			ul#bottom-navi li {
				overflow: visible;
				width: 136px;
				margin-right: 36px;
				float: left;
			}

			ul#bottom-navi li.last {
				margin-right: 0;
			}

				ul#bottom-navi ul li a {
					font-size: 1.1em;
					line-height: 1.2em;
				}

				ul#bottom-navi ul li {
					width: auto;
					margin: 0 0 0.6em 0;
					float: none;
				}

		ul#footer {
			overflow: hidden;
			width: 828px;
			padding: 0.4em 0 0.4em 0;
			margin: -4px auto 20px auto;
			border-bottom: 1px solid #CAC3BF;
		}

		* html ul#footer { /* small padding-fix for ie6 */
			padding-bottom: 0;
		}

			ul#footer li {
				padding-bottom: 1em;
				float: left;
			}

			ul#footer li.last {
				float: right;
			}


				ul#footer ul li a{
					font-size: 1.1em;
					line-height: 1.2em;
				}

				ul#footer ul li {
					height: 1.3em;
					padding: 0 1em 0 0;
					margin: 4px 1em 0 0;
					border-right: 1px solid #CAC3BF;
					float: left;
				}

				ul#footer ul li.last {
					float: left;
					padding: 0;
					margin: 4px 0 0 0;
					border: none;
				}

					ul#footer li.last li.last {
						margin-top: 0;
					}

				ul#footer ul li select {
					font-size: 1.1em;
				}


		dl#awards-icons,
		dl#social-bookmarks {
			overflow: hidden;
			margin:  0 0 48px 0;
			font-size: 1.1em;
		}

			dl#awards-icons dt,
			dl#social-bookmarks dt {
				display: inline;
				margin-right: 2em;
				float: left;
				font-weight: bold;
				line-height: 1.5;
				color: #493829;
			}

			dl#awards-icons dd,
			dl#social-bookmarks dd {
				display: inline;
				margin-right: 1em;
				float: left;
				line-height: 1.5;
			}
			
			
			dl#awards-icons {
				float:right;
			}
			
			dl#awards-icons dd.last {
				margin-right:0;
				margin-left:2.2em;
				font-weight:bold;
				
			}
			
	.defaulf-position {
		position:static;		/* IE6 bug for floating layers, IE6 has a problem to float objects with position:relative */
	}
			
			
/* confomat positioning */
#confomatdiv {
	position:relative;
	margin-left:-16px;
}

/* affiliate-pixel */
.affiliate-pixel {
	display: none;
}	


.marginal .widget {
	margin-bottom:32px;
}

#categories ul li {
	float:left;
	padding:0 10px 0 10px;
}

#categories ul {
	margin-left:-10px;
	margin-bottom:62px;
}


.link-homepage {
	width:900px;
	margin:50px auto 0 auto;
}

.link-homepage img {
	width:200px;
	height:50px;
}

.link-homepage a:link img,
.link-homepage a:active img,
.link-homepage a:visited img,
.link-homepage a:hover img {
	border:none;
}


#pages h2 {
	color:#493829;
}

#pages ul li.page_item {
font-weight:bold;
font-size:15px;
line-height:20px;
}





.section-archives {
width:600px;
display:none;
}


.main {

float:left;
position:relative;
width:74% !important;
}
#dynamic-content,
#current-content {
	width:auto;
	float:left;
	position:relative;
	margin-top:12px;
}

.marginal a img {
	border:none !important;
}

.page-head {
	display:none;
}

.single-two-thirds-box gap-down {
	
}

.comments {
	display:none;
}

#bottom h2 {
	color:#FFFFFF;
}
.footer-bookmarks ul li,
.widget_recent_entries ul li {
list-style:circle !important;
}