/*************************************************************/
/* iv.css */
/* -------- */
/* Black		Black */
/* Fuchsia		Fuchsia */
/* Orange		Orange */
/* White		White */
/* Yellow		Yellow */
/* */
/* InfoBackground */
/* */
/* Blue			Teal */
/* Navy			Olive */
/* lightcyan	palegreen */
/* Aqua			Lime */
/* royalBlue	seagreen */
/* */
/* #E0E0E0: hellgrau */
/*************************************************************/
/* Größeneinheiten: */
/* pt: Points */
/* pc: Picas */
/* px: Pixels */
/* em: Ems */
/* ex: Exes*/
/* %: Percentages */
/* */
/* */
/* http://www.melearnasp.net/csshtml/?articleid=17 */

/*************************************************************/

/* Einstellungen von asp:panel ,,, */
/* * { border:0; margin:0; padding:0; } */
/* div { } */

/* === Allgemein */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black; /* gray40: #666666; */
	margin: 5px 5px; /* 15px 40px; */
	background: White /* #CBCBCB */ url(bg-main.gif) repeat-x;
	font-size:0.72em;
	}

/* --- Links */
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color: Navy; /* #FF6600; */
	}

a:visited {
	color: Blue; /* #CC6600; */
	}

a:hover {
	color: Navy; /* #FF3300; */
	text-decoration:none;
	background: orange;
	}

a:active {
	color: Fuchsia; /* #669966; */
	}

/* --- Headings: h1-h6 */
h1 {
	font-size:1.3em;
	color: Blue;
	padding:0;
	margin:0 0 10px 0;
	}

h2 {
	font-size:1.2em;
	color: Blue;
	}

h3 {
	font-size:1.1em;
	color: Blue;
	background-color: #E0E0E0;
	}
	
h4 {
	font-size:1.0em;
	color: Blue;
	background-color: #E0E0E0;
	}
	
h5 {
	font-size:.9em;
	color: Blue;
	background-color: #E0E0E0;
	}
	
h6 {
	font-size:.8em;
	color: Blue;
	}

/* --- table */
table {
	background-color: InfoBackground;
	}

/* --- blockquote */
blockquote {
	background-color: InfoBackground;
	border:thin solid Blue;
	}

/* --- fieldset */
fieldset {
   margin: 0px;
   padding: 0px;
}

/* === header-container: header + header-side */
#header-container {
	font-size:1.8em;
	font-weight:bold;
	color: aqua;
	background: royalBlue; /* url(bg-header.gif) repeat-x; */
	border-bottom:0px solid #7F7F7F;
	border-right:0px solid #7F7F7F;
	padding: 0px 5px; /* 10px 10px 10px 10px; */
	margin-bottom:0px;
	height:50px;
	min-height:50px;
	}

#header {
	float:left;
	width:70%;
	}

#header a {
	color: aqua;
	text-decoration:none;
	background: transparent;
	}

#header-side {
	float:right;
	width:30%;
	text-align:right;
	}

#header-side a {
	text-decoration:none;
	color: Red;
	font-weight:bold;
	}

/* --- subheader */
#subheader {
	font-size: 0.7em;
	margin:0px;
	font-weight:normal;
	padding-top:7px;
	}
	
/* === mainnav-container: mainnav + mainnav-side */
#mainnav-container {
	font-size: 0.9em;
	color: White; 
	background: darkgray; /* url(bg-topnav.gif) repeat-x; */
	border-top:0px solid dimgray;
	border-bottom:0px solid dimgray;
	border-right:0px solid #7F7F7F;
	border-left:0px solid #EDEDED;
	padding: 3px 5px;
	margin-top: 1px;
	margin-bottom: 0px;
	}

#mainnav-container ul {
	margin:0px;
	padding:0px;
	}

#mainnav-container li {
	padding:0px;
	list-style:none;
	display:inline;
	margin:5px 10px 5px 0px;
	}

#mainnav {
	float:left;
	width:70%;
	}

#mainnav a {
	text-decoration:none;
	color: White;
	}

#mainnav-side {
	float:right;
	width:30%;
	text-align:right;
	}

#mainnav-side a {
	text-decoration:none;
	color: Red;
	font-weight:bold;
	}

#mainnav-side li {
	padding:0px;
	margin:5px 0px 5px 10px;
	}

/* === breadcrumb-container: breadcrumb + breadcrumb-side */
#breadcrumb-container {
	font-size:1.0em;
	color: Yellow;
	background: royalBlue; /* url(bg-topnav.gif) repeat-x; */
	border-bottom:0px solid #7F7F7F;
	border-right:0px solid #7F7F7F;
	border-left:0px solid #EDEDED;
	padding: 3px 0px;
	margin-top: 1px;
	margin-bottom:0px;
 	height:15px;
	min-height:15px;
	}

#breadcrumb-container a {
	color: Yellow;
	}

#breadcrumb {
	float:left;
	padding:0 5px;
	font-weight:bold;
	}

#breadcrumb-side {
	float:right;
	padding: 0 10px;
	}

#breadcrumb-side label {
	display:none
	}

#breadcrumb-side form {
	margin:0px;
	padding:0px;
	text-align:right;
	}

#breadcrumb-side form fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}

#breadcrumb-side form legend {
	display:none;
	}

/* === content-container: content-side + content */
#content-container {
	background: lightcyan;
	border-top:0px solid transparent; /* #CBCBCB; */
	border-right: none; /* 1px solid #7F7F7F; */
	border-bottom:none; /* 2px solid #7F7F7F; */
	border-left:none; /* 0px solid #CBCBCB; */
	padding:1px;	/* falls padding=0 und border-top/-bottom = 0 => alles verschoben */
	margin:0px;
	position:relative;
	}

/* --- content-side */
#content-side {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	padding:5px;
	font-size:0.9em;
	font-weight:bold;
	}

#content-side img {
	border:none;
	}

#content-side ul.link-list-main {
	margin: 0px; /* 0px 0px 15px 0px; */
	padding:0px;
	}

#content-side ul.link-list-main li {
	list-style: none;
	margin:0px;
	padding:2px 0px;
	}

#content-side ul.link-list-main li a {
	color: Blue;
	background: transparent;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	}

#content-side ul.link-list-main li a:hover {
	color: Orange;
	}

#content-side ul.link-list-main-sub {
	margin: 0px; /* 0px 0px 15px 0px; */
	padding:0px;
	}

#content-side ul.link-list-main-sub li {
	list-style: none;
	margin:0px;
	padding:2px 0px;
	}

#content-side ul.link-list-main-sub li a {
	color: Blue;
	background: transparent;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .6em;
	}

#content-side ul.link-list-main-sub li a:hover {
	color: Orange;
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .6em;
	}


/* --- content */
#content {
	padding:10px 10px 0px 10px;
	margin: 0px 0px 0px 150px;
	height:100%;
	background-color:White;
	border-left:1px dashed gray;
	border-right:none; /* 0px dashed gray; */
	min-height:400px;	/* abhängig von Navigation */
	/* font-size:x-small; */
	/* font-size:smaller; */
	/* font-size:small; */
	/* font-size:0.95em; */
	}

#content p {
	margin:0px 0px 20px 0px;
	}

#content table {
	margin:0px 0px 0px 0px;
	}

/* --- footer */
#footer {
	color:Gray;
	margin-top:20px;
	padding: 5px; /* 10px 5px 10px; */
	border-top:1px solid gray; /* #7F7F7F; */
	text-align:center;
	clear:both;
	background: transparent; /* url(bg-topnav.gif) repeat-x; */
	font-size:.9em;
	}

/* --- Inhaltsspalte rechts */
#content-right {
	float:right;
	width:150px;
	padding:0px 10px 0px 10px;	/* oben rechts unten links */
	margin: 0px 0px 0px 0px;
	height:100%;
	background-color: InfoBackground;
	border-left:1px dashed gray;
	border-right:none;
	}

/* --- three-column-container: three-column-left + three-column-middle + three-column-right */
/* 

#three-column-container {
	width:100%;
	margin:10px 0px;
	text-align:justify;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

#three-column-left {
	float:left;
	width:30%
	}

#three-column-right {
	float:right;
	width:30%
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%
	}

*/


/* AL: 10.06.2007: label => deaktiviert, da in Form/Checkbox CheckBox und Label getrennt waren */
/* #content-container label {
/* 	display:block;
/* 	padding-top:8px;
/* 	}
/* */

/******************
LISTS - IN THE CONTENT DIV
******************/
#content ul.list, #content ul.link-list-main-sub {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-main-sub li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-main-sub li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-main-sub li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-main-sub li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-main-sub li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .6em;
	}

/******************
TABLE STYLES
******************/
/*
.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}
	
.table td {
	padding:10px;
	}

thead th, tfoot th {
	background-color:#E8E8E8;
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:10px;
	font-weight:normal;
	font-variant:small-caps;
	}
*/

/******************
CLASSES
******************/
/*

.button-big {
	margin-top:8px;
	}

img.photobig, img.photosmall {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: #E0E0E0 url(background_table_04.gif) repeat-x;
	padding:8px;
	}

img.photosmall {
	margin-right:10px;
	margin-bottom:2px;
	float: left;
	}
	
.searchbox {
	height:13px;
	margin:0px;
	padding:0px;
	width:8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	}

.button-search {
	height:18px;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCCCCC;
	background: url(bg-button-search.gif) repeat-x;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	}

*/

.smallpx10 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:transparent;
	font-Size:10px;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	
.smallpx10bold {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:transparent;
	font-Size:10px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	
.smallpx10inverseblue {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:Blue;
	font-Size:10px;
	font-weight:bold;
	color:White;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	}

.smallpx11 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:transparent;
	font-Size:11px;
	text-decoration:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	}

	
.small {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:transparent;
	font-Size:10px;
	color:Black;
	text-decoration:none;
	}
	
.smallbold {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:transparent;
	font-Size:10px;
	font-weight:bold;
	color:Black;
	text-decoration:none;
	}
	
.smallinverse {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color:Blue;
	font-Size:10px;
	font-weight:bold;
	color:White;
	text-decoration:none;
	}

.toTop {
	height:18px;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-top:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
	border-left:1px solid;
	border-color: Red;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: Blue;
	}
	
.none {
	display:none;
	}

.clear {
	clear:both;
	}