/**********************************************************
 * General formatting
 **********************************************************/

* {
	margin:  0;
	padding: 0;
}

/* Due to the reset of all paddings, the select boxes would be too narrow. */
option {
	padding-left: 0.4em;
}

html {
	height: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;	
	width: 100%;
	/* force FF and Netscape to make vertical scrollbars, like IE for a consistent layout: */
	min-height: 100%;	
	/* fix of the rounding bug in opera: */
	/* positioned elements won't be moved if the size of the browser window gets changed: */ 
	position: relative;
	background: #fff;

}



.body_bg {
	background: #d8d8d8 url(../images/bg.jpg);

	

}

#wrap {
	/* center the page: */
	margin: 0 auto;
	/* required for centering: */
	width: 970px;
	border: 0px solid #3F3F41;
	background: #ffffff;
}

h2,h3,h1 {
color: #4c899c;}

#main-body {
	font-family:Arial, Helvetica, sans-serif;	
	float: left;
	width: 970px;
	background: #fff url(../images/content_bg.png) top left repeat-y;


}


img, fieldset {
	border: 0;
}

h3 {
	color: #111;

}

.button {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  height:	24px;
  width:	70px;
  border            : 1px solid #FFFFFF;
  background		: url(../images/button.jpg) no-repeat;
  background-color  : #FFFFFF;
  color             : #FFFFFF;
  padding           : 2px;
}

.button:hover {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  height:	24px;
  width:	70px;
  border            : 1px solid #FFFFFF;
  background		: url(../images/button.jpg) no-repeat;
  background-color  : #FFFFFF;
  color             : #111111;
  padding           : 2px;
}


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

a:hover {
	color: orange;
}

.back_button {
   	height:	24px;
 	width:	70px;
	background		: url(../images/button.jpg) no-repeat;
		padding-top: 3px;
}

.back_button a{
	color: white;
	font-weight: bold;
	font-size: 12px;

}



/* ### Clearing methods ################################## */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
	
/* Required for Safari */
.clearfix {
	display: block;
}

/**********************************************************
 * END General formatting
 **********************************************************/


/**********************************************************
 * Header
 **********************************************************/

#header {
	width: 970px;
	height: 183px;
	background: #fff url(../images/header_bg.jpg) top left no-repeat;
	padding: 0;
}


#header .moduletable {
	float: right;
	margin-top: 154px;
	padding-right: 40px;
	}

* html #header .moduletable {
	margin-top: 154px;
	margin-left: 670px;
}

a.mainlevel-nav {
	font-family:Arial, Helvetica;
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
	text-decoration: none;
	font-size: 12px;
}

a.mainlevel-nav li {
	font-family:Arial, Helvetica;
	float: left;
}


a.mainlevel-nav:hover {
	font-family:Arial, Helvetica;
	text-decoration: none;
	color: #e15a08;
}




/**********************************************************
 * END Header
 **********************************************************/


/**********************************************************
 * Navigation
 **********************************************************/



a.mainlevel{
color: #ffffff;
font-size: 14px;
line-height:1.5;
background: url(../images/inactive_link.jpg) top left no-repeat;
padding-left: 23px;

}

a.mainlevelfotomenu{
color: #ffffff;
font-size: 12px;
line-height:1.5;
padding-left: 5px;

}

a.mainlevel#active_menu{
color:#e15a08;
background: url(../images/active_link.jpg) top left no-repeat;
padding-left: 23px;
}

a.mainlevel:link {
	
}
a.mainlevel:visited {}

a.mainlevel:hover {
color:#e15a08;
background: url(../images/active_link.jpg) top left no-repeat;
padding-left: 23px;
}




#navigation {
	float: left;
	width: 150px;
	padding-left: 5px;
	color: white;
	font-size: 14px;
}

* html #navigation {
	float: left;
	width: 150px;
	padding-left: 0px;
	margin-left: 0px;
	color: white;
	font-size: 14px;
}

a.navigation{
	color: #e15a08;
	}

 /* Untermenü Styling */
 
a.sublevel{
color:#fff;
font-size: 10px;
text-decoration:none;
}

a.sublevel:link {
font-size: 10px;
}

a.sublevel#active_menu {
font-size: 10px;
}

a.sublevel:hover {
font-size: 10px;
color:#e15a08;
}

#navigation .moduletable th, #navigation th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 149px;
	height: 45px;
	vertical-align: middle;
	background: url(../images/h3_bg.jpg) top left no-repeat;
	color: #e15a08;
	font-weight: normal;
	padding-right: 20px;
	text-align: right;	
}





#right .moduletable_right th {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 149px;
	height: 45px;
	vertical-align: middle;
	background: url(../images/right_top.jpg) top left no-repeat;
	color: #e15a08;
	padding-top: 10px;
	text-align: left;
	padding-left: 15px;
	margin-right: -9px;
	float: right;
	margin-top: 6px;}
	

#navigation .moduletable td, #navigation td {

	padding-left: 10px;
	padding-bottom: 20px;
	width: 150px;
	color: white;
}

#navigation .moduletable table td, #navigation table td {
	padding: 0;
}


/**********************************************************
 * END Navigation
 **********************************************************/
 
 /**********************************************************
 * right
 **********************************************************/
 
 #right {
	
	margin-right: 25px;
	float: right;
	width: 150px;
}

* html #right {
	float: right;
	width: 150px;
	margin-right: 3px;
}



#right .moduletable table, #right table {
	font-size: 100%;
}

#right .moduletable th, #right  th {
	width: 149px;
	height: 45px;
	vertical-align: middle;
	background: url(../images/h3_bg.jpg) top left no-repeat;
	font-size: 100%;
	}
	
* html #right .moduletable th, #right  th {
	width: 149px;
	height: 45px;
	vertical-align: middle;
	background: url(../images/h3_bg.jpg) top left no-repeat;
	font-size: 100%;
	padding-top: 20px;
	}
 
 /**********************************************************
 * END right
 **********************************************************/
 
 /**********************************************************
 * END User Menu (muss in module class suffix festgelegt werden!!)
 **********************************************************/
 
 .usermenu {
	font-size: 10px;
}
 
 
 
/**********************************************************
 * END User Menu
 **********************************************************/

/**********************************************************
 * Content
 **********************************************************/

#content {
	font-family:Arial, Helvetica, sans-serif;	
	float: left;
	width: 615px;
	font-size: 90%;
	margin-left: 10px;
	padding-left: 0;
	

}

* html #content {

	width: 620px;
	margin-left: 5px;
}


#content li,ul {
	padding-left: 20px;
	list-style: none;
}




#content table {
	font-size: 100%;
}

.nav_bar_cell {
	background: #111111;
}

.sectiontableentry2, .sectiontableentry1 {
	color: #111;
	padding: 2px;
}

.sectiontableentry1 {
	background: #fff;
	border: 0px solid #333;
}
.sectiontableentry2 {
	background: #fff;
	border: 0px solid #333;
}

#subcontent {
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	color: black;

}

#left_subcontent  {
	width: 275px;
	float: left;
	text-align: center;
	text-align: left;
	color: black;
	margin-left: 25px;
	margin-right: 5px;
}
* html #left_subcontent {
	width: 275px;
	color: black;
	margin-left: 11px;
}
#left_subcontent h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style: normal;
	font-weight: bolder;
	background:  url(../images/pony_cat_bg.gif) top  no-repeat ;
	height: 30px;
	text-align: center;
	padding-top: 2px;
	margin-top: -24px;
}

#right_subcontent {
	width: 285px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;

}
* html #right_subcontent {
	width: 285px;
}
#right_subcontent h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style: normal;
	font-weight: bolder;
	background:  url(../images/pony_cat_bg.gif) top  no-repeat;
	height: 30px;
	padding-top: 2px;
	margin-top: -24px;
}


#left_subcontent2 {
	width: 559px;
	float: left;
	text-align: center;
	text-align: left;
	color: black;
	margin-left: 10px;
	margin-right: 5px;
	}
* html #left_subcontent2 {
	width: 559px;
	color: black;
	margin-left: 11px;
}
#left_subcontent2 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style: normal;
	font-weight: bolder;
	background:  url(../images/pony_cat_bg.gif) top  no-repeat ;
	height: 30px;
	text-align: center;
	padding-top: 2px;
	margin-top: -24px;
}

#right_subcontent2 {
	width: 1px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
}
* html #right_subcontent2 {
	width: 1px;
}
#right_subcontent2 h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-style: normal;
	font-weight: bolder;
	background:  url(../images/pony_cat_bg.gif) top  no-repeat;
	height: 30px;
	padding-top: 2px;
	margin-top: -24px;
}

#left_subcontent .moduletable, #right_subcontent .moduletable, #right_subcontent2 .moduletable {
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
	border: 1px solid #ededed;
	padding-bottom: 10px;
	
}

.ev_link_row {
	color: #FFF;
}


.content-ueberschrift {
	background-color: #f3f3f3;
	border: 0px solid #ededed;
	width: 190px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: url(../images/pony_cat_bg.gif) top center no-repeat;	
	text-align: center;
}

* html .content-ueberschrift {
	width: 190px;
	text-align: center;
}
	

.content-inhalt {
	background-color: #fbfbfb;
	border: 1px solid #ededed;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
	height: 100px;
	padding-left: 10px;
	padding-right: 10px;
}

.fotoauswahl {
	border-collapse: collapse;
}


/**********************************************************
 * END Content
 **********************************************************/

.latestnewsday {
font-size: 8px;	
}

a.latestnews {
	font-weight:normal ;
}


/**********************************************************
 * Footer
 **********************************************************/

#footer {
	clear: both;
	width: 970px;
	height: 125px;
	background: url(../images/footer_bg.png) top center no-repeat;	
}

* html #footer {
	height: 125px;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;	
	height:20px;
	font-size: 11px;
	color: #000;
	text-align: left;
	margin-top: 8px;	
	background:none;
	padding: 0;
}

#footer a:active {
	text-decoration:none;
	background:none;
}

#footer a:hover {
	color: #e15a08;
	text-decoration: none;
	background:none;
}

#footer-text {
	font-family:Arial, Helvetica, sans-serif;	
	height:20px;
	font-size: 11px;
	color: #000;
	text-align: left;	
}



#footer-menu {
	height:10px;
	margin-left: 20px;
	padding-top: 25px;
	text-align: left;
	color: #000;
	font-size: 11px;
}

* html #footer-menu {
	height:10px;
	margin-left: 20px;
	padding-top: 15px;
	text-align: left;
	color: #000;
	font-size: 11px;
}


#footer-menu a {

	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	color: #000;
}



/**********************************************************
 * END Footer
 **********************************************************/
 

 
 /**********************************************************
 * Pony
 **********************************************************/

.steckbriefe2, .steckbriefe1 {
	font-size: 20px;
	text-align: center;
	border-bottom: 2px solid silver;
	padding-top: 10px;
	padding-bottom: 10px;
}


.ponygalerie-link {
	background-color: #f3f3f3;
	border: 0px solid #ededed;
	width: 190px;
	height: 18px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: url(../images/pony_cat_bg.gif) top center no-repeat;	
	margin-left: 30px;
	text-align: center;
	padding-top: 5px;
}

.ponygalerie-thumb {
	background-color: #fbfbfb;
	border: 1px solid #ededed;
	height: 120px;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	padding-top: 5px;
	padding-left: 10px;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
}

.pony-comment {
	background-color: #ffffff;
	border: 1px solid #f3f3f3;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
	padding-left: 10px;
}

.pony-comment_name {
	background-color: #f3f3f3;
	border: 0px solid #ededed;
	width: 190px;
	height: 23px;
	font-size: 12px;
	background: url(../images/pony_cat_bg.gif) top left no-repeat;	
	text-align: center;
	margin-left: 20px;
	margin-top: 20px;
}

.categoriename {
	font-size: 13px;
	color: #ffffff;
	background: url(../images/balken_leer.jpg) top center no-repeat;
	height: 30px;
	padding-top: 3px;
	text-align: left;
	padding-left: 30px;
	
}


.slideshowbuttons-links {
	background: url(../images/button-or.jpg) bottom center repeat-x;
	-moz-border-radius: 2px;
	-khtml-border-radius:2px;
	border: 1px solid #a0a0a0;
	color: white ;
	padding-left: 2px;
	padding-right: 2px;	
}

.seitenzahlen a {
	background: url(../images/button-or.jpg) bottom center repeat-x;
	-moz-border-radius: 2px;
	-khtml-border-radius:2px;
	border: 1px solid #a0a0a0;
	color: white ;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 70%;	
}

.seitenzahlena {
	background: url(../images/button-or.jpg) bottom center repeat-x;
	-moz-border-radius: 2px;
	-khtml-border-radius:2px;
	border: 2px solid #a0a0a0;
	color: white ;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 70%;	
}


 /**********************************************************
 * END Pony
 **********************************************************/
 
  /**********************************************************
 * Eventlist
 **********************************************************/

.eventlistueberschrift {
	background-color: #f3f3f3;
	border: 0px solid #ededed;
	width: 190px;
	height: 18px;
	color: white;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/pony_cat_bg.gif) top center no-repeat;	
	margin-left: 58px;
	float: left;
	padding-top: 5px;

}

* html .eventlistueberschrift {
	background-color: #f3f3f3;
	border: 0px solid #ededed;
	width: 190px;
	height: 23px;
	font-size: 16px;
	background: url(../images/pony_cat_bg.gif) top center no-repeat;	
	margin-left: 30px;
	float: left;
} 








.eventlistdetails {
	background-color: #ffffff;
	border: 1px solid #111111;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;	

}

.eventlist-hintergrund {
	background-color: #fbfbfb;
	border: 1px solid #ededed;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
}

.eventlistlist {
	background-color: #fbfbfb;
	border: 1px solid #ededed;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
	text-align: left;
	height: 45px;
}

.eventlistlist a {
	padding-left: 20px;
}


.eventlistlist-home {
	background-color: #fbfbfb;
	border-bottom: 0px solid #ededed;
	background: url(../images/pony_bg.gif) bottom center repeat-x;
	text-align: left;
}

.eventlistlist-home a {
	padding-left: 0px;
}


.eventlistueberschrift_home {
	background-color: #fff;
	font-weight: bold;
	font-size: 14px;	
	color: black;
	text-align: left;
	height: 18px;
	border-left: 0px solid #ededed;
	border-right: 0px solid #ededed;
	border-top: 0px solid #ededed;
	border-bottom: 1px solid #ededed;
	background: url(../images/) top left no-repeat;
	padding-left: 0px;
	padding-top: 0px;

}

* html .eventlistueberschrift_home {
	background-color: #fff;
	font-size: 16px;	
	color: black;
	height: 23px;
	text-align: left;
	border-left: 0px solid #ededed;
	border-right: 0px solid #ededed;
	border-top: 0px solid #ededed;
	border-bottom: 1px solid #ededed;
	background: url(../images/) top left no-repeat;
	padding-left: 0px;
} 

.eventlist-dickeschrift {
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
}

.date {
	padding-left: 15px;
}

.eventlist-date {
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 10px;
	border-left: 0px solid #ededed;
	border-right: 1px solid #ededed;
	border-top: 0px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.eventlistlist-home-location {
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
	border-left: 0px solid #ededed;
	border-right: 0px solid #ededed;
	border-top: 0px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.eventlistlist-home-city {
	padding-left: 0px;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 0px;
	padding-top: 2px;
	border-left: 0px solid #ededed;
	border-right: 0px solid #ededed;
	border-top: 0px solid #ededed;
	border-bottom: 0px solid #ededed;
}

.eventlistlist-home-detail {
	padding-bottom: 0px;
	padding-top: 10px;
	border-left: 1px solid #ededed;
	border-right: 0px solid #ededed;
	border-top: 0px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding-left: 5px;
}

.eventlistlist-home-detail a {
	font-weight: bold;
}

.eventmodul {
	font-size: 10px;
}


.locationbeschreibung {
	border: 0px solid #111111;
	-moz-border-radius: 10px;
	-khtml-border-radius:10px;
	text-align: left;
	padding: 10px;
}

.event-einliefern {
	font-size: 20px;
	font-weight: bold;
}

 /**********************************************************
 * END Eventlist
 **********************************************************/

.kommentarbild {
		background: url(../images/kommentare.png) bottom center no-repeat;
		color: black;
		width: 17px;
		text-align: center;
}

* html .kommentarbild {
		background: url(../images/kommentare.png) bottom center no-repeat;
}

.hitsbild {
		background: url(../images/hits.png) bottom center no-repeat;
		color: black;
		width: 17px;
		text-align: center;
}

* html .hitsbild {
		background: url(../images/hits.png) bottom center no-repeat;
}


 /**********************************************************
 * Banduebersicht
 **********************************************************/


    #tabsB {
      float:left;
      width:100%;
      background:#fff;
      font-size:12px;
      line-height:normal;
      }
    #tabsB ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url(../images/tableftB.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url(../images/tabrightB.gif) no-repeat right top;
      padding:5px 5px 5px 0px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }


.content-ueberschrift-bands {
	background: url(../images/button.jpg) top center no-repeat;
	background-color: #fff;
	border: 0px solid #ededed;
	width: 190px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: black;	
	text-align: center;
}

.content-ueberschrift-kommentare {
	background-color: #f3f3f3;
	border: 0px solid #ededed;
	width: 190px;
	height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background: url(../images/pony_cat_bg.gif) top center no-repeat;	
	text-align: center;
	padding-top: 5px;
}