/* ===================================
Stylesheet onsite.ch

Datei: general.css
Datum: 30. März 2011

Aufbau:	1. Kalibrierung
        2. Allgemeine Styles
           Hyperlinks
        3. Styles für Layoutbereiche
        4. Klassen und IDs
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

h1, h2, h3 {
	margin-bottom: 0.5em;
	font-size: 1.14em; /* ca. 16px */
	color: #1f75b7;
}

h1 {
	font-size: 1.42em; /* ca. 20px */
}

th { text-align: left; vertical-align: top; }

hr { background-color: #A8A8A8; }


/* ==================================
   2. Allgemeine Styles
   =============================== */

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.88em; /* ca. 14px */
	/* background: url(resources/background01.png) repeat-x; */
	background-color: #f0f0f0;
	color: #6e6e6e;
	overflow-y: scroll;
}

/* ================
   Hyperlinks    */

/* a { text-decoration: none; } */

a:link { color: #1F75B7; } /* nicht besuchte Links */
a:visited { color: #1F75B7; } /* besuchte Links */
a:hover { color: #1F75B7; }


/* ==================================
   3. Styles für Layoutbereiche
   =============================== */

#wrapper {
	position: absolute;
	left: 50%;
	margin-left: -495px;
	width: 990px;
	overflow: hidden;
	background-color: white;
}

	#kopfbereich {
		float: left;
		overflow: hidden;
		background-color: white;
		width: 950px;
		padding: 0 20px;
	}

	#kopfbereich a { text-decoration: none; }

	#kopfbereich p {
		margin: 10px 0 0 155px;
		font-size: 0.85em; /* ca. 12px */
	}

		#logobereich, #menu {
			float: left;
		}

		#logo {
			float: left;
			background: url(resources/logo.jpg) no-repeat;
			width: 950px;
			height: 170px;
			margin: 0;
		}

		#navi_admin {
			float: left;
			margin: 10px;
			text-transform: uppercase;
		}

		#navi_main, #navi_main2 {
			float: left;
			width: 825px;
			/* margin-left: 130px; */
			margin-top: 18px;
			padding-left: 10px;
			background-color: white;
			text-transform: uppercase;
		}

		#navi_main a, #navi_admin a { color: white; background-color: #898B80; }

			#navi_main li, #navi_main2 li, #navibereich_3 li { list-style-type: none; }
			#navi_main li, #navi_main2 li, #navibereich_3 li {
				float: left;
				margin: 10px;
			}

		#navi_bottom_left, #navi_bottom_right {
			float: left;
			font-size: 0.72em;
			text-transform: uppercase;
			padding: 5px 0;
		}
		#navi_bottom_right {
			width: 174px;
			float: right;
		}

		#navibereich {
			float: left;
			width: 170px;
			margin-left: 20px;
			/* padding: 0 5px; */
			/* background-color: #f0f0f0; */
			background-color: white;
			padding-top: 1px;
			color: white;
			border-top: 4px solid #e5e5e5;;
			border-bottom: 4px solid #e5e5e5;;
		}

	#navi_service {
		float: right;
		margin: 5px 0 20px 0;
	}
	div#navi_service li {
		display: inline;
		padding-left: 7px;
	}

	#textbereich_login {
		float: left;
		width: 765px;
		margin: 30px 5px 0 220px;
		min-height: 600px;
		background-color: white;
	}
	#textbereich_home, #textbereich_2spaltig, #textbereich_admin {
		float: left;
		width: 765px;
		margin: 0 5px 0 30px;
		min-height: 500px;
		background-color: white;
		/* border-top: 1px solid #D1E2EE; */
	}
	#textbereich {
		float: left;
		width: 750px;
		margin: 0 20px 0 30px;
		min-height: 500px;
		background-color: white;
		border-top: 4px solid #e5e5e5;;
	}

	#textbereich table, #textbereich_2spaltig table, #textbereich_admin table { font-size: 0.85em; }

	#textbereich_admin {
		float: right;
		width: 829px;
	}

	#textbereich_2spaltig { width: 640px; }

		#textbereich ul {
			padding-left: 15px;
			margin-bottom: 1.5em;
			line-height: 1.35em;
		}

		#textbereich_home .headline {
			float: left;
			border-top: 4px solid #e5e5e5;;
			margin: 0 15px 30px 0;
			/* margin-bottom: 6px; */
			overflow: hidden;
			/* padding: 14px 0 20px 0; */
			width: 240px;
			height: 188px;
		}
		#textbereich_home .headline img{
			width:100%;
		}
		.headline h2 {
			margin: 10px 0 7px 0;
			color: #1f75b7;
		}
		#textbereich_home p {
			font-size: 0.85em; /* ca. 12px */
			color: #939393;
			margin: 0 0 11px 0;
		}
		#textbereich_home a {
			text-decoration: none;
		}
		.headline .block {
			/* height: 180px; */
		}
		

#fussbereich {
	float: left;
	width: 750px;
	margin: 0 20px 30px 220px;
	padding-top: 12px;
	border-top: 4px solid #e5e5e5;;
	font-size: 0.78em; /* ca. 11px */
	color: #939393;
}
#fussbereich a {
	color: #939393;
	text-decoration: none;
}


/* ==================================
   4. Klassen und IDs
   =============================== */

.contact_onsite {
	font-size: 0.71em;
	color: #b6b6b6;
}
a.contact_onsite { color: #b6b6b6; }
a.contact_onsite:hover { color: #2075B6; }

.pageTitle {
	font-size: 0.85em;
	margin-top: 10px;
}
a.pageTitle {
	text-decoration: none;
	color: #464646;
}

.orderlink, a.orderlink {
	color: #464646;
	text-decoration: none;
	text-align: left;

}

.acrobat {
	float: right;
	margin-top: 10px;
}

.toggle {
	background-color: #D1E2EE;
	color: #464646;
}

.vline { border-left: 20px solid white; }

.resource_pdf { background: url(resources/icons/button_pdf.png) no-repeat; }
.resource_pdf:hover { background: url(resources/icons/button_pdf_roll.png) no-repeat; }
.resource_doc { background: url(resources/icons/button_doc.png) no-repeat; }
.resource_doc:hover { background: url(resources/icons/button_doc_roll.png) no-repeat; }
.resource_xls { background: url(resources/icons/button_xls.png) no-repeat; }
.resource_xls:hover { background: url(resources/icons/button_xls_roll.png) no-repeat; }

.absatz {
	float: left;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #D1E2EE;
}

.absatz input, .absatz select {
	float: right;
	margin-bottom: 1em;
}
.absatz p {
	margin-bottom: 1em;
	font-size: 0.72em;
	text-transform: uppercase;
}

.titleSmall { font-size: 0.72em; }

.title_headline { padding-bottom: 1em; }

.button {
	float: right;
	width: 121px;
	padding: 4px 18px 4px 0;
	border: none;
	color: white;
	background: url(resources/button01.png) right  no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}
.button:hover {
	background: url(resources/button01_roll.png) right no-repeat;
}


.titel {
	font-weight: bold;
	font-style: italic;
}

#textbereich_2spaltig .zelle input, #textbereich_2spaltig .zelle select {
	margin-right: 0.5em;
	width: 165px;
}
#textbereich_2spaltig .zelle_button { margin: 15px 0 0 0px; }
#textbereich_2spaltig .suche input { width: 120px; }

.floatleft { float: left; }

/* ======================================
E N D E general.css
====================================== */