/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 1.5;
    font-family: Arial, "Trebuchet MS", Tahoma sans-serif;
    color: #4a4a4a;
    background: #f6f6f6 url(../images/body-bg.gif) repeat-x 0 0;
    text-align: left;
}


img.Presse {
float:left;
	margin: 20px 0px 10px 0px;
}

img.Musiker {
	float:left;
	margin: 10px 10px 0px 0px;
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 5px;
}

img.Galerie {
	float:left;
	margin: 10px 10px 10px 0px;
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 5px;
}


img.kuenstler {
	float:right;
	margin: 10px 10px 10px 25px;
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 5px;
}

img.sponsoren {
	float:left;
	margin: 0px 0px 0px 0px;
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 5px;
}

img.Service {
	/*float:left;*/
	/*width-max:120px;
	width-min:80px;
	height-max:180px;
	height-min:140px;*/
	margin: 0px 10px 5px 0px;
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 5px 5px 5px 5px;
}

.Servicepics {
	float:left;
	width:150px;
	padding:0px 7px 7px 0px;
	margin:0px 10px 10px 0px;
	
}

/* clearing */
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


a img { border: 0; }
a { color: #037bb9; text-decoration: underline; }
a:hover { text-decoration: none; }

a.h2 { color: #e2007a; text-decoration: underline; }
a.h2:hover { color: #037bb9; text-decoration: none; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
/*----- End "Main definitions" -----*/

#Ruhr2010Banner { width: 100%; height:113px; margin: auto; padding: 0px; background: #fff url(../content/2010Banner.jpg) no-repeat center;}
#page { width: 952px; margin: 0 auto; padding: 0 10px; }

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif;
	color: #e2007a;
	font-weight: normal;
}
h1 { font-size: 23px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; color: #000;}
h4 { font-size: 16px; }
h5 { font-size: 15px; color: #000; margin:7px 0px 7px 0px;}
h6 { font-size: 14px; }

ul { padding-left: 15px; }

#header { padding: 20px 12px 15px 3px; }
#header .description { font-family: "Trebuchet MS", Tahoma, Arial, Sans-Serif; font-size: 11px; color: #9c9c9c; text-transform: uppercase; line-height: 1; }
#header h1 { line-height: 1.1; }
#header h1 a { color: #2b2b2b; text-decoration: none; }

#navigation { float: right; display: inline; font-size: 11px; line-height: 1.5; /*text-transform: uppercase;*/ padding-top: 10px; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 18px; margin-right: 14px; background: url(../images/nav-sep.gif) repeat-y right 0; }
#navigation ul li.last { margin-right: 0; padding-right: 0; background: none; }
#navigation ul li a { color: #7f7f7f; text-decoration: none; }
#navigation ul li a:hover { text-decoration: underline; }
#navigation ul li.active a { color: #000; }
#navigation ul li.lastactive { margin-right: 0; padding-right: 0; background: none; color: #000;}
#navigation ul li.lastactive a:hover { text-decoration: underline; }
#navigation ul li.lastactive a { color: #000; }

#slideshow { height: 420px; width: 962px; position: relative; left: -5px; }
#slideshow .bg { height: 420px; width: 962px; background: url(../images/slider_NEU.png) no-repeat 0 0; }
#slideshow .cnt { padding: 5px 10px 2px 4px; }
#slideshow .big-image { margin-bottom: 0px; }
#slideshow .big-image img { padding: 2px; border: solid 1px #d5d5d5; }

#slider { width: 890px; position: relative; }
#slider .buttons span { display: block; width: 38px; height: 37px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; }
#slider .buttons span { position: absolute; top: 21px; }
#slider .buttons .prev { left: 0; background: url(../images/button-prev.gif) no-repeat 0 0; }
#slider .buttons .next { right: 0; background: url(../images/button-next.gif) no-repeat 0 0; }
#slider .holder { width: 790px; height: 78px; margin: 0 auto; position: relative; overflow: hidden; }
#slider .content { position: absolute; top: 0; left: 0; width: 100000px; }
#slider .content ul { float: left; display: inline; padding-left: 0; }
#slider .fragment { float: left; display: inline; list-style-type: none; }
#slider .fragment a { float: left; display: inline; width: 133px; height: 72px; padding: 3px; background: url(../images/slider-fragment.gif); margin: 0 10px; }

#content { padding: 0 5px 10px 5px; }
#content p { padding-bottom: 18px; }
#content .separator { padding-right: 18px; background: url(../images/col-sep.gif) no-repeat right 10px; }
#content .left-col { float: left; display: inline; width: 505px; }
#content .right-col { float: right; display: inline; width: 395px; }

.linklist { padding-left: 0;}
.linklist li { padding-left: 7px; margin-bottom: 20px; background: url(../images/linklist-ico.gif) no-repeat 0 7px; list-style-type: none; }

.linklistnewspaper { padding-left: 0;}
.linklistnewspaper li { padding-left: 7px; margin-bottom: 5px; /*background: url(../images/linklist-ico.gif) no-repeat 0 7px;*/ list-style-type: none; }

#footer { background: url(../images/footer-line.gif) no-repeat center 0; padding: 20px 18px;
text-align:right;}

.Newspaper {
float:left;
padding: 5px 5px 5px 5px;
margin: 15px 10px 10px 5px;
}


.partnerstaedte {
	width:200px;
	height:700px;
	margin:10px 25px 10px 0px;
	float:left;
	background: url(../content/Partnerstaedte.png) no-repeat;
	}
	
.partnerstaedtetext {
	width:150px;
	height:700px;
	margin:40px 0px 10px 0px;
	float:left;
	}
	 


/* form elements */
form {
	margin: 0px 0px; padding: 0px 10px 20px 0px;
	border: 1px solid #f1f1f1; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #7f7f7f;
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	background: #fff;
	color: #e2007a;  	
}
textarea {
	width: 350px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #e2007a;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0px 5px 0px 0px;
	padding: 2px 8px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}

.textklein {
	font-size: 10px;
    line-height: 1.5;
    font-family: Arial, "Trebuchet MS", Tahoma sans-serif;
    color: #4a4a4a;
    text-align: left;

}