/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			28.11.2009
*/

/*
========================================================
BASE
========================================================
*/

body {
	background-color:		#FFF;
	background-image: 		url(../images/background/blue.png);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

body.fontmiddle {
	font-size:				14px;
}

body.fontbig {
	font-size:				16px;
}


body#tsmall{
	background-image: 		url(../images/background/blue-small.png);
}

body#noimage{
	background-image: 		url(../images/background/blue-noteaser.png);
}

body#nobg{
	background-image: 		none;
}

#container,
.container {
	position:		relative;
	margin:			0 auto;
	width:			980px;
}

/*
========================================================
HEADER
========================================================
*/

#header {
	position:				relative;
	min-height:				105px;
	height:					auto !important;
	height:					105px;
	padding:				0 0 0 0;
	z-index:				10;
}

#header .wrapper {
	position:				relative;
	height:					68px;
	z-index:				20;
}

#header a.logo {
	position:				absolute;
	display:				block;
	left:					38px;
	top:					17px;
	height:					93px;
	width:					253px;
	background-image:		url(../images/logo-ekihd.png);
	background-repeat:		no-repeat;
	background-position:	left top;
	text-align:				left;
	text-indent:			-9999px;
}

#header a.logo.white {
	background-image:		url(../images/logo-ekihd-white.png);
}

#header #wrapper {
	position:				absolute;
	display:				block;
	right:					10px;
	top:					12px;
	float:					right;
	text-align:				right;
	z-index:				20;
	height:					25px;
	padding:				0 12px 0 0;
	background-image:		url(../images/topnav/end.png);
	background-repeat:		no-repeat;
	background-position:	right top;
}

#header #wrapper .inner {
	float:					right;
	height:					25px;
	padding:				0 180px 0 12px;
	background-image:		url(../images/topnav/start.png);
	background-repeat:		no-repeat;
	background-position:	left top;
}

#header #wrapper .fontresize {
	padding:				3px 0 0 0;
}

#header #wrapper .fontresize a {
	display:				block;
	float:					left;
	margin-right:			4px;
	cursor:					pointer;
}

#header #wrapper ul#headernav,
#header #wrapper ul#headernav li {
	margin:					0;
	padding:				0;
	list-style:				none;
}

#header #wrapper ul#headernav li,
#header #wrapper ul#headernav li a {
	float:					left;
}

#header #wrapper ul#headernav li a {
	color:					#323232;
	text-decoration:		none;
	padding:				5px 10px 0 10px;
}

#header form {
	position:				absolute;
	top:					3px;
	right:					12px;
	z-index:				22;
}

form .searchmask,
form .btnsearch
{
	float:					left;
}

form .searchmask {
	padding:				1px 5px 1px 5px;
	border:					1px solid #8e8c8d
}

form .btnsearch {
	margin:					0 0 0 5px;
	padding:				0;
}

/*
========================================================
CONTENT
========================================================
*/

#content {
	padding:				20px 0 0 0;
	min-height:				400px;
	height:					auto !important;
	height:					400px;
}

/*
========================================================
BREADCRUMB
========================================================
*/

#breadcrumb {
	float:				left;
	width:				764px;
	margin:				0 0 0 30px;
	padding:			0 0 10px 0;
}

#breadcrumb .message {
	margin-right:		10px;
	color:				#a6a6a6;
}

ul#crumbList {
	float:				left;
}

ul#crumbList,
ul#crumbList li {
	margin: 			0;
	padding: 			0;
	list-style: 		none !important;
	background-image:	none !important;
	border:				0;
}

ul#crumbList li,
ul#crumbList li a {
	display:			inline;
	color:				#a6a6a6;
	text-decoration: 	none;
}

ul#crumbList li {
	padding:			0 0 0 0;

}

ul#crumbList li a {
	padding:			0 0 0 0;
}

ul#crumbList li a:hover,
ul#crumbList li.last,
ul#crumbList li.last a{
	color:				#781d79;
}

ul#crumbList li.first a {
	padding:			0;
}

/*
========================================================
MENU
========================================================
*/

#menu
{
	float:				left;
	width:				186px;
	padding-top:		0px;
}

/*
========================================================
TOPCONTENT
========================================================
*/

#topcontent {
	float:				left;
	width:				764px;
	margin:				0 0 0 30px;
	padding:			0 0 20px 0;
	border-bottom:		1px solid #781d79;
}

#topcontent a.btn {
	float:				left;
	display:			block;
	margin:				0 17px 0 0;
	width:				230px;
	height:				110px;
}

#topcontent a.btn:last-child {
	margin:		0 !important;
}

/*
========================================================
PRIMARY
========================================================
*/

#primary
{
	float:				left;
	width:				505px;
	padding:			0 20px 0 30px;
}

/*
========================================================
SIDEBAR
========================================================
*/
#sidebar
{
	float:				right;
	width:				231px;
	padding-top:		12px
}

.spacer {
	margin-bottom:		15px;
}

.topspacer {
	margin-top:			45px;
}

#sidebar h4
{
	font-size:		18px;
	line-height:	22px;
	color:			#781d79;
	text-transform:	none;
}

/*
========================================================
FOOTER
========================================================
*/

#footer {
	display:				block;
	height:					30px;
	margin:					30px 0 0 0;
	padding:				40px 10px 0 20px;
	background-image: 		url(../images/background/footer-purple.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

#footer,
#footer a {
	color:					#781d79;
}

#footer ul {
	margin:					0;
	padding:				0;
	list-style:				none;
	float:					right;
}

#footer ul li {
	display:				inline;
}

#footer ul li,
#footer ul li a {
	margin:					0;
	padding:				0;
	list-style:				none;
}

#footer ul li {
	margin:					0 0 0 0;
}

#footer ul li a {
	padding:				0 10px 0 10px;
	text-decoration:		none;
}

#footer ul li.first a {
	background-image:		none;
}

#footer ul li.last a {
	padding-right:			0;
}

#footer ul li a:hover {
	color:					#000;
}