/* ########### CONTENT ########### */

#content_left {
margin: 0 25px 0 0;
width: 665px;
float: left;
}

#content_right {
width: 260px;
float: left;
}

.index-highlightbox-left {
width: 411px; 
float: left; 
min-height: 430px;
border-right: #ccc solid 1px;
background: #DDE1E1;
}

.index-highlightbox-right {
width: 230px; 
float: left;
padding: 10px;
}

.index-topevents {
width: 182px; 
float: left;
margin: 0 2px 10px 0;
}
 
.index-button {
width: 90px;
text-align: center;
margin: 0 5px 5px 0;
float: left;
} 

.tipp_start {
width: 400px; 
float: left; 
margin-right: 10px;
}
.calendar_start {
width: 230px; 
float: left;
}


.magazin_left {
width: 410px;
float: left;
margin: 0 10px 0 0;
}

.magazin_right {
width: 200px;
float: left;
background: #E3E7E8;
border:1px solid #CCCCCC;
padding:10px;
}

blockquote {
font-style: italic;
background: url(../i/quote.png) 0 0 no-repeat;
margin: 5px 5px 0 5px;
padding: 10px 10px 10px 20px;
}

.image {
margin: 2px;
}

.image img {
border: #ccc solid 8px;
}

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

.image_left img {
border: #ccc solid 8px;
}

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

.image_right img {
border: #ccc solid 8px;
}


table.list td {
vertical-align: top;
padding: 10px;
}
table.list tr.alt {
background-color: #f0f0f0;
}


.image_list {
text-align: center;
float: left;
margin: 0 20px 20px 20px;
width: 200px;
height: 200px;
}

.image_list_schmal {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 200px;
}

.image_list_big {
text-align: center;
float: left;
margin: 0 3px 10px 3px;
width: 300px;
}

.image_list2 {
text-align: center;
float: left;
margin: 0 10px 10px 10px;
height: 170px;
}

.image_list_small {
text-align: center;
float: left;
margin: 0 0 20px 0;
width: 150px;
height: 150px;
}

.image_list_small_profil {
text-align: center;
float: left;
margin: 0 16px 0 0;
width: 150px;
height: 150px;
}


.list01 {
float: left;
padding: 0 15px 10px 15px;
width: 280px;
}

.linie {
height: 1px;
background-color: #ccc;
border-bottom: #fff solid 1px;
}

.small {
font-size: 11px;
}

.news_bottom {
background-color: #E3E7E8;
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 5px 10px 5px 10px;
margin: 0 0 10px 0;
height: 100%;
}


.head_trenner {
background-color: #E3E7E8;
border-top: #ccc solid 1px;
border-bottom: #ccc solid 1px;
padding: 3px 25px 3px 25px;
margin: 0 0 0 0;
height: 100%;
}

/* ########### BOXEN ########### */


.box_header {
background: #F6A700 url(../i/box_headbg.png);
-moz-border-radius: 10px 10px 0 0; 
-webkit-border-radius: 10px 10px 0 0; 
height: 100%;
}

.box_header p {
color: #fff;
font-size: 16px;
text-align: center;
font-weight: bold;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
padding: 5px 0 0 0;
}

.box_content {
background-color: #EEF0F0;
border: #ccc solid 1px;
height: 100%
}

.box_bottom {
background: #292929;
color: #fff;
text-align: center;
padding: 5px 0 5px 0;
-moz-border-radius: 0 0 10px 10px; 
-webkit-border-radius: 0 0 10px 10px;
margin: 0 0 25px 0;
}

.box_bottom a {
color: #fff;
}

.boxpadding {
padding: 10px;
height: 100%;
}

.boxpadding5 {
padding: 5px;
}
.box_alterna {
background-color: #e2e2e2;
}

#overlayGrey {
background-color:#000000;
position:absolute;
left:0px;
top:0px;
opacity:0.7;
filter: alpha(opacity = 50);
width:100%;
height:100%;
z-index: 200;
}

#messageContent {
padding:16px;
width:300px;
height:250px;
position:absolute;
left:50%;
top:20%;
margin-left:-166px;
margin-top:-91px;
background-color:#ffffff;
z-index: 300;
}



/* ########################################################### BUTTONS / LINKS ################################################################# */

.button, .button:visited {
	background: #222 url(../i/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.button:hover   								{ background-color: #111; color: #fff; }

.button img									{ vertical-align:middle; margin: 0 2px 0 0; border: 0px; float: left; }
.button:active									{ top: 1px; }
.button:hover									{ text-decoration: none; }
.button:focus									{ color: #fff; }
.small.button, .small.button:visited 		{ font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited 	{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover							{ background-color: #749a02; }
.blue.button, .blue.button:visited		{ background-color: #064A7C; }
.blue.button:hover								{ background-color: #096CB7; }
.red.button, .red.button:visited			{ background-color: #e33100; }
.red.button:hover								{ background-color: #872300; }
.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
.magenta.button:hover							{ background-color: #630030; }
.orange.button, .orange.button:visited	{ background-color: #ff5c00; }
.orange.button:hover							{ background-color: #d45500; }
.yellow.button, .yellow.button:visited	{ background-color: #ffb515; }
.yellow.button:hover							{ background-color: #fc9200; }
input.large.button 							{ padding: 6px 14px 6px; }
input.middle.button 							{ padding: 2px 14px 3px; }
input.small.button 							{ padding: 2px 14px 3px; }

#content a.active {
background: #075792;
}


ul.kat {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.0;
}

ul.kat li {
background-image: url(../i/kat1.gif);
background-repeat: no-repeat;
padding: 0 0 0 20px;
margin: 0 0 10px 0;
}

ul.kat li.a {
background-image: url(../i/kat1_a.gif);
font-weight: bold;
}

ul.kat li.e2 {
background-image: url(../i/kat2.gif)
background-repeat: no-repeat;
background-position: 22px 0;
padding: 0 0 0 40px;
}
ul.kat li.e2a {
background: url(../i/kat1_a.png) 22px 2px no-repeat;
padding: 0 0 0 40px;
font-weight: bold;
}

ul.kat li.e3 {
background: url(../i/kat1.gif) 42px 2px no-repeat;
padding: 0 0 0 60px;
}


/* ####### FORUM ####### */

table.forum {
width: 100%;
border: 0px;
}

table.forum th {
text-align: left;
padding: 5px 5px 5px 10px;
}

table.forum td {
padding: 10px 5px 10px 10px;
vertical-align: top;
}

table.forum tr.alt {
background-color: #e2e2e2;
}

.commentEntry {
float: left; 
width: 80%; 
margin: 0 0 10px 0;
}

.lastAction {
float: left;
width: 125px;
}
td.ui-datepicker-current-day {
	background-color: #D97E04;
}


/* ####### SHOUTBOX ####### */

.shoutbox-top {
	float: left;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
	position: absolute;
	top: 0px;
	left: 25px;
	background: #000 url(../i/shoutbox_top.gif) 6px 7px no-repeat;
	width: 663px;
	color: #fff;
}

.shoutopen {
	background: none;
	border: none;
}

.shoutbox-top a.shout-start {
	float: left;
	width: 100%;
	font-weight: bold;
	display: block;
	padding: 8px 5px 9px 90px;
	width: 563px;
	color: #fff;
	text-decoration: none;
	background: url(../i/shoutbox_open.gif) right 4px no-repeat;
}

.shoutbox-top a.shout-start:hover {
	background: url(../i/shoutbox_open.gif) right -32px no-repeat;
}

.shoutbox-top form input.shout_input {
	background:url(../i/shoutbox_form.gif) no-repeat;
	background-color: none;
	border: none;
	width: 383px;
	padding: 5px 10px 6px 22px;
	margin: 0px;
	float: left;
}

.shoutbox-top form input.shout_send {
	background-color: none;
	border: none;
	width: 24px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.shoutbox-header {
	float: left;
	height: 27px;
	width: 573px;
	padding: 4px 0 0 90px;
	background: #212426 url(../i/shoutbox_top.gif) 6px 7px no-repeat;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;
}

.shoutbox-content {
	float: left;
	background: url(../i/shoutbox_contentbg.png);
	width: 663px;
	border-left: #fff solid 1px;
	border-right: #fff solid 1px;	
}

.shoutbox-content a {
	color: #FFC200;
}

.shoutbox-content p {
	border-bottom: #ccc solid 1px;
	padding: 1px 10px 4px 7px;	
}

.shoutbox-bottom {
	float: left;
	background: url(../i/shoutbox_bottom.png);
	height: 16px;
	width: 663px;
	margin: 0 0 0 1px;
}



/* ########################################################### KALENDER ################################################################# */

.calendar_big {
	width: 72px;
	float: left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 5px 5px 0;
	color: #fff;
}

.calendar_big .month {
	background: #064A7C;
	height: 19px;
	font-weight: bold;
	padding: 3px 0 0 0;
	-moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0; 	
}

.calendar_big .day {
	background: #0F1314;
	font-size: 40px;
	line-height: 1.2;		
}

.calendar_big .week {
	background: #0F1314;
	border-top: none;	
	line-height: 1.3;
	padding: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 5px; 
	-webkit-border-radius: 0 0 5px 5px; 		
}

.calendar_small {
	width: 43px;
	float: left;
	text-align: center;
	margin: 0 5px 5px 0;
	color: #fff;
}

.calendar_small .month {
	background: #064A7C;
	height: 19px;
	font-weight: bold;
	padding: 3px 0 0 0;
	-moz-border-radius: 5px 5px 0 0; 
	-webkit-border-radius: 5px 5px 0 0; 
}

.calendar_small .day {
	background: #0F1314;
	font-size: 30px;
	border-top: none;	
	line-height: 1.3;	
	-moz-border-radius: 0 0 5px 5px; 
	-webkit-border-radius: 0 0 5px 5px; 		
}