/**
 * Main stylesheet for TIFA  - reset some BP styles, build basic elements
 *
 * (c) 2010 S. Teuber
 */

body {
	background-color: 	#DDDDDD;	
}

#container {
	margin:				0 auto 50px auto;
	padding:			10px 0;
	width:				910px;
	min-height:			500px;
	position:			relative;
	background-color: 	white;
}

#navCol {
	float:				left;
	width:				130px;
	padding:			0 10px;
}

#mainCol {
	position:			relative;
	float:				left;
	width:				760px;	
}

#mainNav {
	list-style-type:	none;
	margin:				65px 0 0 0;
	padding:			0;
	font-size:			12px;
	text-transform:		uppercase;
}

#mainNav li {
	width:				100%;
	background:			url(../media/bg_nav.png) left 2px no-repeat;
	margin-top:			8px;
}

#mainNav li a {
	color:				#5A5A5A;
	padding:			0 8px;
	letter-spacing: 	1px;
}

#mainNav li a:hover,
#mainNav li a.active {
	color:				#009C33;
}

#mainNav li ul {
	text-transform:		none;
	list-style-type:	none;
	margin:				6px 0 0 0;
	padding:			0;
}

#mainNav li li {
	background:			transparent;
	margin-top:			1px;
	border-bottom:		1px solid #E6F4F7;
}

#mainNav li li a {
	color:				#009DAC;
	width:				100%;
	display:			block;
	padding-left:		18px;
	letter-spacing: 	0;
}

#mainNav li li a:hover,
#mainNav li li a.active {
	/*background:			url(../media/bullet_square_green.png) 118px 5px no-repeat;*/
	background:			url(../media/bullet_square_green.png) 5px 5px no-repeat;	
}

#mainNav li li ul {
	margin-top:			0;	
}

#mainNav li li li {
	font-size:			.9em;
	border-bottom:		0;	
}

#mainNav li li li a:hover,
#mainNav li li li a.active {
	background:			url(../media/bullet_square_green_small.png) 7px 6px no-repeat;	
}

#mainNav li li li li {
	font-size:			1em;
	padding-left:		8px;
}

#mainNav li li li li a:hover,
#mainNav li li li li a.active {
	background:			url(../media/bullet_square_green_smallest.png) 12px 7px no-repeat;	
}


/** Login form **/

#navCol .tx-felogin-pi1 {
	margin-top:			110px;
	width:				100%;	
	font-size:			10px;
}

#navCol .tx-felogin-pi1 h3 {
	font-weight:		bold;
	border-bottom:		1px solid #BABABA;
	margin-bottom:		.5em;	
}

#navCol .tx-felogin-pi1 input {
	font-size:			10px;	
	width:				100px;
}

#navCol .tx-felogin-pi1 .submit {
	margin-top:			10px;
	width:				106px;
	height:				18px;
	padding-left:		5px;
	border:				1px solid #BABABA;
	text-align:			left;
	color:				#5A5A5A;	
	background:			url(../media/bg_button.png) top left repeat-x;
	font-weight:		bold;
}


/** Header **/

#headLarge {
	height:				420px;	
}

#headSmall {
	height:				230px;	
}
	
#headImg {
	position:			absolute;	
}

#header {
	position:			relative;
	background:			url(../media/bg_header_large.png) top right no-repeat;	
	height:				115px;
}

#headSmall #header {
	background:			url(../media/bg_header_small.png) top right no-repeat;	
	height:				55px;
}

#metaNav {
	list-style-type:	none;
	margin:				8px 0 25px 0;
	padding-left:		45px;
	font-size:			12px;	
}

#metaNav li {
	display:			inline;
}

#metaNav li a {
	color:				black;
	padding:			0 5px;
}

#metaNav li a:hover {
	color:				#009B31;	
}

#metaNav li.first a {
	background:			url(../media/bullet_triangle_green.png) 0 3px no-repeat;
	padding-left:		12px;	
	color:				#009B31;
}

#metaNav li.first a:hover {
	color:				#88C080;	
}

#header h3 {
	font-size:			34px;
	text-transform:		uppercase;
	letter-spacing: 	1px;
	padding-left:		45px;
	color:				#009B31;	
}

#seal {
	position:			absolute;
	top:				12px;
	right:				20px;	
}

#headSmall #seal {
	top:				-10px;	
}

#subHeadBar {
	width:				100%;
	height:				35px;	
	position:			relative;
}

.blue {
	height:				30px !important;
	background-color:	#91C4CC;	
}

.green {
	height:				30px !important;
	background-color:	#009B33;	
}

.lightgreen {
	height:				30px !important;
	background-color:	#BDD796;	
}

.orange {
	height:				30px !important;
	background-color:	#FCCB76;	
}

#subHeadBar .shadow {
	position:			absolute;
	top:				0;
	left:				0;
	width:				760px;
	height:				15px;
	background:			url(../media/schattenwurf.png) top left no-repeat;	
}

#subHeadBar h3 {
	color:				white;
	text-transform:		uppercase;
	letter-spacing: 	1px;
	font-size:			14px;
	font-weight:		bold;
	padding-top:		11px;
	padding-left:		15px;
}

#quickNav {
	list-style-type:	none;
	margin:				0;
	position:			relative;	
}

#quickNav .first,
#quickNav .second,
#quickNav .third {
	display:			block;
	float:				left;
	width:				242px;
	height:				36px;
	background:			url(../media/quickNav_first.png) top left no-repeat;
	text-align:			center;
	padding-top:		5px;	
}

#quickNav .second {
	width:				243px;
	background:			url(../media/quickNav_second.png) top left no-repeat;
	margin-left:		10px;
	margin-right:		10px;
}

#quickNav .third {
	background:			url(../media/quickNav_third.png) top left no-repeat;
}



#quickNav li a {
	font-size:			20px;
	color:				white;
	text-transform:		uppercase;
	letter-spacing: 	1px;
	font-weight:		bold;
}

#quickNav li a:hover {
	color:				#DDDDDD;	
}


/** Content **/

#content {
	margin-top:			30px;	
	padding:			0;
	color:				black;
}

#content a {
	color:				#90C4CC;	
}

#content a:hover {
	text-decoration:	underline;	
}

#content h2 {
	font-size:			16px;
	color:				black;	
	line-height:		1.5em;
}

#contentMain,
.contentMain {
	padding:			0 15px;
	width:				510px;
	float:				left;	
}

.contentMain {
	padding-left:		0;	
}

.home .contentMain {
	width:				495px;
	padding-right:		10px;	
}

#contentMargin,
.contentMargin {
	padding:			22px 15px 0 5px;
	float:				left;
	width:				200px;	
}

.contentMargin {
	padding-top:		0;	
}

.home .contentMargin {
	padding-left:		0;
	padding-right:		0;
	width:				240px;	
}

.twoCols .left,
.twoCols .right {
	width:				245px;
	float:				left;	
}

.twoCols .left {
	margin-right:		20px;	
}

.home .twoCols .left {
	width:				240px;
	margin-right:		15px;	
}

.home .twoCols .right {
	width:				240px;	
}
	
.clear {
	clear:				both;
}

.csc-default {
	position:			relative;	
}


/** TIFA Suchen **/

#tx_roottifamitglieder_pi1-map {
	position:			relative;
	float:				right;
	margin-top:			-2em;	
}

.tx_roottifamitglieder_pi1_list,
.tx_roottifalieferanten_pi1_list {
	margin-bottom:		3em;	
	clear:				both;
}

.showall {
	float:				right;	
}

.tx_roottifamitglieder_pi1_list .item-odd,
.tx_roottifamitglieder_pi1_list .item-even {
	height:				3em;
	padding:			0 10px;
}

#content .tx_roottifamitglieder_pi1_list .item-odd a,
#content .tx_roottifamitglieder_pi1_list .item-even a {
	font-weight:		bold;
	color:				#3D7A85;
}

.tx_roottifamitglieder_pi1_list .item-odd,
.tx_roottifalieferanten_pi1_list .item-odd {
	background-color:	#D4E6BC;
}

.tx_roottifamitglieder_pi1_list .item-odd .nr,
.tx_roottifamitglieder_pi1_list .item-even .nr {
	float:				right;
}

.pagebrowser {
	width:				100%;	
}

.wide {
	width:				730px;	
}

.pagebrowser .prev,
.pagebrowser .pages,
.pagebrowser .next {
	float:				left;
	margin-right:		10px;
	color:				#777;	
}


.tx_roottifamitglieder_pi1-single {
	margin-bottom:		4.5em;
	page-break-inside:	avoid;
}

.tx_roottifamitglieder_pi1-single .headBar {
	height:				1.5em;
	padding:			0 10px;	
	background-color:	#D4E6BC;
	margin:				1.5em 0;
}

.tx_roottifamitglieder_pi1-single .headBar .nr {
	float:				right;
}

.tx_roottifamitglieder_pi1-single .headBar h3 {
	font-weight:		bold;
	line-height:		1.2em;
}

.tx_roottifamitglieder_pi1-single .icons {
	float:				right;
	padding:			0 10px;
}

.tx_roottifamitglieder_pi1-single .icons img {
	margin:				1px;
}

.tx_roottifamitglieder_pi1-single .data {
	padding:			0 10px;
	clear:				left;
}

.tx_roottifamitglieder_pi1-single .persons .item {
	float:				left;
	width:				23%;
	padding-left:		10px;
	overflow:			hidden;
}

.tx_roottifamitglieder_pi1-single .data h4 {
	margin-bottom:		.5em;
	font-size:			1em;	
}
	
.tx_roottifamitglieder_pi1-single .persons .item h4 {
	font-size:			.9em;
	margin-bottom:		.6em;
}

.tx_roottifamitglieder_pi1-single .goods {
	clear:				left;
	padding:			1.5em 0 0 10px;	
}


/** Lieferantensuche **/

select {
	padding:			1px;	
}

.tx_roottifalieferanten_pi1_list .headRow {
	font-size:			.9em;
	height:				50px;
	width:				730px;
	padding:			0 2px;
}

.tx_roottifalieferanten_pi1_list .group {
	float:				left;
	width:				42px;
	overflow:			hidden;
}

.tx_roottifalieferanten_pi1_list .nr {
	float:				left;
	width:				55px;
}

.tx_roottifalieferanten_pi1_list .name {
	float:				left;
	width:				280px;
}

.tx_roottifalieferanten_pi1_list .skonto {
	float:				left;
	width:				40px;
	text-align:			center;
}

.tx_roottifalieferanten_pi1_list .ziel {
	float:				left;
	width:				40px;
	text-align:			center;
}

.tx_roottifalieferanten_pi1_list .bewertung {
	float:				left;
	width:				40px;
	text-align:			center;
}

.tx_roottifalieferanten_pi1_list .mitglieder {
	float:				left;
	width:				30px;
	text-align:			center;
}

.tx_roottifalieferanten_pi1_list .icons {
	float:				left;
	padding:			4px 0 0 15px;
	width:				100px;
}

.tx_roottifalieferanten_pi1_list .icons .icon {
	float:				left;
	width:				20px;
	height:				20px;
	display:			block;
	margin-right:		2px;
	margin-bottom:		2px;
}

.tx_roottifalieferanten_pi1_list .arrow {
	margin-left:		10px;
}

.tx_roottifalieferanten_pi1_list .additions {
	padding:			1em 0 0 97px;
}

#content .tx_roottifalieferanten_pi1_list .additions a {
	color:				#009DAC
}


.tx_roottifalieferanten_pi1_list .itemRow .skonto,
.tx_roottifalieferanten_pi1_list .itemRow .ziel,
.tx_roottifalieferanten_pi1_list .itemRow .bewertung,
.tx_roottifalieferanten_pi1_list .itemRow .mitglieder,
.tx_roottifalieferanten_pi1_list .additions {
	font-size:			.9em;	
}


.tx_roottifalieferanten_pi1_list .item-odd,
.tx_roottifalieferanten_pi1_list .item-even {
	padding:			5px 2px;
	width:				730px;
	min-height:			54px;
}

#content .tx_roottifalieferanten_pi2 a {
	color:				#009DAC;	
}

.tx_roottifalieferanten_pi2 {
	width:				680px;	
}

.tx_roottifalieferanten_pi2 td {
	overflow:			hidden;
	font-size:			.9em;
	padding-left:		12px;	
}

.tx_roottifalieferanten_pi2 .supplier {
	width:				180px;	
}

.tx_roottifalieferanten_pi2 .date {
	width:				100px;	
}

.tx_roottifalieferanten_pi2 .file {
	width:				200px;	
}

.tx_roottifalieferanten_pi2 .status {
	width:				100px;	
}

.tx_roottifalieferanten_pi2 .even td,
.tx_roottifalieferanten_pi2 .odd td {
	border-bottom:		1px solid #D4E6BC;
}

th.header {
	border-bottom:		1px solid black;
	padding-left:		12px;
	background:			url(../media/icons/bg.gif) -5px 6px no-repeat;
	cursor:				pointer;	
}

th.headerSortUp {
	background:			url(../media/icons/desc.gif) -5px 6px no-repeat;
}

th.headerSortDown {
	background:			url(../media/icons/asc.gif) -5px 11px no-repeat;
}

.pagebrowser .listall {
	float:				right;
}


/** Sitemap **/
.csc-sitemap ul {
	list-style-type:	none;	
}

.csc-sitemap li {
	margin-bottom:		1em;
}

.csc-sitemap li li {
	margin-bottom:		0;
	padding-left:		1em;	
}

#content .csc-sitemap a {
	color:				#5A5A5A;	
}

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

.csc-mailform-field label {
	display:			block;	
}

.csc-mailform-field select,
.csc-mailform-field textarea {
	margin-top:			0;	
}