/**
 * standard.css
 *
 * ie adapted css file for bvtg
 *
 * @author: Holger Janßen (webdev@holgerjanssen.de)
 * @copyright: (c) by Holger Janßen, all rights reserved
 **/
 
 
/** basic font **/

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	/*color: #80a7b1; */
	color: #000000;
		
	background-image: url("../images/background_logo.jpg");
	background-position: 250px 170px; 
	background-attachment: fixed;
	background-repeat: no-repeat;
	
	padding: 0px;
	margin: 0px;
	
	/*line-height: 110%;*/
}


p, li, td {
	font-size: 100%;
}

p { position: relative; }

p.back{
	text-align: center;
}

#content p.date {
	text-align: right;
	margin: 0px;
	
	position: relative;
	top: 15px;
}

/* standard text */
#content p {
	margin: 0px 0px 10px 0px;
	padding-left: 25px;
	
	width: auto;
	
	z-index: 5;
}

/* standard headlines */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 200%;
	margin: 0px 0px 15px 0px;
	
	text-align: center;
	color: #80a7b1; 
}

#content h1, #content h2, #content h3, #content p {
	width: 610px;
}

#content h2 {
	font-size: 140%;
	margin: 30px 0px 10px 0px;
	padding: 1px 25px 1px 25px;
	
	color: #ffffff;
	
	background-image:url("../images/background_highlight.gif");
	background-repeat: repeat-y;
}

#content h2.images {
	text-align: center;
}

#content h3 {
	margin: 20px 0px 5px 25px;
	font-size: 125%;
	color: #024f63; 
}

#content h4 {
	margin: 15px 0px 5px 25px;
	font-size: 100%;
	font-weight: bold;
}

/** fomulare **/
input.text, textarea.text {
	border: 0;
	background-color: #80a7b1;
	width: 100%;
	color: #000000;
	margin: 2px;
}

label.error {
	color: #860005;
	text-decoration: underline;
}

table.background input.text, table.background textarea.text, table.background select, table.background select option {
	background-color: #ffffff;
	color: black;
}

input.error, table.background input.error, select.error, table.background select.error{
	background-color: #ff8f8c;
}

table td, table th {
	padding-right: 10px;
	padding-bottom: 5px;
}

table.background td, table.background th {
	padding: 0;
}


.module input.text, .module textarea.text {
	background-color: #ffffff;
}

td.buttons {
	text-align: center;
}

input.button{
	background-color: #a0a0a0;
	color: #ffffff;
	font-weight: bold;
	margin: 2px;
	padding: 0px 15px 0px 15px;
	font-size: 90%;
}

input.imagebutton {
	width: 128px; 
	height: 25px;
	background: none;
	border: none;
	 
	background-image: url('../images/css/bg_button.png'); 
	background-repeat:no-repeat; 
	color: white;
	font-weight: bold;
	
	margin: 0px;
}


input.imagebutton:hover {
	background-image: url('../images/css/bg_button_hover.png'); 
}


/** standard links **/
a:link, a:hover {
	color: #ff0000;
	text-decoration: underline;
}

a:active, a:visited {
	color: #a00000;
	text-decoration: underline;
}


/** tabellen **/
table {
	margin: 5px 5px 5px 25px;
	font-size: 100%;
}
td {
	vertical-align: top;
	text-align: left;
	font-size: 100%;
	
	padding: 5px 0px 5px 0px;	
}

th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	
	padding: 5px 10px 5px 0px;
}

tr.alt td {
	background-color: #e0e0e0;
}

/* tabellen mit rahmen und abständen*/
table.border {
	border-spacing: 0px;
	border-collapse: collapse;
}

table.border tr.noborder td {
	border-top: none;
	border-bottom: none;
}

table.border tr.border_top td {
	border-top: 1px solid black;
	border-bottom: none;
}

table.border td, table.border th {
	padding: 5px;
}

table.border th {
	border-bottom: 1px solid black;
	text-align: center;
}

table.border td {
	border-bottom: 1px solid #a0a0a0;
}

table.border a, table.border a:link, table.border a:visited, table.border a:active {
	color: black;
	text-decoration: none;
}

table.border a:hover {
	color: red;
	text-decoration: underline overline;
}

table.border tr.hr td {
	height: 2px;
	padding: 0px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

table.border tfoot th {
	border-top: 2px solid black;
	border-bottom: 0px;
}
	
	
table.border .borderleft {
	border-left: 1px solid black;
}

table.border .borderright {
	border-right: 1px solid black;
}
	
/* tabellen mit hintergrund */
table.background {
	background-color: #80a7b1;
	padding: 10px;
	
	margin-left: auto;
	margin-right: auto;
}

table.background td {
	color: #ffffff;
	padding: 2px 0px 2px 0px;
}

table.background th {
	color: #ffffff;	
	padding: 2px 10px 2px 0px;
}

/** listen **/
ul, ol {
	margin: 0px 10px 0px 10px;
}

li {
	margin: 0px 0px 5px 7px;
	padding-left: 7px;
}


/* besondere auszeichnungen */
.red, #content .red {
	color: #ff0000;
}

.green, #content .green {
	color: #006633;
}

.yellow, #content .yellow {
	color: #E9CC6D;
}

em.tab_tel {
	font-style: normal;
	position: absolute;
	
	left: 80px;
}

em.tab1 {
	font-style: normal;
	position: absolute;
	left: 120px;
}

em.tab_table {
	display: inline-block;
	width: 40px;
}


p.message {
	color: #ff0000;
}

/** modules **/
div.module {
	padding: 5px;
	color: #ffffff;
	
	font-size: 85%;
	
	position: absolute;
	bottom: 138px;
	top: 0px;
	height: auto;
	
	overflow: auto;
}

div.module a, div.module a:link, div.module a:visited, div.module a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}


div.module h2 {
	margin: 0px 0px 10px 0px;
	font-size: 120%;
}

/** menu **/
ul.menu {
	padding: 0px; 
	margin: 0px;
	
	background-color: #024f63;
	color: #ffffff;
	font-weight: bold;
	z-index: 5;
	
	height: 18px;
	
	position: absolute;
	top: 0px;
	left: 119px;
	
	list-style-type: none;
	font-size: 13px;

	white-space: nowrap;
}


ul.menu li {
/* 	/*float: left; */
	margin: 0px 0px 0px 15px;
	padding: 2px;
	
	position: relative;
	text-align: left;
	
	display:inline-block;

}

ul.menu ul {
	position: absolute;
	top: 15px;
	left: 0px;
	padding: 5px 0px 0px 0px;
	z-index: 3;
	margin: 0px;
	
	background: none;
	
	display: none;
	list-style-type: none;
}

ul.menu ul li {
	float: none;
	display: block;
	
	margin: 0px;
	padding: 2px;
	
	border-bottom: 1px solid #ffffff;
	
	background-color: #80a7b1;
}

ul.menu li:hover ul, ul.menu li ul:hover {
	display: block;
}

ul.menu a, ul.menu a:hover, ul.menu a:link, ul.menu a:visited, ul.menu a:active{
	color: #ffffff;
	text-decoration: none;
}

ul.menu ul li a:hover {
	color: #000000;
}


li#menu_item_0 {
	left: -20px;
}

li#menu_item_6 {
	margin-left: 50px;
}

li#menu_item_7 {
	margin-left: 45px; text-align: right; width: 135px;
}


div.menu_1 {
	height: 18px;
	overflow: visible;
	
	background-color: #024f63;
	color: #ffffff;
	
	padding: 1px 20px 1px 0px;
	
	font-weight: bold;
		
	z-index: 5;
	
	font-size: 13px;
}

div.menu_1 a, div.menu_1 a:hover, div.menu_1 a:link, div.menu_1 a:visited, div.menu_1 a:active{
	color: #ffffff;
	text-decoration: none;
}


div.submenu {
	display: none;
		
	padding-top: 20px;
}


div.menu_2 {
	background-color: #80a7b1;
	border: 1px solid #ffffff;
	padding: 1px 4px 1px 4px;
	
	font-weight: normal;
	font-size: 90%;
	
	width: 100%;
}


div.menu_2, div.menu_2 a, div.menu_2 a:link, div.menu_2 a:visited, div.menu_2 a:active {
	color: #ffffff;
	text-decoration: none;
}


div.menu_2 a:hover {
	color: #000000;
	text-decoration: none;
}



/**** standards +******/
em.smaller {
	font-size: 80%;
	font-style: normal;
}

.smaller {
	font-size: 80%;
}


 

/*** message div */
div.message {
	border: 1px dotted #ff0000;
	margin: 20px;
	padding: 5px;
	width: 100%;
}


ul.navi {
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 15px;
}

ul.navi li ul {
	margin-left: 15px;
	padding-left: 0px;
}
ul.navi li {
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left: 5px;
}

ul.navi li li {
}

em.tab {
	font-style: normal;
	position: absolute;
	left: 150px;
}



.nobr {
	white-space: nowrap;
}


div.image_float {
	float: right;
	width: auto;
	text-align: right;
	
	padding: 5px 0px 20px 10px;
	
	z-index: 35;
}

div.image_float img {
	margin: 0px 0px 20px 0px;
	border: none;
	
	z-index: 40;
}


a img {
	border: none;
}


#content div.content_col p {
	width: 320px;
}

span.right { float:right; }

span.radio_list_descr {
	display: inline-block;
	margin-left: 22px;
}

input#login_login, input#login_passwd {
  width: 125px;
}


div.imprint {
	float: left;
	width: 10px;
	text-align: center;
	line-height: 90%;
	margin: 5px 10px 5px 0px;
	padding: 2px;
	border: 1px solid #014F63;
}

div.imprint:hover {
	border: 1px solid white;
}

div.imprint a, div.imprint a:link, div.imprint a:visited, div.imprint a:active {
	text-decoration: none;
	font-weight: bold;
	color: white;
}

#content p.icons {
	border: 1px solid #c0c0c0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: url('../images/bg_icons.png');
	
	padding: 4px;
	margin-left: 25px;
}

p.icons a {
}


p.icons a img, a.button img {
	background-color: #e0e0e0;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	vertical-align: middle;
}

td.icons {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
}


/**** iconbar **********************************************/
ul.iconbar {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0px;
	margin: 0px;
	
	border: 1px solid #c0c0c0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: url('../images/bg_icons.png');
	
	padding: 3px;
	width: 640px;
}

ul.iconbar_small {
	display: inline-block;
	width: auto;
	height: 20px;
	border: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #e0e0e0;
	padding: 2px;
	margin: 0px;
	
	white-space: nowrap;
}

span.single_button {
	background: none;
	border: none;
	
	margin: 0px;
	padding: 1px;
	height: auto;
	width: auto;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	
	display: inline-block;
	
	position: relative;
	top: 2px;
}

span.single_button:hover {
	background-color: white;
}



ul.iconbar li, ul.iconbar_small li {
	position: relative;
	display: inline-block;
	margin: 0px;
	overflow: hidden;
}


ul.iconbar li {
	height: 25px;
	width: 25px;
	padding: 2px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	border: 2px solid #e0e0e0;	
	float: left;
}

ul.iconbar_small li {
	height: 15px;
	width: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 1px;	
	padding: 1px;
}

ul.iconbar li.icon_spacer, ul.iconbar_small li.icon_spacer,
ul.iconbar li.icon_spacer:hover, ul.iconbar_small li.icon_spacer:hover
{
	border: none;
	background: none;
}

ul.iconbar li.icon_spacer {
	width: 10px;
}

ul.iconbar_small li.icon_spacer {
	width: 4px;
}

ul.iconbar li.icon_spacer span, ul.iconbar_small li.icon_spacer span {
	display: none;
}

ul.iconbar li:hover, ul.iconbar_small li:hover {
	background-color: #c0c0c0;
}

ul.iconbar li:hover {
	border: 2px solid #707070;
}
ul.iconbar_small li:hover {
	background-color: #a0a0a0;
}

ul.iconbar li a, ul.iconbar_small li a, span.single_button a {
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	text-decoration: none;
	
	display: inline-block;
	
	margin: 0px; padding: 0px;
	
	opacity: 0.4;
}

ul.iconbar li a {
	background-image: url('../images/icons.png');
	height: 25px;
	width: 25px;
}

ul.iconbar_small li a, span.single_button a {
	background-image: url('../images/icons_small.png');
	height: 15px;
	width: 15px;
}

span.single_button a {
	border: none;
	opacity: 1;
}

ul.iconbar li a:link, ul.iconbar li:active, ul.iconbar li a:visited,
ul.iconbar_small li a:link, ul.iconbar_small li a:active, ul.iconbar_small li a:visited,
span.single_button a:link, span.single_button a:active, span.single_button a:visited
{
	text-decoration: none;
}

ul.iconbar li a:hover, ul.iconbar_small li a:hover, span.single_button a:hover {
	opacity: 1;
}

ul.iconbar_small li a:hover {
	background-color: #a0a0a0;
}

span.single_button a:hover {
	background-color: #ffffff;
}

ul.iconbar li a span, ul.iconbar_small li a span, span.single_button a span  {
	position: absolute;
	top: -200px;
}

ul.single_button {
	border: none !important;
	background: none;
	width: auto;
}


/********* /iconbar *******************************************/



td.center {
	text-align: center;
}

td.number, th.number, table.border th.number, table.border td.number {
	text-align: right;
}

th.left, table.border th.left {
	text-align: left;
}

div.sponsor {
	margin-left: 25px;
	margin-bottom: 50px;
	clear: both;
}

div.sponsor img {
	float: left;
}

#content div.sponsor p {
	margin-left: 220px;
	width: 350px;
}


div#sponsors {
	position: absolute;
	
	top: 0px;
	bottom: 0px;
	left: 210px;
	
	background-color: #e4e4e4;
	width: 650px;
	
	font-size: 90%;
	padding: 5px;
	
	color: black;
}


div#sponsors h3 {
	color: black;
	margin: 5px 0px 10px 0px;
}

div#sponsors p {
	margin: 0px 0px 5px 0px;
}

div#sponsors a, div#sponsors a:link, div#sponsors a:visited, div#sponsors a:active {
	color: #014F63;
	font-weight: bold;
	margin-right: 10px;
	text-decoration: none;
}

div#sponsors a:hover {
	text-decoration: underline;
}


div.balk {
	height: 25px;
	padding: 5px;
	
	margin-left: 25px;
	margin-bottom: 10px;
}

div.balk span {
	white-space: nowrap;
}
	
img.align_right {
	float: right;
	
	padding: 5px; 
	margin: 5px 10px 5px 10px;
	
	border: 1px solid black;
	border-radius: 3px;
	-moz-border-radius: 3px;
	
	background-color: white;
}

img.align_left {
	float: left;
	
	padding: 5px;
	margin: 5px 10px 5px 25px;
	
	border: 1px solid black;
	border-radius: 3px;
	-moz-border-radius: 3px;
	
	background-color: white;
}



/**************************** loginbox **********************/
div.loginbox {
	margin: 30px auto;
	width: 540px;	
}


div.loginbox div {
	position: relative;
	
	width: 245px;
	height: 170px;
	float: left;
	
	/* border: 1px solid black; */
	border-radius: 7px;
	
	margin: 0px;
	padding: 0px;
	
	background-color:#80A7B1;
	
	margin-left: 20px; 
}


#content div.loginbox div h3 {
	position: absolute;
	top: 0px; left: 0px;
	right: 0px;
	
	width: auto;
	background-color: #024F63;
	color: white;
	
	font-size: 120%;
	font-weight: normal;
	
	margin: 0px;
	
	padding: 2px 5px;
	
	text-align: center;
	border-radius: 7px;
}

div.loginbox form {
	padding: 10px;
	
	height: 100%;
}

div.loginbox span {
	display: block;
	text-align: center;
	width: 100%;
}


div.loginbox input.text {
	background-color: white;
	width: 210px;
}

div.loginbox input.button {
	background-color:#024F63;
	
	border-bottom: 2px solid #000A0D;
	border-right: 2px solid #000A0D;
	border-top: 2px solid #CFD9DC;
	border-left: 2px solid #CFD9DC;
}

/************************************ footnotes **************************************************/
a.footnote {
	vertical-align: top;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	
	color: black;
	border: 1px solid #a0a0a0;
	padding: 0px 1px;
	
	position: relative;
	top: -2px;
}

table.background a.footnote {
	color: white;
	border: 1px solid #B6CBD1;
}


div.footnotes {
	position: relative;
	
	margin-left: 15px;
	font-size: 90%;
}

span.fn_label {
	display: block;
	float: left;
	width: 15px;
	text-align: right;
	clear: both;
}

span.fn_body {
	display: inline-block;
	
	margin-bottom: 10px;
	margin-left: 10px;
	
	width: 600px;
	float: left;
}


/********************************* tabels for calendar ********************************/
table.month {
	border-collapse: collapse;
}

table.month th, table.month td{
	text-align: center ;
	margin: 2px; 
	padding: 4px;
}

table.month th {
	border-bottom: 2px solid black;
	border-top: none;
}

table.month td.week {
	vertical-align: top;
	font-size: 75%;
	border-right: 1px solid black;
}

table.month td.empty {
	background-color: #e0e0e0;
}

table.month td.current {
	background-color: #80a7b1;
	color: white;
	font-weight: bold;
}

table.month td.current a {
	color: white;
}

table.month td.noentries {
	font-size: 90%;
}

table.month td.entries {
	font-weight: bold;
}


/******************** fromulare für Datumsabstimmungen *********************/
ul.arr_dates {
}

ul.arr_dates > li {
	margin: 0px 0px 5px 20px;
}

ul.arr_times {
	list-style-type: none;
	clear: left;
	margin: 0px 0px 0px 10px; padding: 0px;
}

ul.arr_times li {
	display: inline-block;
	white-space: nowrap;	
	padding: 0px;
	margin: 0px 10px 0px 0px;
}





/************** news auf startseite ******************/
div.home_news {
	position: relative;
	padding-left: 40px;
	
	margin: 10px 0px 20px 25px;
	
	width: 530px;
}

div.home_news img {
	position: absolute;
	
	left: 0px;
}

#content div.home_news p {
	padding: 0px;
	margin: 0px;
	width: auto;
}

div.home_news span.date, div.home_news span.more {
	display: block;
	text-align: right;
}