/**
 * Main stylesheet for meisterteam
 * (c) S. Teuber 2008
 */

#container {
	width:				970px;
	margin:				30px 20px;
	position:			relative;
}


/* Top navigation */

#topNav {
	list-style-type:	none;
	position:			absolute;
	right:				0;
	top:				58px;
	color:				#125F94;
	text-transform:		uppercase;
	font-size:			.9em;
	margin-right:		1px;
}

#topNav li {
	display:			inline;
}

#topNav a:hover, #topNav a:active {
	font-weight:		bold;
}


/* Header image */

#headPic {
	position:			absolute;
	top:				95px;
	left:				235px;
	width:				380px;
	height:				135px;
}


/* Header navigation */

#headNav {
	list-style-type:	none;
	position:			absolute;
	top:				95px;
	left:				616px;
	width:				370px;
	height:				135px;
	overflow:			none;
	margin:				0;
}

#headNav li {
	width:				172px;
	height:				41px;
	overflow:			none;
	background-color:	#94CCEC;
	float:				left;
	margin-bottom:		6px;
	margin-left:		5px;
	text-transform:		uppercase;
	vertical-align:		middle;
}

#headNav li a {
	display:			block;
	padding:			2px 10px;
	color:				white;
	font-weight:		bold;
	width:				152px;
	height:				37px;
	vertical-align:		middle;
	background-color:	#94CCEC;
}

#headNav li a:hover, #headNav li a:active,
#headNav li.active a {
	background-color:	#125F94;
}


/* Top headline */
#topBar {
	width:				735px;
	height:				114px;
	position:			absolute;
	top:				80px;
	left:				235px;
	margin-top:			15px;
	/*background:			url("../media/ruler-wide.gif") top left repeat-x;*/
}

#topBar h1 {
	position:			absolute;
	top:				22px;
	left:				20px;
}

#topBar #headImg {
	float:				right;
}

#topBar #ruler {
	position:			absolute;
	top:				0;
	left:				0;
	width:				735px;
	height:				114px;
	background:			url("../media/ruler-wide-blue-transparent.gif") top left repeat-x;
}

/* Change position and background if the topBar is part of the content */
#contentContainer #topBar {
	position:			relative;
	top:				0;
	left:				0;
	margin:				0 0 20px -20px;
	padding:			22px 0 0 20px;
	width:				715px;
	height:				92px;
	background:			url("../media/ruler-wide-inverted.gif") top left repeat-x;
}

#contentContainer #topBar h1 {
	margin:				0;
	color:				white;
}


#leftCol {
	position:			absolute;
	top:				240px;
	left:				0;
}

#leftCol a:hover, #leftCol a:active {
	font-weight:		bold;
}

/* Main navigation */

#mainNav {
	list-style-type:	none;
	border-top:			1px solid #125F94;
	text-transform:		uppercase;
	font-size:			.9em;
	width:				215px;
	margin:				0;
}

#mainNav li {
	line-height:		1.8em;
	padding-left:		5px;
	padding-right:		5px;
	border-bottom:		1px solid #125F94;
}

#mainNav li.act {
	font-weight:		bold;
}

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

#mainNav li li {
	border-bottom:		none;
	padding:			0;
	font-weight:		normal;
	margin-bottom:		1px;
}

#mainNav li li a {
	padding-left:		10px;
}

#mainNav li li a:hover, #mainNav li li a:active, #mainNav li li.act a {
	background:			url("../media/dreieck.gif") 0 3px no-repeat;
}

#mainNav li li.act ul {
	margin-left:		11px;
}

#mainNav li li.act li a {
	background:			none;
}

#mainNav li li.act li a:hover, #mainNav li li.act li a:active, #mainNav li li.act li.act a {
	background:			url("../media/dreieck.gif") 0 3px no-repeat;
}


/* Meta navigation */

#metaNav {
	list-style-type:	none;
	text-transform:		uppercase;
	font-size:			.9em;
	width:				215px;
	overflow:			hidden;
	margin:				20px 0 0 0;
}

#metaNav li {
	height:				20px;
	margin-bottom:		5px;
	display:			block;
	position:			relative;
}

#metaNav li a {
	position:			absolute;
	border:				1px solid #125F94;
	height:				16px;
	padding:			2px 5px;
	width:				175px;
	display:			block;
}

#metaNav li .questionMark {
	display:			block;
	position:			absolute;
	top:				-1px;
	right:				-29px;
	width:				24px;
	height:				22px;
	padding:			0;
	background-color:	#125F94;
	color:				white;
	font-size:			13px;
	font-weight:		bold;
	text-align:			center;
}


/* Search box */
#searchBox {
	margin:				0;
	padding:			0;
	width:				215px;
	font-size:			.9em;
}

#searchBox fieldset {
	margin:				0;
	padding:			0;
	border:				1px solid #125F94;
	height:				20px;
	overflow:			hidden;
	position:			relative;
}

#searchBox label {
	position:			absolute;
	top:				2px;
	left:				5px;
	color:				#125F94;
	text-transform:		uppercase;
	font-weight:		normal;
}

#searchBox input {
	position:			absolute;
	right:				5px;
	top:				2px;
	border:				none;
	height:				13px;
	background-color:	#E7EEF4;
	font-size:			10px;
	color:				#125F94;
	width:				150px;
}



#contentContainer {
	position:			absolute;
	top:				240px;
	left:				255px;
	width:				715px;
}

/* Content area */
#content {
	min-height:			270px;
}

#content a {
	text-decoration:	underline;
}

#content a:hover, #content a:active {
	color:				#666;
}

#content .divider {
	border-bottom:		1px solid #125F94;
	margin-bottom:		2em;
}

#content .clearer {
	clear:				both;
}

#content .last .divider {
	border-bottom:		none;
	margin-bottom:		0;
}


/* Footer */
#footer {
	font-size:			9px;
	color:				#125F94;
	margin-top:			50px;
	padding-top:		.5em;
	margin-left:		-20px;
	width:				735px;
	border-top:			1px solid #125F94;
	clear:				both;
}

#footer a {
	text-decoration:	underline;
}

#footer a:hover, #footer a:active {
	color:				#666;
}


/* Content elements */
.csc-textpic-intext-right .csc-textpic-imagewrap {
	padding-left:		20px;
}

.csc-textpic-intext-left .csc-textpic-imagewrap {
	padding-right:		20px;
}

.loginForm {
	margin-top:			1em;
}

.loginForm label {
	width:				120px;
	display:			block;
	float:				left;
}

.loginForm input {
	float:				left;
}

.loginForm .field {
	clear:				left;
	height:				1.5em;
	margin-bottom:		1em;
}

.loginForm input[type=text], .loginForm input[type=password] {
	width:				160px;
}

.loginForm input[type=submit] {
	margin-left:		120px;
}

.csc-mailform {
	margin-top:			1.5em;
}

.csc-mailform-field {
	margin-bottom:		1em;
}

.csc-mailform-field label {
	display:			block;
	float:				left;
	width:				240px;
}

.csc-mailform-submit {
	margin-left:		240px;
}