/* template_css.css in white_and_clean/css 
Kallibrierung / allgem. Elemente*/
* {padding: 0px;margin: 0px;}
html {height: 100%; padding-bottom: 0.1%; }
html, body{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #CCCCCC;
}
body #normal {margin: auto;}
#head {margin: 0px;	padding: 0px; background-color: #FFFFFF;}
#head .left {padding: 0px;}
#head img {padding: 0px;}
.center {width: 100%;}

/* ---------- Überschriften */
h1 {color: #333333;	font-size: 130%; font-weight: bold;}
h2 {
	font-size: 120%;
	color: #333333;
	background-color: #DDDDDD;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
h3 {font-weight: bold; font-size: 110%;	color: #333333;	letter-spacing: 1px;}
a {color: #3366CC; 	text-decoration: none;}
a:hover {color: #009999; text-decoration: underline;}
a.image, a.image:hover {border:0;}
a.mainlevel {display:block;}
a.mainlevel:hover {color: #3333CC; text-decoration: underline;}
li{list-style: none;line-height: normal;}
/* -----------   topmenue */
#newsflash {
	text-align: left;
	background-color: #CCC;
	padding-top: 3px;
	padding-left: 12px;
	clear: right;
	padding-bottom: 3px;
}
#newsflash a {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
} 
#newsflash a:hover {color: #FFFFFF;}
#newsflash a:active {
	color: #E4E4E4;
	text-decoration: underline;
	background-color: #999999;
}
/* ---------------- main Hauptfenster */
#main {
	padding-top: 10px;
	padding-left: 15px;
	background-color: #F2F2F2;
	border-top-width: 1px;
	border-top-color: #0099FF;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0099FF;
	border-bottom-style: solid;
}
#main ul {clear: both; padding: 6px 20px 12px;}
.col3 .mid {background-color: #FFFFFF;}
.col3 .mid p {padding-bottom: 5px;}
.mid li, .mainright li, .mainleft li {list-style: disc;}

/* -------------- footer */
#footer {
	background-color: #CCCCCC;
	font-size: x-small;
	position: relative;
	padding-top: 10px;
	padding-left: 190px;
	padding-bottom: 10px;
}
/* ----------------- class-Selektoren */
.componentheading, .contentheading {
	font-size: 130%;
	font-weight: bold;
	color: #0066CC;
	margin-bottom: 15px;
}
.clearer {clear: both; font-size: 0;}
.left {
	float: left;
	width: 150px;
	background-color: #F2F2F2;
	font-size: x-small;
	height: auto;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.right {
	float: left;
	background-color: #F2F2F2;
	width: 150px;
	font-size: x-small;
	padding-left: 10px;
	padding-top: 15px;
}
.mid {
	width: 630px;
	float: left;
	padding: 10px;
	margin-top: 15px;
}
.right a, .left a {
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 5px;
	padding-bottom: 7px;
}
.contentdescription img {margin: 5px;}
.contentpaneopen img {margin: 5px;}
.contentpane img {margin: 5px;}
.pagenav, .back_button, .modifydate, .pagenav_prev, .pagenav_next, .contenttoc, .pagenavbar, .pagenavcounter  {
	font-size: x-small;
	color: #3366CC;
}
.right .moduletable a{border-bottom-width: 0px;}
.left .moduletable a{border-bottom-width: 1px;}
.left .moduletable form table tbody tr td, .left .moduletable form table tbody tr td a {
	border-bottom-width: 0px;
	height: 20px;
	vertical-align: top;
	line-height: 2em;
}
input.button {margin-top: 10px;	margin-bottom: 10px;}
.inputbox {margin-top: 5px;	margin-bottom: 5px;}