@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 10px 0;
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#cccccc;
}

img {
	border:none;
	border-width:0;
}

hr {
	border: 0 none #FFFFFF;
	border-top: 1px dotted #7a7166;
	height: 1px;
	margin: 1px 24px;
	display: block;
}

.tab-row {
	padding: 0; margin: 3px 24px 22px;
	height: 22px;
	position: absolute; top: 0; left: 0;
	overflow: hidden;
}

	.tab {
		display: block;
		padding: 0 10px; margin: 0;
		height: 22px;
		background-color: #7a7166;
		color: #fefeff;
		line-height: 22px;
		font-size: 1.20em;
		float: left;
	}
	
	.tab-title {
		display: block;
		padding: 0; margin: 0 0 0 6px;;
		color: #ee8804;
		font-size: 1.80em;
		font-weight: bold;
		float: left;
	}
	
.underline {
	text-decoration: underline;
}

.clearfix {
	clear: both;
}

/* Main blocks
---------------------------------------- */
#global {
	padding: 0; margin: 0 auto;
	width: 996px;
}

	#header {
		padding: 0 80px 0; margin: 0;
		height: 131px;
		background: #f0f6fe url(../images/bg-header.jpg) left top no-repeat;
		overflow: hidden;
	}
		
		#logo {
			padding: 0; margin: 0;
		}
		
		#signature {
			padding: 0 4px; margin: 0 0 20px;
		}
	
	#main {
		padding: 10px 80px 30px; margin: 0;
		background: #f0f6fe url(../images/bg-common.jpg) left bottom no-repeat;
		overflow: hidden;
	}
		
		#right {
			padding: 0; margin: 0;
			width: 214px;
			float: right;
		}
	
		#left {
			padding: 0; margin: 0 214px 0 0;
		}
			
			#footer {
				padding: 0; margin: 0;
			}

/* Main menu
---------------------------------------- */
#main-menu {
	padding: 0; margin: 0;
	list-style: none;
}

	#main-menu li {
		display: block;
		padding: 0; margin: 0 0 0 1px;
		float: left;
	}
	
		#main-menu li a {
			display: block;
			padding: 0; margin: 0;
			height: 30px;
			font-weight: bold;
			font-size: 1.1em;
			line-height: 30px;
			text-align: center;
			text-decoration: none;
			color: #FFFFFF;
			background-color: #7a7166;
			white-space: nowrap;
		}
		
		#main-menu li.main-menu-first-element {
			margin-left: 0;
		}
		
		#main-menu li.main-menu-first-element a {
			background-image:url(../images/main-menu-left-corner.gif);
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		#main-menu li.main-menu-last-element a {
			background-image:url(../images/main-menu-right-corner.gif);
			background-position: right top;
			background-repeat: no-repeat;
		}
		
		#main-menu li a:hover, #main-menu li a.active {
			background-color: #403b35;
		}

		#main-menu li.main-menu-first-element a:hover, #main-menu li.main-menu-first-element a.active {
			background-image:url(../images/main-menu-left-corner-on.gif);
		}

		#main-menu li.main-menu-last-element a:hover, #main-menu li.main-menu-last-element a.active {
			background-image:url(../images/main-menu-right-corner-on.gif);
		}

/* Footer menu
---------------------------------------- */
#footer-menu {
	padding: 0; margin: 15px 0 0;
	list-style: none;
}

	#footer-menu li {
		display: inline;
		padding: 0; margin: 0 0 0 -2px;
		border-right: 1px solid #FFFFFF;
	}
	
		#footer-menu li a {
			display: inline-block;
			padding: 0 10px; margin: 0;
			height: 14px;
			font-size: 1em;
			line-height: 14px;
			text-align: center;
			text-decoration: none;
			color: #FFFFFF;
		}

		#footer-menu li.footer-menu-first-element {
			margin-left: 0;
		}
		
		#footer-menu li.footer-menu-last-element {
			border-right: none;
		}
		
		#footer-menu li a:hover, #footer-menu li a.active {
			background-color: #403b35;
		}

/* Right blocks
---------------------------------------- */
.right-block {
	padding: 0; margin: 10px 0 0;
	overflow: hidden;
}

	.right-block-title {
		display: block;
		padding: 3px 12px 0; margin: 0;
		height: 22px;
		font-size: 1.1em;
		line-height: 22px;
		color: #FFFFFF;
		font-weight: bold;
		background: url(../images/bg-right-block-title.png) left top no-repeat;
	}

	.right-block-content {
		display: block;
		padding: 5px 12px 0; margin: 0;
		background: url(../images/bg-right-block-content.png) left top repeat-y;
		overflow: hidden;
	}
	
		.right-block-content ul {
			padding: 0; margin: 0;
			list-style: none;
		}
		
			.right-block-content ul li a {
				display: block;
				padding: 0 0 0 19px; margin: 3px 0;
				background: url(../images/right-block-list-icon.png) 3px 1px no-repeat;
				font-size: 1.1em;
				line-height: 13px;
				color: #000000;
				text-decoration: none;
			}
	
			.right-block-content ul li a:hover {
				text-decoration: underline;
			}
			
	.right-block-bottom {
		display: block;
		padding: 0; margin: 0;
		height: 8px;
		background: url(../images/bg-right-block-bottom.png) left top no-repeat;
	}
	
	.ask {
		height: 211px;
		background: url(../images/bg-right-block-ask.png) left top no-repeat;
	}
	
		.ask-content {
			padding: 123px 12px 0; margin: 0;
			height: 43px;
		}
		
			.ask-title {
				padding: 0; margin: 0;
				color: #675f56;
				font-size: 1.80em;
				line-height: 1.00em;
				font-weight: bold;
			}
		
		.ask-button {
			padding: 5px 12px 0; margin: 0;
			height: 40px;
		}
		

/* Common button
---------------------------------------- */
.btn-common {
	display: block;
	float: left;
	padding: 0; margin: 0;
	height: 26px;
	font-size: 1.1em;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	overflow: hidden;
	clear: both;
}

	.btn-left {
		display: block;
		float: left;
		padding: 0; margin: 0;
		width: 8px; height: 26px;
		background: url(../images/bg-btn-left.png) left top no-repeat;
	}

	.btn-content {
		display: block;
		float: left;
		padding: 0; margin: 0;
		height: 26px;
		background: url(../images/bg-btn-content.png) left top repeat-x;
	}
	
		.btn-content img {
			margin: 0 3px;
		}

	.btn-right {
		display: block;
		float: left;
		padding: 0; margin: 0;
		width: 8px; height: 26px;
		background: url(../images/bg-btn-right.png) right top no-repeat;
	}

.btn-common:hover {
	color: #FFFFFF;
}

	.btn-common:hover .btn-left, .btn-common:hover .btn-content, .btn-common:hover .btn-right {
		background-position: left bottom;
	}

/* Cloud tags
---------------------------------------- */
.cloud-tag {
	display: block;
	padding: 0; margin: 0 6px;
	color: #5c564f;
	line-height: 21px;
	font-size: 21px;
	float: left;
	font-weight: bold;
	text-decoration: none;
}

/* Left Block
---------------------------------------- */
.left-block {
	padding: 0; margin: 10px 0 0;
	width: 589px;
	overflow: visible;
	position: relative;
}

	.left-block-top {
		padding: 0; margin: 0;
		height: 8px;
		background: url(../images/bg-left-block-top.png) left top no-repeat;
	}

	.left-block-content {
		padding: 0; margin: 0;
		background: url(../images/bg-left-block-content.png) left top repeat-y;
		overflow: hidden;
	}
	
	.tab-content {
		padding-top: 22px;
	}
	
	.overbox-holder {
		padding: 25px 400px 0 24px;
		height: 30px;
	}
	
		.left-block-content-img {
			margin: 15px 24px 0 15px;
			float: right;
		}
		
		.left-block-content p, .left-block-content ul {
			padding: 0; margin: 15px 24px 0;
			text-align: justify;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}

		.left-block-content ul {
			list-style: none;
		}

			.left-block-content ul li {
				padding: 0 0 0 20px; margin-top: 15px;
				background: url(../images/left-block-list-icon.png) 6px 4px no-repeat;
			}
			
		.left-block-content p.dark {
			padding: 5px 10px;
			color: #6c6459;
			font-weight: bold;
			background: url(../images/bg-dark.png) left top repeat;
		}

		.left-block-content p.btn-bottom-holder {
			float: left;
			border: 1px solid green;
		}

		.left-block-content p.no-margin-top {
			margin-top: 0;
		}
		
		.left-block-content p.add-padding-bottom {
			padding-bottom: 24px;
		}
		
		.left-block-content table {
			margin: 0 24px;
			background-color: #000000;
		}
		
			.left-block-content table td, .left-block-content table th {
				padding: 2px; margin: 1px;
				background-color: #FFFFFF;
			}
			
			.left-block-content table td.nbr-cell {
				text-align: right;
			}
			
			.left-block-content table th {
				font-weight: bold;
				text-align: center;
			}
		
	.left-block-bottom {
		padding: 0; margin: 0;
		height: 8px;
		background: url(../images/bg-left-block-bottom.png) left bottom no-repeat;
	}

	.title-1 {
		padding: 0; margin: 15px 24px;
		color: #ee8804;
		font-size: 1.80em;
		font-weight: bold;
	}
	
	.small {
		font-size: 1.10em;
		font-weight: bold;
	}
	
	.medium {
		font-size: 1.20em;
		font-weight: bold;
	}
	
	.big {
		font-size: 1.80em;
		font-weight: bold;
	}
	
	.orange {
		color: #ee8804;
	}
	
	.braun-light {
		color: #605950;
	}
	
	.braun-dark {
		color: #403b35;
	}
	
/* Overblox
---------------------------------------- */
#overbox {
	padding: 0; margin: 15px 0 0;
	width: 413px;
	position: absolute; left: 197px;
}

	#overbox-title {
		padding: 0 15px; margin: 0;
		height: 24px;
		background: url(../images/bg-overbox-title.png) left top no-repeat;
		color: #6d655b;
		line-height: 24px;
		font-size: 1.20em;
		font-weight: bold;
	}

	#overbox-content {
		padding: 0 9px; margin: 0;
		background: url(../images/bg-overbox-content.png) left top repeat-y;
		overflow: hidden;
	}
	
		#overbox-content ul {
			padding: 0; margin: 0 0 9px 0;
			list-style: none;
		}
		
			#overbox-content ul li {
				padding: 0 0 0 20px; margin: 0;
				background: url(../images/overbox-list-icon.png) left 7px no-repeat;
			}
			
				#overbox-content ul li a {
					display: block;
					padding: 9px 0; margin: 0;
					border-bottom: 1px dotted #ffffff;
					color: #FFFFFF;
					text-decoration: none;
				}
	
				#overbox-content ul li.overbox-end a {
					margin-bottom: -9px;
					border: 0 none;
				}
				
				#overbox-content ul li a:hover {
					text-decoration: underline;
				}
				
	#overbox-bottom {
		padding: 0; margin: 0;
		height: 8px;
		background: url(../images/bg-overbox-bottom.png) left top no-repeat;
	}	
