/* General styles */
    body {
        margin:0 auto;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        
		/* min-width:600px; */    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
    }
	a {text-decoration: none;}
	
	/* Header styles */
    #header {
        clear:both;
        float:none;
        width:1000px;
		height: 164px;
		margin: 0 auto;
		background-color: #000;
		text-align: left;
		padding-top: 2px;
    }
	#header {
		border-bottom:1px solid #000;
	}
	/*2cool4IE*/
	#tooCool {
   position: fixed;
   right: 0;
   bottom: 0;
   display: block;
   height: 80px;
   width: 80px;
   background: url('images/site/too_cool.png') bottom right no-repeat;
   text-indent: -999em;
   text-decoration: none;
  }
.feld_1 {
				-moz-border-radius:3px; -khtml-border-radius:3px;
				background-color: #E7E7E7;
				border: solid 1px;
				border-color: #000;
				padding: 1px;
				width: 50%;
				font-family: "Segoe UI", Verdana;
				font-size: 14px;
				letter-spacing: 2px;
			}

.feld_2 {
				-moz-border-radius:3px; -khtml-border-radius:3px;
				background-color: #E7E7E7;
				border: solid 1px;
				border-color: #000;
				padding: 1px;
				width: 75%;
				font-family: "Segoe UI", Verdana;
				font-size: 14px;
				letter-spacing: 2px;
			}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative; 		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:none;
        width:1000px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		margin: 0px auto;
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#E7E7E7;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#ff6600;
    }
    .rightmenu .col1wrap {
		float:left;
		width:50%;
		position:relative;
		left:50%;
		padding-bottom:1em;
		/* border-right: 1px solid #000; */ 
	}
	.rightmenu .col1 {
        margin:0 2px 0 202px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:190px;
        position:relative;
        left:190px;
		text-align: center;
		/* border-left: 1px solid #000; */  /*NOVH TESTEN !!!! */ 
    }
/* Sonstige Style*/

	.bild_tab_rechts {
	border: 1px dotted #000;
	text-align: right;
	position: top;
	float: right;
	}
	.bild_tab_links {
	border: 1px dotted #000;
	text-align: left;
	position: top;
	}
	.navi_rechts_box {
	background: #ff6600;
	width: 180px;
	border: 1px dotted #000;
	margin-left: 10px;
	-moz-border-radius:3px; -khtml-border-radius:3px;
	font: 14px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	}
	
	.countdown {
	font: 14px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	color: #000;
	}

.charts2 {
border: 0px solid #bababa;
letter-spacing: 1px;
font-size: 12px;
font-weight: none;
text-align: center;
}
.charts2 a {
text-decoration : underline;
color: blue;
padding-bottom: 2px;
}

.text_r5 {-moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #818181;
				border: solid 1px;
				border-color: #E7E7E7;
				padding: 1px;
				width: 95%;
				text-align: left;
				font: 11px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				letter-spacing: 1px;
				}
.text_r5_12{-moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #818181;
				border: solid 1px;
				border-color: #E7E7E7;
				padding: 1px;
				width: 95%;
				text-align: center;
				font: 12px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				letter-spacing: 1px;
				}
.text_r5_14 {-moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #818181;
				border: solid 1px;
				border-color: #E7E7E7;
				padding: 1px;
				width: 95%;
				font: 14px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				letter-spacing: 1px;
				}
.text_news_index{-moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #818181;
				border: solid 1px;
				border-color: #E7E7E7;
				padding: 3px;
				margin-left:5px;
				width: 90%;
				letter-spacing: 1px;
				font: 14px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				color: #000;
				text-align: center;
				}
.text_12 {
				font: 12px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				letter-spacing: 2px;
				}
.expando {border: 2px dotted #ff6600;}

.h3 { -moz-border-radius:5px; -khtml-border-radius:5px;
	text-align: center;
	font: 18px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
	color: #ff6600;
	border: solid 1px;
	border-color: #E7E7E7;
	background: #000;
	padding: 2px;
	width: 50%;
}
.hgr_6600 {
	-moz-border-radius:5px; -khtml-border-radius:5px;
	background: #ff6600;
	width: 95%;
	}
	
.headline_16{ -moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #E7E7E7;
				border: solid 1px;
				border-color: #000;
				padding: 1px;
				width: 75%;
				font-family: Segoe UI;
				color: #000;
				font-size: 16px;
				letter-spacing: 2px;
			}

.hgr_ohne {-moz-border-radius:5px; -khtml-border-radius:5px;
				font-style: "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				background-color: #818181;
				border: solid 1px;
				border-color: #E7E7E7;
				padding: 1px;
				width: 95%;
				}
				
/* SHOP */
.hgr_hgrau2 {-moz-border-radius:5px; -khtml-border-radius:5px;
				font: 14px "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
				background-color: #f5f5f5;
				border: solid 1px;
				border-color: #818181;
				padding: 1px;
				}
				
/* Highlight Active Textareas*/
/* General style for my inputs when they're not highlighted */

.textInput,input,textinput,textarea,select{	
		font-family:"Segoe UI";
		background-color:#f0f0f0;
		border:1px solid #a5a5a5;
    -moz-border-radius:3px; -khtml-border-radius:3px;
	}

	.inputHighlighted{	/* Highlighting style */
	font-weight: none;
			font-family:"Segoe UI";
	border:1px solid #ff6600;
    -moz-border-radius:3px; -khtml-border-radius:3px;
	} 
/*VIDEO*/
.video {
				border: solid 1px;
				border-color: #ff6600;
				padding: 0px;
				text-align: center; 
				background-color: #CCCCCC;
				}
.hgr_grau {-moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #818181;
				border: solid 1px;
				border-color: #E7E7E7;
				padding: 1px;
				width: 99%;
				}
.hgr_hgrau {-moz-border-radius:5px; -khtml-border-radius:5px;
				background-color: #f5f5f5;
				border: solid 1px;
				border-color: #818181;
				padding: 1px;
				width: 99%;
				}
.hgr_hgrau th{
				border: solid 1px;
				border-color: #CCCCCC;
				padding: 0px;
				text-align: center; 
}
/*Kalender*/
  
  #calendar td {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

#calback {
	clear: both;
	width: 180px;
	/* height: 230px; */
	background: url('calendar/images/calWaiting.gif') no-repeat center;
}

#calendar { /* KOMPLETTER KALENDER */
	background: #f5f5f5;
	width: 180px;
	height: 230px;
	-moz-border-radius:3px; -khtml-border-radius:3px;
}

.cal {
	clear: both;
	width: 167px;
	border: 1px solid #CCC;
	margin: 0 auto;
}

.cal a { /* LINK EVENT im Kalender */
	color: #ff00f6;
	text-decoration: none;
  font-weight: bold;
	border-bottom: 0px dashed #CCC;
	font-size: 11px;
}

.cal a:hover { /* HOVER LINK IM KALENDER (TAGESFARBE Super_Calender.php Line 119*/
	color: #0E0;
}

.calhead { /* Kalender Uebersicht */
	width: 100%;
  font-weight: bold;
	color: #FFF;
	font-size: 12px;  
	/*background: url('calendar/images/calBack.gif') repeat center left;*/
  background-color: #d5d5d5;
	padding: 1px;
}

.calhead img {
	border: none;
}

.calhead table {
	width: 100%;
}

.calhead a {
	text-decoration: none;
	border: none;
}

.dayhead {
	height: 10px;
	background: #EEE;
}

.dayhead td { /* Schrift Wochentage */
	text-align: center;
	color: #000;
	font-size: 11px;
}

.dayrow { /* Tageskaestchen */
	background: #FFF;
	height: 12px;
}

.dayrow td { /* Tageskaestchen Tabelle*/
	width: 14%;
	font-size: 10px;
	color: #656551;
	padding: 2px;
	border: 1px solid #DDD;
	letter-spacing: 0px;
}

.day_of_day {
color: #ff6600;
font-size: 14px;
background: none;
}

.day {
	float: right;
}

.dayover {
	background: #F4F4F4;
}

.dayout {
	background: #FFF;
}

#event {
	font-family: Arial, sans-serif;
	width: 100%;
	height: 190px;
	border-top: 1px solid #727260;
	border-bottom: 0px solid #727260;
	margin-bottom: 3px;
}

#event .heading { /* Eventpopup*/
	padding: 10px;
	position: relative;
  background-color: #d0d0d0;
  border-bottom: 2px dotted #CCC;
}

#event .title {
	color: #ff6600;
	font-size: 16px;
	font-weight: bold;
}

#event .posted {
	color: #000;
	font-size: 10px;
}

#event .back {
	position: absolute;
	top: 180px;
	right: 2px;
}

#event .back a {
	color: #ff6600;
	text-decoration: underline;
	border: none;
	font-size: 10px;
}

#event .back a:hover {
	color: #000;
}

#event .line {
  font-size: 12px;
	padding: 4px;
	overflow: auto;
  background-color: #f0f0f0;
  height: 62%;
}

.error {
	color: #C00;
	font-size: 14px;
	font-weight: bold;
}

#jump {
	z-index: 100;
	line-height: 30px;
	padding: 5px;
	background: #F6F6F6;
	border: 1px solid #888;
}

#jump a {
	text-decoration: none;
	border: none;
}

#jump img {
	border: none;
}
	/* Footer styles */
	#footer {
        clear:both;
        float:none;
        width:1000px;
		border-top:1px solid #000;
		margin: 0 auto;
		background-color: #E7E7E7;
		text-align: center;
		padding-bottom: 2px;
		padding-top: 2px;
    }
	#footer img { padding-top: 2px; }
	
