@charset "UTF-8";
/* CSS Document */


/* ALLGEMEIN */

body {
	margin:				0;
	padding:			0;
	background-color:	#F8F8F8;
}

body, th, td, span, div, p, li {
	font-family:		Arial, sans-serif;
	font-size:			13px;
	color:				#3D3D3D;
	line-height:		19px;
	text-align:			justify;
	-webkit-text-size-adjust: none;
}

p, img, a, ul, ol, li, div, h1, h2, h3, h4, h5, h6 {
	margin:				0;
	padding:			0;
}

table {
	empty-cells:		show;
	border-collapse:	collapse;
	border-spacing:		0;
}

table th, table td {
	text-align:			left;
}

a {
	/**/
	color:				#3D3D3D;
	text-decoration:	underline;
}

a:hover {
	color:				#888;
	text-decoration:	none;
}

a.highlight {
	font-weight:		bold;
	color:				#750016;
	text-decoration:	none;
}

a.normal {
	color:				#3D3D3D;
	text-decoration:	none;
}

a.normal:hover {
	color:				#3D3D3D;	
}

.pointer {
	cursor:				pointer;
}

b {
	font-weight:		bold;
}

img {
	border:				none;
	vertical-align:		bottom;
}

hr {
	height:				1px;
	margin:				10px 0;
	padding:			0;
	background-color:	#888;
	border:				0;
}

ul {
	margin-bottom:		5px;
	list-style-type:	none;
}

ul li {
	padding-left:		10px;
	background-image:	url(../images/style/listBull.gif);
	background-position:left 8px;
	background-repeat:	no-repeat;
}

ul ul,
ul ul ul,
ul ul ul {
	margin-left:		10px;
}

ol {
	position:			relative;
	margin-left:		40px;
	margin-bottom:		5px;
}

ol li {
	background-image:	none;
}

p {
	display:			block;
	margin-bottom:		5px;
}

p img {
    margin-top:         4px;
    margin-bottom:      4px;
}

.clear {
	clear:				both;
}


/* ÜBERSCHRIFT */

.title {
	margin:				0 0 2px 0;
	font-size:			18px;
	font-weight:		bold;
	line-height:		19px;
	text-align:			left;
}

.subtitle {
	padding:			0 0 5px 0;
	font-size:			14px;
	line-height:		17px;
}

.titleline {
	margin:				20px 0 7px 0;
	padding:			0 0 4px 0;
	border-bottom:		1px solid #750016;
	color:				#750016;
	font-size:			12px !important;
	font-weight:		bold;
}

.titlebox {
    position:           relative;
    height:             32px;
    margin-bottom:      10px;
    background-image:   url(../images/style/titlebox_background.png);
    background-repeat:  no-repeat;
}

.titlebox img {
    position:           absolute;
    left:               20px;
    float:              left;
}

.titlebox p {
    position:           absolute;
    top:                12px;
    left:               67px;
    margin:             0;
    font-size:          14px;
    font-weight:        bold;
}


/* SCHRIFT */

.alignleft {
	text-align:			left !important;
}

.aligncenter {
	text-align:			center !important;
}

.alignright {
	text-align:			right !important;
}

.smallfont {
	font-size:			11px;
}

.crossed, .crossed * {
	text-decoration:	line-through;
}

.textHighlight {
	background-color:	#FFFF33;
	font:				inherit !important;
}

.highlighted, .highlighted * {
	color:				#7E0001;
}


/* TABLE 1 - sortable table with table heads */

.table1 {
	width:				100%;
	border:				1px solid #c2c2c2;
}

.table1 thead tr th {
	height:				35px;
	padding:			5px 10px;
	background-color:	#eaeaea;
	background-position:right center;
	background-repeat:	no-repeat;
}

.table1 thead tr th.header {
	padding:			5px 15px 5px 8px;
	background-image:	url(../images/style/tablesorter_bg.gif);
	cursor:				pointer;
}

.table1 thead tr th.headerSortUp {
	background-image:	url(../images/style/tablesorter_desc.gif);	
}

.table1 thead tr th.headerSortDown {
	background-image:	url(../images/style/tablesorter_asc.gif);	
}

.table1 thead tr th, .table1 tbody tr td {
	border-right:		1px solid #c2c2c2;
	border-bottom:		1px solid #c2c2c2;
}

.table1 tbody tr {
	background-image:	url(../images/forms/background.jpg);
	background-position:0 bottom;
	background-repeat:  repeat-x;
	background-color:   #FAFAFA;
}

.table1 tbody tr:hover {
	background-image:   none;
}

.table1 tbody tr td {
	height:				25px;
	padding:			0 8px;
	font-size:			11px;
	line-height:		normal;
}

.table1 tbody tr td * {
	font-size:			11px;
}

.table1 tfoot tr {
	padding:			5px 10px;
	background-color:	#eaeaea;	
}

.table1 tfoot tr td {
	height:				25px;
	padding:			0 8px;
	font-size:			11px;
	font-weight:		bold;
	line-height:		normal;	
}

.table1 .input-text {
	padding-top:		2px;
	padding-bottom:		2px;
	font-size:			11px;
}

.table1 select {
	width:				100%;
	padding:			0;
	font-size:			11px;
}

.table1 option {
	padding:			0;
}

.table1 .Table1CheckboxColumn {
	padding-left:		5px;
	padding-right:		5px;
}

.table1 .Table1CheckboxColumn input {
	margin:				0;
}


/* TABLE 2 - table with two columns */

.table2 {
	border-collapse: 	separate;
}    
    
.table2 td {
    width:              50%;
    margin:             0;
    padding:            0;
    text-align:         justify;
    vertical-align:     top;
}

.table2 .table2-left {
    padding-right:      10px;
}

.table2 .table2-right {
    padding-left:       10px;
}


/* VERANSTALTUNGEN */

.titlebar {
	width:				698px;
	height:				38px;
	margin:				0 0 5px 0;
	background-image:	url(../images/style/titlebar_background.jpg);
	border:				1px solid #794031;
	list-style:			none;
}

.titlebar li {
	width:				85px;
	height:				34px;
	margin:				0;
	padding:			4px 0 0 0;
	background:			none;
	color:				#ffffff;
	font-size:			12px;
	text-align:			center !important;
	line-height:		normal;
	float:				left;
	cursor:				pointer;
}

.titlebar li.arrowleft, .titlebar li.arrowright {
	width:				50px;
	height:				38px;
	padding:			0;
	background-repeat:	no-repeat;
}

.titlebar li.arrowleft {
	background-image:	url(../images/style/titlebar_arrowleft.png);
}

.titlebar li.arrowright {
	background-image:	url(../images/style/titlebar_arrowright.png);
}

.event {
	position:			relative;
	width:				698px;
	height:				66px;
	margin:				0 0 5px 0;
	background-image:	url(../images/style/event_background.jpg);
	background-color:	#f3f3f3;
	border:				1px solid #c2c2c2;
	list-style:			none;
	overflow:			hidden;
}

.event li {
	margin:				0;
	padding:			9px 10px;
	background:			none;
	text-align:			left;
	line-height:		normal;
	float:				left;
}

.event li * {
	line-height:		normal;
}

.event li.bezirk {
	width:				150px;
	padding-left:		20px;
}

.event li.datum {
	width:				150px;
}

.event li.thema {
	width:				315px;
	padding-right:		20px;
}

.event .details {
	position:			absolute;
	top:				9px;
	right:				9px;
	width:				190px;
	font-size:			11px;
	text-align:			right;
}

.eventCalendar {
	position:			absolute;
	width:				110px;
	height:				128px;
	margin:				-12px 0 20px 0;
	background-image:	url(../images/style/calendar.png);
	float:				left;
}

.eventCalendar .month {
	height:				25px;
	padding-top:		17px;
	font-size:			16px;
	font-weight:		bold;
	color:				#fff;
	text-align:			center;
	line-height:		25px;
}

.eventCalendar .day {
	height:				83px;
	font-size:			60px;
	font-weight:		bold;
	text-align:			center;
	line-height:		83px;
}

#eventDetails {
	margin-top:			30px;
	clear:				left;
}

#map {
    position:           relative;
    width:              700px;
    height:             140px;
    margin-bottom:      10px;
    z-index:            50;
}

#map a {
    position:           absolute;
    z-index:            100;
    width:              48px;
    height:             48px;
}

#map_canvas {
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            75;
    width:              700px;
    height:             140px;
}

#map_canvas * {
    font-size:          10px !important;
}

#map_overlay {
    position:           absolute;
    top:                0;
    left:               0;
    z-index:            85;
    width:              700px;
    height:             140px;
    background-image:   url(../images/style/map_overlay.png);
	background-repeat:  no-repeat;
}

.map_calendar {
    display:            inline;
	width:				86px;
	height:				100px;
	margin:				20px;
	background-image:	url(../images/style/calendarM.png);
	background-repeat:  no-repeat;
	float:				left;
}

.map_calendar * {
    line-height:        normal !important; 
}

.map_calendar .month {
    width:              86px;
    margin-top:         17px;
    font-size:          12px;
	font-weight:		bold;
	color:				#fff;
    text-align:         center;
}

.map_calendar .day {
    width:              86px;
    margin-top:         4px;
    font-size:          50px;
	font-weight:		bold;
    text-align:         center;
}

.map_eventInformation {
    display:            inline;
    width:              440px;
    margin-top:         30px;
    float:              left;
}

.map_eventInformation p {
    margin-bottom:      11px;
    font-size:          14px;
    line-height:        normal; 
}

#directionsPanel {
    display:            inline;
    width:              200px;
    height:             480px;
    padding-right:      20px;
    overflow:           auto;
    float:              right;
}

#directionsPanel * {
    font-size:          11px;
}

#directionsInput {
    margin-top:         10px;
    text-align:         center;
}

#map_canvas_directions {
    width:              480px;
    height:             480px;
}


/* VORSTAND */

.boardMember {
	width:				340px;
	height:				140px;
	margin:				0 0 10px 0;
	padding:			10px 0;
	background-color:	#efefef;
	text-align:			left;
	line-height:		normal;
	float:				left;
}

.boardMember div {
	margin-top:			10px;
	font-size:			11px;
	text-align:			left;
	line-height:		normal;
}

.boardMember .portrait {
	margin:				-10px 20px 0 0;
}


/* DEUTSCHLANDKARTE */

#deutschlandkarte {
	position:			relative;
	width:				700px;
	height:				947px;
	background-image:	url(../images/style/deutschland.png);
	background-repeat:	no-repeat;
}

.mappoint {
	position:			absolute;
	width:				15px;
	height:				15px;
}


/* SPALTEN */

.column-left {
	width:				340px;
	margin-right:		0 10px 0 0;
	float:				left;
}

.column-right {
	width:				340px;
	margin-right:		0 0 0 10px;
	float:				right;
}


/* IMAGEBOX */

.imageboxLeft,
.imageboxRight {
	width:				120px;
	font-size:			11px;
	line-height:		normal;
}

.imageboxLeft *,
.imageboxRight * {
	font-size:			11px;	
}

.imageboxLeft {
	margin:				0 10px 10px 0;
	float:				left;
}

.imageboxRight {
    margin:				0 0 10px 10px;
	float:				right;
}

.imageboxLeft img,
.imageboxRight img {
    margin-top:         4px;
	margin-bottom:		5px;
}


/* TOOLTIP */

.tooltip {
	cursor:				pointer;
}


/* BUTTON */

.button {
	position:			relative;
	display:			block;
	width:				150px;
	height:				30px;
	margin:				-21px 0 0 10px;
	text-align:			center;
	background-image:	url(../images/style/button.png);
	background-position:0 0;
	background-repeat:	no-repeat;
	text-decoration:	none;
	font-size:			13px;
	line-height:		30px;
	outline:			none;
	float:				right;
}

.button:hover {
	background-position:0 -35px;
	color:				#3D3D3D;
}

.buttonbar {
	height:				30px;
	margin:				10px 0;
}

.buttonbar .button {
    margin-top:         0;    
}


/* MENUBUTTON */

.menubutton {
	position:			relative;
	display:			block;
	width:				100px;
	height:				100px;
	margin:				0 15px 15px 0;
	text-align:			center;
	background-image:	url(../images/style/menubutton.png);
	background-position:0 0;
	background-repeat:	no-repeat;
	text-decoration:	none;
	font-size:			11px;
	line-height:		11px;
	outline:			none;
	float:				left;
}

.menubutton:hover {
	background-position:0 -100px;
	color:				#3D3D3D;
}

.menubutton img {
    margin:             5px 0 4px 0;
}


/* INTERNBEREICH - BUTTONS */

.loginbutton {
	position:			relative;
	display:			block;
	width:				220px;
	height:				78px;
	margin:				10px 20px 10px 0;
	background-image:	url(../images/style/loginbutton.png);
	background-position:0 0;
	background-repeat:	no-repeat;
	text-align:         left;
	text-decoration:	none;
	outline:			none;
	float:				left;
    overflow:           hidden;
}

.loginbutton:hover {
	background-position:0 -80px;
	color:				#3D3D3D;
}

.loginbutton div {
    margin:             15px;
	font-size:			11px;
	line-height:        normal;
}

.loginbutton img {
    margin-right:       15px;
    float:              left;
}

.loginbutton p {
    font-size:          13px;
	line-height:        normal;
}

.button_big {
	position:			relative;
	display:			block;
	width:				700px;
	height:				100px;
	margin:				10px 0;
	background-image:	url(../images/style/button_big.png);
	background-position:0 0;
	background-repeat:	no-repeat;
	text-align:         left;
	text-decoration:	none;
	outline:			none;
    float:              left;
    overflow:           hidden;
}

.button_big:hover {
	background-position:0 -101px;
	color:				#3D3D3D;
}

.button_big div {
    margin:             18px;
}

.button_big img {
    margin:             0 18px 0 0;
    float:              left;
}

.button_big h1 {
    margin-right:       6px;
    font-size:          15px;
    font-weight:        bold;
	line-height:        normal;
}

.button_big h2 {
	font-size:			12px;
    font-weight:        normal;
	line-height:        normal;
}