/**
 * Main stylesheet for spudy-co.de
 * (c) S. Teuber 2009
 */

body {
	background-color:	#ececec;
}

#container {
	width:				820px;
	margin:				1em auto;
	background-color:	white;
	padding:			1em 1.5em;
}


/** Meta Navigation **/
#metaNav {
	margin:				0 0 .5em 0;
	width:				100%;
	text-align:			right;
	list-style-type:	none;
	color:				#00265e;
	font-size:			.9em;
}

#metaNav li {
	display:			inline;
	margin-left:		5px;
	padding-left:		10px;
	background:			url(../media/bullet_metaNav.gif) center left no-repeat;
}

#metaNav li.first {
	background:			none;
}


/** Logo / Headbanner **/
#logo {
	margin-top:			23px;
	float:				left;
}

#headBanner {
	float:				right;
}


/** Top bar / Searchbox / Breadcrumb / Bottom bar**/
#topBar, #bottomBar {
	clear:				both;
	width:				100%;
	height:				35px;
	overflow:			none;
	background:			url(../media/bar_threecolors.gif) bottom left no-repeat;
	background-color:	#ececec;
	position:			relative;
	margin-bottom:		1.5em;
}

#topBar {
	margin-top:			.5em;
}

#bottomBar {
	margin-bottom:		0;
}

#searchBox {
	margin:				0;
	position:			absolute;
}

#searchBox fieldset {
	border:				none;
	margin:				0;
	padding:			5px 7px;
}

#searchBox label {
	display:			none;
}

#searchbox-sword {
	margin:				0;
	width:				125px;
	float:				left;
}

#searchbox-submit, .searchsubmit {
	float:				left;
	border:				1px solid #bbb;
	margin-left:		5px;
	height:				20px;
	width:				50px;
	overflow:			hidden;
	padding:			0 0 2px 0;
	color:				#1e56ab;
	background:			url(../media/bg_searchbutton.gif) top left no-repeat;
	background-color:	#ececec;
	font-size:			10px;
}

#bCLeadIn {
	float:				right;
	margin:				6px 5px;
	color:				#00265e;
	font-size:			.9em;
}

#breadCrumb {
	float:				right;
	list-style-type:	none;
	margin:				6px 7px 0 0;
	font-size:			.9em;
}

#breadCrumb li {
	display:			inline;
}


/** Main navigation **/
#mainNav {
	float:				left;
	list-style-type:	none;
	margin:				0 0 160px 25px;
	padding:			0;
}

#mainNav li {
	width:				172px;
	font-size:			1.1em;
	border-bottom:		1px solid #bbb;
	border-left:		1px solid #bbb;
	margin-bottom:		2px;
}

#mainNav li a {
	display:			block;
	width:				165px;
	background-color:	white;
	margin:				0 0 2px 2px;
	padding:			3px 0 3px 5px;
	color:				#00265e;
}

#mainNav li a:hover, #mainNav li a:active, #mainNav li a.active {
	background:			url(../media/verlauf.gif) repeat-x;
	background-color:	#ececec;
	color:				#00265e;
	text-decoration:	none;
}

#mainNav li ul {
	list-style-type:	none;
	margin:				0;
}

#mainNav li li {
	border:				none;
	font-size:			1em;
}

#mainNav li li a {
	width:				154px;
	line-height:		1em;
	background-color:	white;
	margin:				0 0 0 7px;
	padding-left:		10px;
	background:			url(../media/bullet_gray.gif) 0 7px no-repeat;
}

#mainNav li li a:hover, #mainNav li li a:active, #mainNav li li a.active {
	background:			url(../media/bullet_blue.gif) 0 7px no-repeat;
	background-color:	white;
}


#atmo {
	position:			absolute;
	bottom:				0;
}


/** Content **/
#contentContainer {
	width:				100%;
	min-height:			400px;
	background:			url(../media/bg_contentContainer.gif) -5px 0 repeat-y;
	position:			relative;
	margin-bottom:		1em;
}

#content {
	margin-left:		240px;
}

.clearer {
	clear:				both;
}


/** Content elements **/
#content ul li {
	list-style-type:	none;
	background:			url(../media/bullet_blue.gif) 0 6px no-repeat;
	padding-left:		15px;
	margin-left:		10px;
}


/** Footer **/
#toTop {
	width:				48px;
	height:				18px;
	border:				1px solid #bbb;
	background:			url(../media/bg_topbutton.gif) no-repeat;
	float:				right;
	margin:				5px 7px;
	font-size:			.9em;
}

#toTop a {
	display:			block;
	margin-left:		19px;
	margin-top:			3px;
}

#printButton {
	width:				90px;
	height:				18px;
	border: 			1px solid #bbb;
	background:			url(../media/bg_printbutton.gif) no-repeat;
	float:				right;
	cursor:				pointer;
	margin:				5px 0;
	font-size:			.9em;
}

#printButton a {
	display:			block;
	margin-left:		25px;
	margin-top:			3px;
}

#content ul.browsebox {
	margin-left:	0;
}

#content ul.browsebox li {
	background:		none;
	padding:		0 10px 0 0;
	margin:			0;
	display:		inline;
}