@charset 'utf-8';

/** =========================================================

	Projekt:		Tower Venture eG
	Autor:			FinwallMedia, S. Meier

	Datei:			screen.css, Page Layout

	Erstellt:		28.11.2007
	Modifiziert:	<!--%TimeStamp%-->22.01.2008 17:02<!---->

============================================================= */

@import url(default.css);


/* ----------------------------------------------------- Page layout */

body {
	height: 100%;
	background: #E8F5FD url(img/bg_site.jpg) repeat-x;
	color: #4d4b4b;
	font: normal 75.01% "Trebuchet MS", Verdana, sans-serif;
}

/* Link Formats */
a {
	color: #318844;
	text-decoration: none;
	outline: 0;
}

a:hover {
	color: #31AE1C;
	text-decoration: underline;
}

a#anfang {
	position: absolute;
	left: 0px;
	top: 0px;
}


h1 { font: normal 1.6em "Trebuchet MS", Verdana, sans-serif; color: #000; margin: 0 0 1em 0; }

	h1.subsites {
		margin-left: 270px;
	}

h2,
h3 {
	margin-bottom: 1em;
	color: #11100E;
}

h2 {
	font-size: 1em;
	font-weight: bold;
}

h3 {
	font-size: 1em;
}

/** LAYOUT **/

#header {
	margin: 40px auto 0 auto;
	width: 780px;
	background: #fff url(img/bg_header2.jpg) no-repeat;
}

#highlights {
	margin: 0 auto;
	width: 820px;
	font-size: 1.2em;
	line-height: 1.5em;
	background: #f00;
}

	#left_col,
	#right_col {
		display: block;
		float: left;
		width: 20px;
		background: #458843 url(img/left_bg_top.jpg) left bottom no-repeat;
		height: 238px;
	}

	#right_col {
		background: #458843 url(img/right_bg_top.jpg) right bottom no-repeat;
	}


		#logo {
			padding: 20px 20px 10px 30px;
			width: 160px;
			float: left;
		}

		#navi_abs {
			float: left;
			width: 570px;
			height: 150px;
			text-align: right;
		}

			ul#navi_top {
				list-style: none;
				float: right;
				margin-right: 40px;
				margin-top: 5px;
				height: 50px;
				font-size: 0.95em;
			}

			ul#navi_top li {
				float: left;
			}

			ul#navi_top li a {
				float: left;
				display: block;
				padding: 0 10px;
				color: #fff;
			}

			#navi_main {
				clear: both;
				margin: 20px 25px 0 30px;
				border-left: 1px solid #fff;
				font-size: 1.2em;
				font-weight: bold;
				padding-bottom: 2px;
				height: auto;
				background: url(img/row_bg.gif) left bottom repeat-x;
			}

				#navi_main ul {
					padding: 0 0 0 15px;
				}

				#navi_main li {
					display: inline;
				}

				#navi_main li a {
					text-decoration: none;
					float: left;
					padding: 0 0 0 8px;
					margin-right: 6px;
					background: url(img/navi.jpg) 0 0 no-repeat;
				}

				#navi_main li a span {
					display: block;
					float: left;
					padding: 16px 16px 6px 8px;
					background: url(img/navi.jpg) 100% 0 no-repeat;
					cursor: pointer;
				}

				#navi_main li a:hover {
					background: url(img/navi.jpg) 0 -47px no-repeat;
				}
				#navi_main li a:hover span {
					background: url(img/navi.jpg) 100% -47px no-repeat;
					color: #f2f2f2;
				}

				#navi_main li a.active {
					background: url(img/navi.jpg) 0 -94px no-repeat;
				}

				#navi_main li a.active span {
					background: url(img/navi.jpg) 100% -94px no-repeat;
					color: #000;
				}


		#navi_line {
			display: block;
			clear: both;
			background: #D3E6D0;
			height: 1px;
			margin: 0 20px 0 34px;
			font-size: 1px;
			line-height: 1px;
		}

		h1.standard {
			width: 435px;
			height: 54px;
			margin: 0px 0 10px 0px;
		}

			#hl_start { background: url(../img/hl1.gif) no-repeat; }

		h1.standard span {
			display: block;
			text-indent: -9999px;
		}


#content,
#content_start {
	margin: 0 auto;
	width: 780px;
	font-size: 1.1em;
	line-height: 1.5em;
	background: #fff;
	padding: 0 0 0 0;
}

#content_start {
	padding: 30px 0 0 0;
}


#footer {
	margin: 0 auto;
	width: 740px;
	padding: 75px 20px 30px 20px;
	font-size: 0.9em;
	line-height: 2em;
	color: #92A094;
	text-align: center;
	background: url(img/bg_footer.jpg) left top no-repeat;
}

#footer p {
	margin: 0 auto;
	color: #258215;
}

	a#toplink {
		padding-right: 25px;
	}

	a#printlink {
		background: url(img/drucken.gif) 0 0.1em no-repeat;
		padding: 0 0 0 15px;
	}

	a:hover#printlink {
		background: url(img/drucken2.gif) 0 0.1em no-repeat;
	}


/** CONTENT TEMPLATES **/
.left { float: left; padding: 0 20px 0 30px; }
.right { float: left; padding: 0 20px 0 30px; }

.esStandard { padding: 0 10px 20px 30px; }

.zs50 { background: url(img/col_bg.gif) 400px 0 repeat-y; margin-bottom: 20px; }
.zs50 .left, .zs50 .right { width: 350px; }

.zs3070 { background: url(img/col_bg.gif) 240px 0 repeat-y; margin-bottom: 0px; }
.zs3070 .left { width: 190px; }
.zs3070 .right { width: 455px; }

.zs7030 { background: url(img/col_bg.gif) 485px 0 repeat-y; margin-bottom: 0px; }
.zs7030 .left { width: 415px; }
.zs7030 .right { width: 245px; }


.subnavi {
	margin: 0 10px 0 0;
	padding-top: 1px;
	background: url(img/row_bg.gif) left top repeat-x;
	letter-spacing: 0.05em;
	font-size: 0.9em;
}

.subnavi li {
	padding: 1px 0 2px 0;
	background: url(img/row_bg.gif) left bottom repeat-x;
}

.subnavi li a {
	display: block;
	padding: 2px 10px 2px 15px;
	text-decoration: none;

}
.subnavi li a:hover {
	background: #94CAF8 url(img/icon_subnavi.gif) left center no-repeat;
	color: #fff;
	text-decoration: none;
}

.subnavi li a.active {
	background: #fff url(img/icon_subnavi2.gif) left center no-repeat;
	font-weight: bold;
	color: #318844;
}

.left .contact_box {
	color: #7d7b7b;
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

.left .contact_box span {
	font-variant: small-caps;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
}


/** CONTENT / TYPO FORMATS **/
.highlight_text {
	color: #258215;
	font-size: 1.2em;
}

.grey_text {
	color: #7d7b7b;
}

.small_text {
	font-size: 0.9em;
	letter-spacing: 0.05em;
}

.small_text2 {
	font-size: 0.9em;
	font-variant: small-caps;
}


.content_box {
	background: #E9F2E7;
	border: 1px solid #A8CDA1;
	padding: 20px;
	margin-bottom: 20px;
}

ul.content_list, ol.content_list, dl.content_list {
	list-style: none;
	margin: 1em 0;
}

table.content_table {

}

.team_img {
	float: right;
	margin: 4px 0 10px 20px;
}


/* Start Highlights */
.highlight_start {
	height: 198px;
	background: #458843 url(img/bg_start.jpg) -1px 0 no-repeat;
	padding: 40px 20px 0 20px;
	float: left;
}


	#hs_content1 {
		float: left;
		width: 230px;
		height: 170px;
	}

		#start_navi {
			text-align: left;
			padding: 0px 10px 0 0px;
			font-size: 1.3em;
		}

		#start_navi li a,
		#start_navi li a.active {
			display: block;
			color: #fff;
			padding: 5px 0px 6px 15px;
			font-weight: bold;
			font-size: 0.85em;
			height: 43px;
			width: 205px;
			text-decoration: none;
		}

		#start_navi li#start_item1 a:hover,
		#start_navi li#start_item1 a.active {
			background: url(img/start1_bg.jpg) right top no-repeat;
		}

		#start_navi li#start_item2 a:hover,
		#start_navi li#start_item2 a.active {
			background: url(img/start2_bg.jpg) right top no-repeat;
		}

		#start_navi li#start_item3 a:hover,
		#start_navi li#start_item3 a.active {
			background: url(img/start3_bg.jpg) right top no-repeat;
		}

		#start_navi li.active a,
		#start_navi li a:hover {
			background: #4C964B;
		}

		#start_navi li a span {
			font-size: 0.7em;
			font-weight: normal;
		}

		#start_feature1 {
			padding: 10px 0;
		}

	#hs_content2 {
		float: left;
		width: 470px;
		height: 100px;
		font-size: 0.9em;
		line-height: 1.5em;
		padding: 0 20px;
		color: #fff;
	}

	#hs_content2 img {
		margin-left: -7px;
	}

	img.small_pic {
		border: 5px solid #fff;
		display: block;
		margin-bottom: 6px;
	}

	a.start_feat_link {
		display: block;
		float: right;
		background: url(img/icon_start2.gif) left center no-repeat;
		padding-left: 30px;
		font-size: 1.1em;
		color: #fff;
		font-weight: bold;
	}

.team_ov,
.team_ov1 {
	float: left;
	width: 227px;
	padding: 0 0px 10px 0;
	margin-top: -10px;
	margin-bottom: 10px;
}

.team_ov1 {
	margin-left: -10px;
}

	.team_ov img,
	.team_ov1 img {
		float: left;
		margin: 0 15px 10px 0;
	}

.team_ov a,
.team_ov1 a {
	display: block;
	border: 1px solid #fff;
	padding: 10px 10px 0px 10px;
}

.team_ov a:hover,
.team_ov1 a:hover {
	border: 1px dotted #A8CDA1;
}

.team_ov a span.team_name,
.team_ov1 a span.team_name {
	display: block;
	margin-left: 90px;
	padding-top: 10px;
}

.kontakt_split {
	float: left;
	width: 220px;
}