/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

body {
	font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #666666; 	
	background: #DEE2E5;

}

p {
color:#eff8cc;
font: 14px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
padding:70px 230px 10px 10px;
}

#Begruessung {
margin:10px 5px 20px 5px;
}

#Footer {
margin:10px 5px 0px 530px;
padding-bottom:40px;
float:left;
}


/* Events */

#Event00 {
width:554px;
margin:5px;
padding: 80px 5px 5px 5px;
float:left;
background-image:url(../standard/img_neu/ruhrchansonnale_bg_neu08.jpg);
background-position:top;
background-repeat:no-repeat;
background-color: #000000;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

#Event01 {
width:265px;
height:300px;
margin:5px;
padding:5px;
float:left;
background-image:url(../standard/img_neu/chanson_cafe_europa.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#666666;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

#Event02 {
width:265px;
height:300px;
margin:5px;
padding:5px;
float:left;
background-image: url(../standard/img_neu/claire_waldoff_07.09_Neu.jpg);
background-position:top;
background-repeat:no-repeat;
background-color: #000000;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

#Event03 {
width:265px;
height:300px;
margin:5px;
padding:5px;
float:left;
background-image:url(../standard/img_neu/menschruhrpott_07.09.jpg);
background-position:top;
background-repeat:no-repeat;
background-color: #000000;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

#Event04 {
width:265px;
height:300px;
margin:5px;
padding:5px;
float:left;
background-image:url(../standard/img_neu/Chanson_im_Kabarett_09.jpg);
background-position:top;
background-repeat:no-repeat;
background-color: #3d3c41;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

#Rueckblick {
width:265px;
height:225px;
margin:5px;
padding:80px 5px 5px 5px;
float:left;
background-image:url(../standard/img_neu/rueckblicke_bg.jpg);
background-position:top;
background-repeat:no-repeat;
background-color: #3d3c41;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}


#EventMovie {
width:554px;
margin:5px;
padding: 5px 5px 5px 5px;
float:left;
background-repeat:no-repeat;
background-color: #3D3C3F;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

#Normalkasten {
width:380px;
margin:5px;
padding: 20px 5px 20px 150px;
float:left;
background-repeat:no-repeat;
background-color: #3D3C3F;
border:solid;
border-width:2px;
border-color:#990000;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

/* Infofeld */
.Infofeld {	
	padding: 7px; 
	margin: 260px 0px 0px 0px;
	text-align:right;
	font-size: 1em;	
	color: #fff;
	border: 0px solid #EBEBEB;
	background: #A21616;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}
.Infofeld a {
	 background: transparent; 
	 color:#FFFFFF; 
	 font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	 letter-spacing:0;
 }
.Infofeld a:hover { 
	background: transparent; 
	color:#999999; 
	font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0; 
}
.Infofeld .date{ margin: 0 10px 0 5px;	}
.Infofeld a.comments { margin: 0 10px 0 5px;	}
.Infofeld a.readmore { margin: 0 10px 0 5px;	}

.InfofeldRuhrleft {
	width:260px;
	float:left;	
	padding: 3px; 
	margin: 35px 15px 0px 7px;
	text-align:left;
	border: 0px solid #EBEBEB;
	/*background: #ff0000;*/
}


.InfofeldRuhrleftkurz {
	width:500px;
	float:left;	
	padding: 3px; 
	margin: 0px 10px 17px 7px;
	text-align:left;
	border: 0px solid #EBEBEB;
	/*background: #ff0000;*/
}


.InfofeldRuhrright {
	float:left;
	width:215px;	
	padding: 5px 5px 10px 5px; 
	margin: 0px 5px 5px 18px;
	text-align:left;
	color: #eff8cc;
	border: 0px solid #eff8cc;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	/*background: #7f2b80;*/
}

.InfofeldRuhrright a {
	 background: transparent; 
	 color:#eff8cc; 
	 font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	 letter-spacing:0;
 }
 
 .InfofeldRuhrright a:hover { 
	background: transparent; 
	color:#999999; 
	font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0; 
}


.InfofeldRuhrleft a {
	 background: transparent; 
	 color:#eff8cc; 
	 font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	 letter-spacing:0;
 }
 
 .InfofeldRuhrleft a:hover { 
	background: transparent; 
	color:#999999; 
	font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0; 
}

.InfofeldRuhrleftkurz a {
	 background: transparent; 
	 color:#eff8cc; 
	 font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	 letter-spacing:0;
 }
 
 .InfofeldRuhrleftkurz a:hover { 
	background: transparent; 
	color:#999999; 
	font: 12px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0; 
}

.Ruhr2010 { 
float:right;
margin: 14px 38px 10px 10px;
}

.Screenshot { 
float:right;
margin: 60px 60px 10px 0px;
border: 1px solid #CC0099;

/* clearing */
.clearer { clear: both; }