/* 
-----------------------------------------------------------------------
Defaults
-----------------------------------------------------------------------
*/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	scrollbar-base-color: #DEDEDE; 
	scrollbar-arrow-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #DEDEDE; 
	scrollbar-highlight-color: #DEDEDE;
}

body {
	background-color: #FFFFFF;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
} 

img {
	border: 0px;
}

ul {
	text-align: left;
	margin-top: -35px;
	margin-bottom: -30px;
	padding: 35px;
	list-style-type: square;
	list-style-image: url('/layout/images/symbols/ul.gif');
}

ol {
	text-align: left;
	margin-top: -35px;
	margin-bottom: -30px;
	padding: 35px;
}

ol.left {
	text-align: left;
	margin-left: 15px;
	margin-top: -35px;
	margin-bottom: -30px;
}


li {
	margin-top: 5px;
}


dd {
	margin-top: 5px;
}

p {
	margin-bottom: 0px;
}




/* 
-----------------------------------------------------------------------
Default CSS Styles
-----------------------------------------------------------------------
*/
a img {
	text-decoration: none;
}



/* 
-----------------------------------------------------------------------
Links
-----------------------------------------------------------------------
*/
a:link {
	color: #D03A00;
	text-decoration: none;
}

a:visited {
	color: #D03A00;
	text-decoration: none;
}

a:hover {
	color: #6B6B6B;
	text-decoration: underline;
}

a:active {
	color: #6B6B6B;
	text-decoration: underline;
}


/* 
-----------------------------------------------------------------------
Forms
-----------------------------------------------------------------------
*/
form {
	margin: 0px;
}

form.inputleft {
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

input.inputleft, textarea.inputleft, select.inputleft {
	font-size: 11px;
	background-color: #FFFFFF;
	
	border: 1px solid;
	border-top-color: #4B4B4B;
	border-left-color: #4B4B4B;
	border-right-color: #000000;
	border-bottom-color: #000000;
}

form.inputright {
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

input.inputright, textarea.inputright, select.inputright {
	font-size: 11px;
	background-color: #FFFFFF;

	border: 1px solid;
	border-top-color: #4B4B4B;
	border-left-color: #4B4B4B;
	border-right-color: #9B9B9B;
	border-bottom-color: #9B9B9B;

}

select.inputright {
	width: 195px;

	border: 1px solid;
	border-top-color: #4B4B4B;
	border-left-color: #4B4B4B;
	border-right-color: #9B9B9B;
	border-bottom-color: #9B9B9B;
}

input.inputright_red, textarea.inputright_red, select.inputright_red {
	font-size: 11px;
	background-color: #FFFFFF;

	border: 1px solid;
	border-top-color: #DC0000;
	border-left-color: #DC0000;
	border-right-color: #F00000;
	border-bottom-color: #F00000;

}

select.inputright_red {
	width: 195px;

	border: 1px solid;
	border-top-color: #DC0000;
	border-left-color: #DC0000;
	border-right-color: #F00000;
	border-bottom-color: #F00000;
}


input.buttonorange {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF9100;
	height: 18px;
	
	border: 1px solid;	
	border-top-color: #FFC271;
	border-left-color: #FFC271;
	border-right-color: #000000;
	border-bottom-color: #000000;
}

input.buttonredorange {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF4500;
	height: 18px;
	
	border: 1px solid;	
	border-top-color: #FF9E79;
	border-left-color: #FF9E79;
	border-right-color: #000000;
	border-bottom-color: #000000;
}


input.buttongreen {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #62A038;
	height: 18px;

	border: 1px solid;	
	border-top-color: #E6F5AD;
	border-left-color: #E6F5AD;
	border-right-color: #000000;
	border-bottom-color: #000000;
}


input.buttongrey {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #9B9B9B;
	height: 18px;

	border: 1px solid;	
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #000000;
	border-bottom-color: #000000;
}

input.buttonred {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #DC0000;
	height: 18px;

	border: 1px solid;	
	border-top-color: #FFB9B9;
	border-left-color: #FFB9B9;
	border-right-color: #000000;
	border-bottom-color: #000000;
}




/* 
-----------------------------------------------------------------------
Left-Navigation "Magazin"
-----------------------------------------------------------------------
*/
table.leftnavimagazinbox {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px hidden #000000;
	width: 157px;
	background-color: #E3001B;
	text-align: left;
}

table.leftnavimagazinbox2 {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 2px solid #000000;
	width: 157px;
	background-color: #E3001B;
	text-align: left;
}

img.leftnavimagazin {
	border-left: 3px solid #DEDEDE;
	border-right: 3px solid #DEDEDE;
	border-top: 5px solid #DEDEDE;
	border-bottom: 5px solid #DEDEDE;
}



/* 
-----------------------------------------------------------------------
Shortcut-Box
-----------------------------------------------------------------------
*/
table.shortcutbox {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	width: 157px;
	background-color: #FF9100;
	text-align: left;
}

img.leftnavishortcut {
	border-left: 3px solid #DEDEDE;
	border-right: 3px solid #DEDEDE;
	border-top: 10px solid #DEDEDE;
	border-bottom: 10px solid #DEDEDE;
}



/* 
-----------------------------------------------------------------------
Search-Box
-----------------------------------------------------------------------
*/
table.searchbox {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	width: 157px;
	background-color: #FF9100;
	text-align: left;
}

img.leftnavisearch {
	border-left: 3px solid #DEDEDE;
	border-right: 3px solid #DEDEDE;
	border-top: 10px solid #DEDEDE;
	border-bottom: 10px solid #DEDEDE;
}



/* 
-----------------------------------------------------------------------
Left-Navigation "Online"
-----------------------------------------------------------------------
*/
table.leftnavionlinebox {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px hidden #000000;
	width: 157px;
	background-color: #FFC700;
	text-align: left;	
}

table.leftnavionlinebox2 {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 2px solid #000000;
	width: 157px;
	background-color: #FFC700;
	text-align: left;	
}

img.leftnavionline {
	border: 3px solid #DEDEDE;
	border-right: 3px solid #DEDEDE;
	border-top: 10px solid #DEDEDE;
	border-bottom: 10px solid #DEDEDE;
}



/* 
-----------------------------------------------------------------------
Left-Navigation "Online"
-----------------------------------------------------------------------
*/
table.leftnavibox {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 2px hidden #000000;
	width: 157px;
	background-color: #FF9100
}



/* 
-----------------------------------------------------------------------
Left Memberlogin-Box
-----------------------------------------------------------------------
*/
table.leftmemberloginbox {
	width: 157px;
	border: 2px solid #000000;
	background-color: #62A038;

	text-align: left;	
}

a.leftmemberloginbox:link {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.leftmemberloginbox:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.leftmemberloginbox:hover {
	font-size: 11px;
	color: #546909;
	text-decoration: none;
}

a.leftmemberloginbox:active {
	font-size: 11px;
	color: #546909;
	text-decoration: none;
}

img.leftnavimember {
	border-left: 3px solid #DEDEDE;
	border-right: 3px solid #DEDEDE;
	border-top: 5px solid #DEDEDE;
	border-bottom: 5px solid #DEDEDE;
}



/* 
-----------------------------------------------------------------------
Right mySommer
-----------------------------------------------------------------------
*/
table.mysommerbox {
	width: 120px;
	border-left: 2px solid #000000;
    border-right: 2px solid #000000;
	border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;

	background-color: #FFC700;
	text-align: left;	
}

table.mysommerboxcontent {
	width: 120px;
	border-left: 2px solid #000000;
    border-right: 2px solid #000000;
	border-top: 2px hidden #000000;
    border-bottom: 2px solid #000000;

    background-color: #FFC700;
	text-align: left;    
}

a.mysommerbox:link {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.mysommerbox:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.mysommerbox:hover {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

a.mysommerbox:active {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}


/* 
-----------------------------------------------------------------------
Right Votebox
-----------------------------------------------------------------------
*/
table.votebox {
	width: 120px;
	border-left: 2px solid #000000;
    border-right: 2px solid #000000;
	border-top: 2px solid #000000;
    border-bottom: 1px solid #000000;

	background-color: #FFFFFF;
	text-align: left;
}

table.voteboxcontent {
	width: 120px;
	border-left: 2px solid #000000;
    border-right: 2px solid #000000;
	border-top: 2px hidden #000000;
    border-bottom: 2px solid #000000;

    background-color: #DEDEDE;
	text-align: left;    
}

input.buttonvote {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	background-color: #62A038;

	border: 1px solid;	
	border-top-color: #E6F5AD;
	border-left-color: #E6F5AD;
	border-right-color: #000000;
	border-bottom-color: #000000;
}

form.votebox {
	margin: 0px;
}



/* 
-----------------------------------------------------------------------
Content
-----------------------------------------------------------------------
*/
table.highlightsheadline {
	 width: 100%;
	 border: 2px solid #000000;
     background-color: #EEEEEE;
	 border-collapse: collapse;	 
	 text-align: left;
}

td.highlightsheadline {
	padding: 3px;
	background-color: #62A038;
}

table.contentheadline {
	 width: 100%;
	 border: 2px solid #000000;
     background-color: #E9E9E9;
	 border-collapse: collapse;	 
}

td.contentheadline {
	padding: 3px;
	background-color: #FFFFFF;
	text-align: left;	
}

table.highlightsbox {
	width: 100%;
	border-left: 2px solid #000000;
    border-right: 2px solid #000000;
	border-top: 2px hidden #000000;
    border-bottom: 2px solid #000000;

    background-color: #E9E9E9;
	border-collapse: collapse;	 
}

td.highlightsbox {
	padding: 0px;
	background-color: #FFFFFF;
}

td.highlightscontent {
	padding: 3px;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
}

td.highlightcontent{
	padding: 3px;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
}


td.content {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
}



/* 
-----------------------------------------------------------------------
Bottom-Navigation
-----------------------------------------------------------------------
*/
table.navibottom {
	width: 100%;
	text-align: right;
}

td.navibottom {
	font-size: 11px;
	color: #DEDEDE;
	text-decoration: none;
}

a.navibottom:link {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.navibottom:visited {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a.navibottom:hover {
	font-size: 11px;
	color: #9B9B9B;
	font-weight: bold;
	text-decoration: none;
}

a.navibottom:active {
	font-size: 11px;
	color: #9B9B9B;
	font-weight: bold;
	text-decoration: none;
}



/* 
-----------------------------------------------------------------------
Footer
-----------------------------------------------------------------------
*/
td.footer {
	font-size: 11px;
	vertical-align: bottom;
	height: 15px;
	color: #5E5E5E;
}

a.footer:link {
	font-size: 11px;
	color: #BE3439;
	text-decoration: none;
}

a.footer:visited {
	font-size: 11px;
	color: #BE3439;
	text-decoration: none;
}

a.footer:hover {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.footer:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}



/* 
-----------------------------------------------------------------------
Headlines / Text
-----------------------------------------------------------------------
*/
.headlinewhite {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}

.headlineorange
{
	font-size: 17px;
	font-weight: bold;
	color: #FF9100;
}

.headlinered
{
	font-size: 17px;
	font-weight: bold;
	color: #DC0000;
}

.headlinegreen {
	font-size: 17px;
	font-weight: bold;
	color: #62A038;
}

.subheadlinewhite
{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

.subheadlineorange
{
	font-size: 14px;
	font-weight: bold;
	color: #FF9100;
	text-align: left;	
}

.subheadlinegreen
{
	font-size: 14px;
	font-weight: bold;
	color: #62A038;
	text-align: left;	
}

.text {
	font-size: 12px;
}

.textbold {
	font-size: 12px;
	font-weight: bold;	
}

.textwhite
{
	font-size: 12px;
	color: #FFFFFF;
}

.textred
{
	font-size: 12px;
	color: #DC0000;
}


.textorange
{
	font-size: 12px;
	color: #FF9100;
}

.textgreen
{
	font-size: 12px;
	color: #62A038;
}

.textgrey {
	color: #6F6F6F;
}


.textsmall {
	font-size: 10px;
}

.textsmallwhite {
	font-size: 10px;
	color: #FFFFFF;	
}

.textsmallorange
{
	font-size: 10px;
	color: #FF9100;
}


.textsmallred
{
	font-size: 10px;
	color: #DC0000;
}


/* 
-----------------------------------------------------------------------
Other Defs. #9B9B9B
-----------------------------------------------------------------------
*/
.grey {
	background-color: #464968;
}

.festivals {
	background-color: #D9E2E6;
}

.openairkinos {
	background-color: #FBCCA3;
}

.events {
	background-color: #DBAF7F;
}

.grey_transparent {
	background-color: #C0C0C0;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}

td.white {
	background-color: #FFFFFF;
}

img.bordergreen {
	float: left;
 	margin-right: 10px;	

	border: 3px solid;	
	border-top-color: #A5CE17;
	border-left-color: #A5CE17;
	border-right-color: #62A038;
	border-bottom-color: #62A038;
}

img.borderblackfine {
	float: left;
 	margin-right: 10px;	

	border: 1px solid #000000;	
}

img.bordertransparent {
	float: left;
 	margin-right: 10px;	

	border: 0px;	
}

hr.content {
	border: 3px dotted #FFFFFF;
}

hr.box {
	border: 1px dotted #000000;
}


/* 
-----------------------------------------------------------------------
Right Click
-----------------------------------------------------------------------
*/
.RightMenu {
   position: absolute;
   visibility: hidden;
   left: 0; top: 0;
   
   color: #000000;
   width: 180px;
   border: 1px solid #000000;
   background-color: #FFFFFF;
   font-size: 11px;
   font-weight: normal;
   line-height: 18px;
   cursor: default;
   z-index: 999;

   padding: 5px;
}

.RightMenuItems {
	padding-left: 15px;
	padding-right: 10px;
}

hr.RightMenuItems {
	color: #000000;
	background-color: #000000;
	height: 1px;
}


/* 
-----------------------------------------------------------------------
Flash/Overpage
-----------------------------------------------------------------------
*/
#flashad {
	position: absolute;
	width: 635px;
	height: 588px;
	left: 20px;
	top: 20px;
	z-index: 999;
}

#adright {
	left:670px;
    top:204px;	
	top:105px;
	position:absolute;
}    

#htmlcontent {
	z-index: 1;
	width:789px;
	margin-top: 10px;	
	margin-left: 10px;
}

#offline {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #000000
}

#offlineboxcontent {
	margin-bottom: 10px;
	border: 2px solid #000000
}