/* Agilia Website */

* { margin: 0; padding: 0; border: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
*:focus { outline: none; }
html, body { height: 100%; }
html { overflow-y: scroll; /* fixes bouncing effect, does not validate but is ok */ }
body { background: #fff; color: #0070b7; font-size: 11px; line-height: 15px; }
noscript { color: #d9051b; }
h1, h2 { font-size: 15px; line-height: 18px; }
h3, h4, h5, h6 { font-size: 11px; }
h4, h5, h6 { margin-top: 15px; margin-bottom: -15px; max-width: 480px; }
h5, h6 { font-weight: normal; }
p { font-size: 11px; max-width: 520px; margin-top: 15px; }
a, a:focus, a:hover { color: #0070b7 !important; text-decoration:underline; }
a:visited { color: #0070b7 !important; }
a:active { color: #bcca09 !important; }
input, textarea, select { color: #0070b7; font-size: 11px; }
textarea, select { border-left: #7a9dc4 solid 1px; border-right: #c7d6e6 solid 1px; border-top: #7a9dc4 solid 1px; border-bottom: #c7d6e6 solid 1px; }
hr { display: none; }
img { border: none; }
img.left { float: left; padding: 10px 10px 10px 0; }
img.right { float: right; padding: 10px 0 10px 10px; }
img.top { padding: 0 10px 10px 10px; }
img.top-left { float: left; padding: 0 10px 10px 0; }
img.top-right { float: right; padding: 0 0 10px 10px; }
img.bottom { padding: 10px 10px 0 10px; }
img.center { padding: 10px; }
img.portrait { float: left; padding: 0 10px 10px 0; }
img.fullsize { padding: 0 0 10px 0; }

.radiolabel { float: left; width: auto !important; padding: 0 6px 0 4px; cursor: pointer; }
.radio {
	float: left;
	width: 14px;
	margin-top: 2px;
	padding-right: 5px;
}

#content ul { padding-left: 15px; }
#content ol { padding-left: 20px; }
.box-blue ul { padding-left: 25px; padding-bottom: 10px;}
.box-blue ol { padding-left: 30px; padding-bottom: 10px; }
#content ul li, .box-blue ul li  { padding-left: 5px; list-style-position: outside; }
#content ol li, .box-blue ol li { list-style-position: outside; }

ul.triangles {
	clear: left;
	padding-left: 0 !important;
	list-style-type: none;
}
ul.triangles ul {
    clear: left;
    padding-left: 0 !important;
    list-style-type: none;
}
ul.triangles li {
	max-width: 400px;
	list-style-position: outside;
	padding-left: 10px !important;
	background: url(images/triangel-liste.gif) no-repeat 0 5px;
}

/* static areas */

#center {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}
#topbar {
	width: 970px;
	height: 118px;
}
.topbar-de { background: url("images/topbar-de.gif") no-repeat left top !important; }
.topbar-fr { background: url("images/topbar-fr.gif") no-repeat left top !important; }
.topbar-it { background: url("images/topbar-it.gif") no-repeat left top !important; }
.topbar-international { background: url("images/topbar-intl.gif") no-repeat left top !important; }

#logo {
	float: left;
	width: 164px;
	height: 70px;
	padding: 20px 0 0 20px;
	cursor: pointer;
}
#logo h2 {
	text-indent: -99999px;
}
#topnav {
	float: left;
	margin: 64px 0 0 12px;
	font-size: 12px;
}
#topnav ul {}
#topnav li { display: inline; cursor: pointer; }
#topnav a {
	float: left;
	width: 111px;
	margin: 0 0 0 19px;
	padding: 0 0 0 5px;
	text-decoration: none;
	text-align: center;
	background: url("images/tab-left.gif") no-repeat left top;
	cursor: pointer;
	overflow: hidden;
}
#topnav .first {
	width: 121px;
}
#topnav a span {
	float: left;
	display: block;
	padding: 5px;
	background: url("images/tab-right.gif") no-repeat right top;
	cursor: pointer;
}
#topnav a span, #topnav a:active span { float:none; }
#topnav a:hover span, #topnav a:focus span { color: #0070b7; }
#topnav a:hover, #topnav a:focus { background-position: 0% -42px; }
#topnav a:hover span, #topnav a:focus span { background-position: 100% -42px; }
#topnav .current a { background-position: 0% -42px; font-weight: bold; }
#topnav .current a span { background-position: 100% -42px; }

#suche {
	float: left;
	padding: 74px 0 0 54px;
}

#main {
	position: relative;
	width: 970px;
}

#content { float: left; }
.content { float: left; width: 540px; }
.content-errorpage { width: 540px; margin-top: 24px; margin-left: 215px; }
.content-wide { width: 755px; clear: both; float: left; }
.content-wide p { max-width: 735px; }

#bar-left {
	float: left;
	width: 200px;
	margin-right: 15px;
}
#bar-right {
	float: left;
	width: 200px;
	margin-left: 15px;
}
#fusszeile {
	clear: none;
	float: left;
	width: 970px;
	height: 25px;
	color: #0070b7;
	margin-top: 40px;
	font-size: 9px;
	text-align: center;
	padding-top: 4px;
	background: url("images/footer.gif") no-repeat left top;
}
#fusszeile br { display: none; }
#fusszeile a { color: #0070b7; text-decoration: none; }
#fusszeile a:focus, #fusszeile a:hover { text-decoration: underline }
#fusszeile a:active { color: #bcca09; text-decoration: underline }

#navigation {
	width: 200px;
	background: url("images/bar-left-top-130.gif") no-repeat left top;
	padding-top: 30px;
	margin-bottom: 15px;
	overflow: hidden;
}
#navigation.nav130, .nav130 { background: url("images/bar-left-top-130.gif") no-repeat left top !important; }
#navigation.nav156, .nav156 { background: url("images/bar-left-top-156.gif") no-repeat left top !important; }
#navigation.nav205, .nav205 { background: url("images/bar-left-top-205.gif") no-repeat left top !important; }
#navigation.nav315, .nav315 { background: url("images/bar-left-top-315.gif") no-repeat left top !important; }
#navigation.nav474, .nav474 { background: url("images/bar-left-top-474.gif") no-repeat left top !important; }
#navigation p { margin: 5px 10px 0 10px; }
#navigation span { font-weight: bold; cursor: default; }
#navigation ul li.active a { padding-left: 25px; background: url("images/triangel.gif") no-repeat 10px 7px; }
#navigation ul li ul li a { padding-left: 25px; }
#navigation li { display: block; list-style-type: none; background: url("images/dotted-blue.gif") repeat-x bottom left; }
#navigation li a, #navigation li ul li a, #navigation span {
	display: block;
	background-color: transparent;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}
#navigation a:active { color: #0070b7; }
.navigation-over {
	background: url("images/dotted-green-nav.gif") repeat-x bottom left !important;
}

#sprachwahl {
	float: left;
	width: 200px;
	background: url("images/bar-right-top.gif") no-repeat left top;
	padding-top: 25px;
	padding-bottom: 10px;
	cursor: default;
}
#sprachwahl a { text-decoration: none; }
#sprachwahl a:focus, #sprachwahl a:hover { text-decoration: underline }
#sprachwahl p { padding: 10px 10px 5px 10px; margin-top: 0px; }

#breadcrumb {
	width: 540px;
	font-size: 9px;
	line-height: 8px;
	padding-bottom: 15px;
	cursor: default;
}
#breadcrumb a { text-decoration: none; }
#breadcrumb a:focus, #breadcrumb a:hover { text-decoration: underline; }

/* boxes */

.box-green p { padding: 0 10px 0 10px; margin-top: 0px; }
.box-blue p { padding: 10px 10px 0 10px; margin-top: 0px; }

.box-blue {
	display: block;
	width: 200px;
	background-color: #e5eef7;
}
.box-green {
	display: block;
	width: 200px;
	background: url("images/box-gruen-152.gif") no-repeat left top;
}
.box-table {
	padding-top: 5px;
	width: 200px;
}
.box-table td {
	height: 20px;
	padding: 1px 10px 0 10px;
	vertical-align: top;
	background: url("images/dotted-green.gif") repeat-x left bottom;
}
.box-table.umfrage label { float: left; width:auto; }
.box-table.rechner label { float: left; width: 96px; }
.box-table.rechner .eingabe { background-color: #fff; width: 76px; height: 14px; float: left; border: 1px solid #d4dd66; font-size: 11px; padding: 0 1px 0 1px; }
.box-table.rechner .eingabe:focus { background-color: #fff; }

.box-content-left, .box-content-right, .box-content-text {
	background-color: #e5eef7;
	margin-top: 10px;
}
.box-content-left { float: left; width: 262px; }
.box-content-right { float: right; width: 263px; }
.box-content-left h4, .box-content-right h4, .box-content-title {
	background-color: #e9efb9; margin: 0; padding: 4px 7px 4px 7px;
}
.box-content-left p, .box-content-right p { padding: 4px 7px 4px 7px; margin-top: 0; }

.box-content-title {
	float: left;
	width: 200px;
	margin-top: 10px;
}
.box-content-text {
	float: left;
	width: 440px;
}
.box-group {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 5px;
}

.box-vertical {
	float: left;
	border: 0;
	margin-top: 10px;
}
.box-vertical-title {
	float: left;
	width: 186px;
	background-color: #e9efb9;
	padding: 4px 7px 4px 7px;
	margin-bottom: 0.1px;
}
.box-vertical-text {
	float: left;
	width: 326px;
	background-color: #e5eef7;
	padding: 4px 7px 4px 7px;
}
.paging-right, .linkbar-right {
	clear: left;
	text-align: right;
}
.paging-right {
	padding-top: 20px;
}
.linkbar-right {
	margin-top: 5px;
}

/* tables */

table.tabelle {
	clear: both;
	border: 0;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.tabelle th { 
	text-align: left;
	background-color: #e9efb9;
	padding: 3px 6px 3px 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: top;
}
.tabelle td { 
	background-color: #e5eef7;
	padding: 3px 6px 3px 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	vertical-align: top;
}

/* praemienrechner */

.tabelle-title-green { cursor: default; background-color: #e9efb9; padding: 5px; float: left; display: block; border-bottom: 1px solid #fff; border-right: 3px solid #fff; }
.tabelle-title-blue { cursor: default; background-color: #e5eef7; padding: 5px; float: left; display: block; border-bottom: 1px solid #fff; }
.titlebar { padding-top: 20px; }
.fat-bottom { border-bottom: 3px solid #fff !important; }
.fat-right td, .fat-right th { border-right: 3px solid #fff !important; }

/* icons */

.link-icon, .link-email, .link-url, .button-icon {
	padding-right: 14px;
	background: url("images/triangel.gif") no-repeat bottom right;
	text-decoration: none;
}
.link-icon { font-weight: bold; }
.link-email:hover, .link-email:focus, .link-url:hover, .link-url:focus { text-decoration: underline; }
.link-form { margin-left: 1px; line-height: 20px; }

/* do not use start - no underline rollover in IE */

.button-icon {
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	width: auto;
	margin-top: 3px;
	margin-left: -1px;
	overflow: visible;
}
.button-icon:hover, .button-icon:focus { text-decoration: underline !important; outline: none; }
.button-icon:active { color: #bcca09; }

/* end do not use */

.trash-icon {
	width: 30px;
	height: 14px;
	background: url("images/trash.gif") no-repeat 14px 2px;
	cursor: pointer;
}
.link-pdf, .link-zip, .link-doc, .link-generic, .link-ppt, .link-txt, .link-xls {
	padding-bottom: 1px;
	padding-right: 19px;
}
.link-pdf { background: url("images/icon_pdf.gif") no-repeat right -1px; }
.link-zip { background: url("images/icon_zip.gif") no-repeat right -1px; }
.link-doc { background: url("images/icon_doc.gif") no-repeat right -1px; }
.link-generic { background: url("images/icon_generic.gif") no-repeat right -1px; }
.link-ppt { background: url("images/icon_ppt.gif") no-repeat right -1px; }
.link-txt { background: url("images/icon_txt.gif") no-repeat right -1px; }
.link-xls { background: url("images/icon_xls.gif") no-repeat right -1px; }

.hr {
	clear: both;
	width: 100%;
	height: 1px;
	background: url("images/dotted-blue.gif") repeat-x 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
.hr + p {
	margin-top: 0; /* no luck for IE6 */
}

.state-error { border: 1px solid #cd0a0a; background-color: #fef1ec; color: #cd0a0a; padding: 10px; margin-bottom: 10px; }
.state-error a { color: #cd0a0a; }
.state-error-text { color: #cd0a0a; }
.icon-alert { background: url("images/icon-warning.gif") no-repeat 2px 2px; width: 16px; height: 16px; float:left; margin-right:0.3em;}
.icon-info { background: url("images/icon-info.gif") no-repeat 2px 2px; width: 16px; height: 16px; }

/* misc. formatting */

.underline {
	text-decoration: underline !important;
}
.nounderline {
	text-decoration: none !important;
}
a.nounderline:hover {
	text-decoration: underline !important;
}
.bold {
	font-weight: bold !important;
}
.plain {
	font-weight: normal !important;
}
.smallest {
	font-size: 9px !important;
}
.small {
	font-size: 10px !important;
}
.bigger {
	font-size: 100% !important;
}
.normal {
	font-size: 13px !important;
}
.big {
	font-size: 14px !important;
}
.center {
	text-align: center !important;
}
.middle {
	vertical-align: middle !important;
}
.topinset {
	margin-top: 5px;
}
.leftinset {
	margin-left: 10px;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.cursor {
	cursor: pointer !important;
}
.nocursor {
	cursor: default !important;
}
.printonly {
	display: none;
}
.clear {
	clear: both;
}
.weiss {
	color: #fff !important;
}
.schwarz {
	color: #fff !important;
}
.spacer {
	display:block;
	height: 1px;
	width: 10px;
}
span.hilite { /* suchresultate */
	background-color: #fffbd0;
}

/* safari fixes */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.radio {
		margin-top: 3px;
	}
	.radiolabel {
		padding-top: 1px;
	}
	select {
		border: 1px solid;
	}
}

/* table of content */

#toc {
	display: block;
}

#toc a {
	font-weight: bold;
	text-decoration: none;
	padding-right: 18px;
	background: url("images/toc-down.png") no-repeat bottom right;
}

.toc-depth-2, .toc-depth-3, .toc-depth-4, .toc-depth-5 {
	padding-left: 21px;
}

a.toc-top-link {
	text-decoration: none;
}

.header-with-top-link {}