/*<![CDATA[
jmp media - pixelcoach. Nicole Mueller
www.jmp-media.de
02/2007
*/

* { 	margin:0; padding:0; }

body{
	font: normal normal 101% Tahoma, Arial, Helvetica, sans-serif;
	text-align: left; 
	background-color: rgb(255,255,255);
}
#main {
	background: rgb(235,240,236) url(../img/nav_struktur.gif) repeat-y;
	width: 1000px;
	}
#page {	
	clear: right;
	}
#top{
	width: 1000px;
	height: 104px;
	padding-top: 20px;
	background: white url(../img/header.jpg) no-repeat right;
	border-bottom: 2px solid rgb(28,82,34);
	color: rgb(250,205,42);
	font: normal bold 0.75em Arial, Helvetica, sans-serif;
}
#top img {
	float: left;
	padding-left: 25px;
	margin-top: -20px;
}
#top span.highlighted {
	color: rgb(255,255,255);
	margin: 0 0 0 105px;
}
#top span.highlighted a{
text-decoration: none;
color: white;
}
#top p {
	margin: 0 0 0 300px; 
}
#sponsor img {border: none; margin: 0; padding: 0;}

#sponsor, #service{
	float: right;
	text-align: right;
	margin: 50px 10px 0 0; margin-right: -152px;
}	
#sponsor{
	margin: -15px 0px 0 0; 
}
#service a, #service a:link, #service a:hover {
	color: rgb(250,205,42);
	text-decoration: none; 
}
.additionalnavilast{
border-right:0;
}
/* - - - - Kopfbereich - - - -  */
/* Hauptnavigation*/
#navigation{ 	
	width: 175px;
 	float: left;
	text-align: left; 
	/*background: url(../img/nav_struktur.gif) repeat;*/
	height: auto;
}

#navigation ul {
	border-top: 2px solid rgb(210,221,211);
	border-bottom: 2px solid rgb(210,221,211);
	margin: 10px 0 100px 0; 
	text-align: right;
}
#navigation ul.supnavigation {
	margin: 0;
	border: none;
}	 
#navigation ul li { 	list-style: none; }

#navigation ul li a, #navigation ul li a:link,
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link ,#navigation ul li a.current:hover, 
#navigation ul.supnavigation li a, #navigation ul.supnavigation li a:link,
#navigation ul.supnavigation li a:hover, #navigation ul.supnavigation li a.current,
#navigation ul.supnavigation li a.current:link , #navigation ul.navigation li a.current:hover  {
	color: rgb(28,82,34);
	text-decoration: none; 
	background: rgb(210,221,211);
	font: normal normal 0.8em Tahoma, Arial, Helvetica, sans-serif;
	padding: 3px 31px 3px 0;
	margin: 0;
	display: block;
	border-bottom: 1px solid rgb(28,82,34);
        width: 144px;
}
#navigation ul li a.first, #navigation ul li a.first:link,
#navigation ul li a.first:hover, #navigation ul li a.firstcurrent,
#navigation ul li a.firstcurrent:link ,#navigation ul li a.firstcurrent:hover {
	border-bottom: 1px solid rgb(28,82,34);
	border-top: 1px solid rgb(28,82,34);
}
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link , #navigation ul li a.current:hover  {
	background-color: rgb(28,82,34);
	color: rgb(250,205,42);
	border-bottom: 1px solid rgb(250,205,42);
}
#navigation ul.supnavigation li a,
#navigation ul.supnavigation li a:link ,#navigation ul.supnavigation li a:hover, 
#navigation ul.supnavigation li a.current, #navigation ul.supnavigation li a.current:link,
#navigation ul.supnavigation li a.current:hover  {
	font: normal normal 0.75em Tahoma, Arial, Helvetica, sans-serif;
	color: rgb(210,221,211);
	background: rgb(119,151,122);
	border-bottom: 1px solid rgb(210,221,211);
}
#navigation ul.supnavigation li a:hover, #navigation ul.supnavigation li a.current,
#navigation ul.supnavigation li a.current:link,
#navigation ul.supnavigation li a.current:hover  {
	background: rgb(119,151,122) url(../img/current_sup.gif) no-repeat 149px 4px;
	}
#content, #content_inhalt, #content_breit  {
   padding: 10px 0 70px 37px; 
	float: left;
	text-align: left;
	color: rgb(51,51,51);
	width: 788px; /*708*/
        min-height:300px;
	height:auto !important;  /* für moderne Browser */
 	height:300px;  /*für den IE */
}
#content_inhalt  {
   padding: 19px 0 75px 37px; 
	float: left;
	text-align: left;
	color: rgb(51,51,51);
	width: 578px; /*708*/
        min-height: 500px;
}
#content_breit {padding: 20px 0 75px 37px; }
#content_right {
     float: left;
     width: 199px;
     margin-top: 57px;
     padding: 10px 0 50px 0;

}
.box, .boxBig, .boxTabelle, .boxThemen, .boxWerbung {
	float: left;
	width: 185px;
	margin: 0 9px 15px 0;
}

.boxTabelle, .boxWerbung {
	margin: 0 9px 15px 0;
        width: 195px;
}

.boxBig {
	width: 379px;
}

#content .box p, #content .boxBig div, #content .boxThemen div, #content .boxWerbung div {
	border: 1px solid rgb(202,202,200);
	padding: 5px;
	margin-top: 0;
	height: 128px; 
}
#content .box p, #content .boxThemen p, #content .boxBig p { font: normal normal 0.75em  Arial, Helvetica, sans-serif;
padding: 0; margin: 0; }
#content .box p {padding: 5px 3px 5px 5px; }
#content .boxThemen div {
	background: white url(../img/back_teaser.gif) no-repeat bottom right;
	border: 1px solid rgb(250,205,42);
	padding: 5px 5px 7px 5px;
	margin-top: 1px;
}
 #content .boxWerbung div {
	background-color: white;
font: normal normal 0.75em  Arial, Helvetica, sans-serif;
	text-align: right;
	height: auto;
}
#content p.ohne {
	border: none;
	padding: 0;
	height: 65px;
}
#content .border {
	background-color: white;
	padding: 2px;
	height: 135px; 
	border: 1px solid rgb(202,202,200);
	margin-top: 0;
}
#content .boxTabelle table {
	font: normal normal 0.75em  Arial, Helvetica, sans-serif;
	width: 189px;
	border-collapse: collapse; margin-bottom: 2px;
}
#content .boxTabelle tr.header{
	background-color: rgb(197,197,197);
	color: rgb(102,102,102);
	border: none;
}
#content .boxTabelle tr{
	background-color: rgb(221,221,221);
	border-top: 2px solid white;
}
#content .boxTabelle th{
	text-transform: uppercase;
	font: normal normal .95em  Arial, Helvetica, sans-serif;
	padding: 0 0 0 2px;
}
#content .boxTabelle td{
	padding:0 2px;
}
#content_inhalt h1, #content_right h1,
#content_inhalt h2, #content_right h2, 
#content_inhalt h3, #content_right h3, 
#content_inhalt h4, #content_right h4, 
#content_breit h1, #content_breit h2, #content_breit h3  {
	font: normal bold 1em  Arial, Helvetica, sans-serif;
	color: rgb(28,82,34);
	padding: 0 0 7px 0; 
 }
#content_inhalt h2, #content_right h2, #content_breit h2 {
	font: normal bold .9em  Arial, Helvetica, sans-serif;
	padding: 10px 0 7px 0; 
 }
#content_inhalt h3, #content_right h3, #content_breit h3 {
	font: normal bold .8em  Arial, Helvetica, sans-serif;
	color: rgb(51,51,51);
	padding: 10px 0 0px 0; 
 }
 #content_inhalt h4, #content_right h4, #content_breit h3 {
	font: normal bold .85em  Arial, Helvetica, sans-serif;
	color: rgb(51,51,51);
	padding: 12px 0 0px 0; 
 }
#content .box h1, #content .boxBig h1, #content .boxTabelle h1,
#content .boxThemen h1, #content .boxWerbung h1  {
	background-color: rgb(202,202,200);
	margin: 0 0 2px 0;
	color: rgb(28,82,34);
	padding: 2px 0 2px 10px;
	width: 369px ;
        font-size: .75em;
}
#content .box h1, #content .boxTabelle h1, #content .boxThemen h1, #content .boxWerbung h1 {
	background-color: rgb(218,221,218);
	width: auto /*175px*/;
}
#content .boxTabelle h1 {
	background-color: rgb(250,205,42);
}
#content .boxThemen h1 {
	background-color: rgb(231,0,49);
} 

#content p, #content ul li, #content_start p, #content_start ul li, 
#content_inhalt p, #content_inhalt ul li, #content_right p,
#content_breit p, #content_breit ul li {
	padding: 7px 75px 7px 0;
	line-height: 130%; 
	font: normal normal 0.75em  Arial, Helvetica, sans-serif;
}
#content_inhalt table tr td, #content_breit table tr td   {
	line-height: 130%; 
	font: normal normal 0.75em  Arial, Helvetica, sans-serif;
}
#content_breit table tr td p  {
	font: normal normal 1em  Arial, Helvetica, sans-serif;
}
#content_inhalt table  {
	width: 95%;
	}
#content_right p {
	padding: 7px 25px 7px 0;
	}
#content_right h1 {
	font-size: 0.8em;
	}
#content ul, #content_inhalt ul, #content_right ul, #content_breit ul,  { 	padding: 4px 0; }
#content ul li, #footer ul li, #content_inhalt ul li, #content_right ul li, #content_breit ul li {
	list-style-image: url(../img/list_style.gif);
	padding: 3px 70px 1px 0;
	margin-left: 17px;
	margin-top: 0;
	line-height: 130%;	
}

/*Link*/
a, a:link, a:hover{
	font: normal bold 0.95em Arial, Helvetica, sans-serif;
   color: rgb(231,0,49);
}

a.termine, a.termine:link, a.termine:hover{
   font-weight: normal; 
   text-decoration: none; 
   font-size: .95em;
}
/*pseudolink*/
a:hover, a.termine:hover{	text-decoration: underline;}

#footer{ 	
	clear:left;
	width: 992px; 	
	/*border-bottom: 16px solid rgb(250,205,42);*/
	padding: 0  8px 0 0;
        background-color: rgb(250,205,42);
        font: normal normal .8em Arial, Helvetica, sans-serif;
        text-align: right;
 }

#fussballer  {
	position: relative;
/*	height: 0;*/

}
#fussballer img {
	margin-top: -76px;	
}

#wrapper a[href^="http:"], #wrapper a[href^="https:"] {
	padding-right: 1.25em;
	background: url(../img/externer_link.gif) no-repeat right;
}

iframe {
   border:1px solid rgb(28, 82, 34);
   text-align: left;
}

iframe .artmedic_hauptrahmen {
margin:1px;
padding:2px;
}
hr {
	margin: 10px 0 15px 0;
	height: 1px;
	border: none;
	border-bottom: 1px solid rgb(28, 82, 34);
}
.goLeft {float: left;}
.paging      { text-align: center; margin: 15px 75px 0 0; border-top: 1px solid #CACAC8; padding-top: 10px;}
.paging a    { font-size:.8em; padding-right:5px; font-weight: normal;}

/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1 {font-size:150%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:120%; font-weight:bold; color:#000000; margin-bottom:5px;}
#mod_te p {font-size:100%; color:#222222; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
}

#mod_tlf {
   text-align:left;
}

#mod_tl table {
   width:600px; 
   background-color:#ffffff;
   border-collapse:collapse;
}

#mod_tl th {
   width:100%;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}

#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}

#mod_tl .border { border-top:1px solid #000000; border-bottom:1px solid #000000; }
#mod_tl .hell { background-color:#ffffff; }
#mod_tl .dunkel { background-color:#dfdfdf; }
#mod_tl .sp0 { width:60px; }
#mod_tl .sp1 { width:85px; }
#mod_tl .sp2 { width:90px; }
#mod_tl .sp3 { width:300px; }
#mod_tl .sp4 { width:100px; }
#mod_tl .einrueck { padding-left:15px; }

/*---------------------------------------------*/ 


/*    ------------ SITEMAP --------------   */

a.sitemap_level1 {
	padding-bottom:0.7em;
        
}
a.sitemap_level2 {
	color:rgb(175,1,34);
      	background:url(../img/navi_pfeil_rechts.gif) no-repeat 170px 5px;
	}
a.sitemap_level3 {
	color:rgb(19,76,107);
padding: 3px 0; 
}
.sitemap_level2_container {
	float:left;	font: normal normal 0.80em Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:170px;
	padding-top:.3em; 
}
.sitemap_level3_container {
	font: normal normal 0.80em Verdana, Geneva, Arial, Helvetica, sans-serif;  
        float:left;
        width: 170px;
       	padding:.3em 0; 
}


/*  formular */

form { padding: 15px 0 15px 27px; 
       font-size: 0.8em;
}
form fieldset {
	border: none;
}
legend {
	font-weight: bold;
	color:  rgb(87,83,83);
	font-size: 2em;
	padding: -20px 0 0 0;
	margin: -20px 8px 0 0;
}
input.absenden {
	padding: 1px 10px;
	margin-top: 10px;
	border: 1px solid #1C5222;
	font-weight: bold;
        color: #1C5222;
width: 156px;
}

input[type=text], textarea {
	border: 1px solid #ccc;
        width: 240px;
        height: 18px;padding: 2px 2px 1px 2px;
}

textarea {
      height:170px;
      border: 1px solid #ccc;
}
input[type=radio] {
	margin: 0 0 -2px -2px;
	border: none; border: 0;
}

input[type=image] { width: 10px; height: 14px;  }
.row {
   padding: 4px 1px;
   display: block;
  /* clear: both;*/
  clear:right;
}
.row br { /* Ausblenden der <br>s fuer ungestylte Ansicht */
   display: none; }
.row span {
	padding: 4px 0;
	width: 130px;
	float: left;
}
/***************************************
**            Gaestebuch               **
***************************************/
form#vpgb_eintrag { padding: 15px 0 15px 10px; } 

input#url, textarea#entry, input#email, input#name{ width:150px; }

a.smilie{ color:#ebf0ec; }


.sponsorJmp {
     background-color: white; 
     width: 380px;
margin: 20px 0;
padding: 10px;
}

.goLeft {float: left; }
.small {width: 185px;}
.clearLeft {clear: left;}
.textRight {text-align: right;}
#content_inhalt p.noPadding {padding-right: 0;  }
#content_inhalt p.legend {color: #b6b7b9; font-size: 7pt; padding:10px 0 0 0; margin: 0;}

/***************************************
**         Lightbox Gallery           **
***************************************/
.gallery a img {border: 1px solid #1C5222;}
.thumb {padding: 0 10px 10px 0;}
#content_breit .gallery p.medianame {padding-right: 0;}
	#lightbox {
		position: absolute;
		top: 40px;
		left: 0;
		width: 100%;
		/*z-index: 100;*/
		z-index: 990;
		text-align: center;
		line-height: 0;
	}
	#lightbox a img { border: none; }
	#outerImageContainer {
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	#imageContainer {
		padding: 10px;
	}
	#loading {
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		/*z-index: 10;*/
		z-index: 970;
	}
	#imageContainer>#hoverNav { left: 0;}
	#hoverNav a { outline: none;}
	#prevLink, #nextLink {
		width: 49%;
		height: 100%;
		/*background: transparent url(../images/blank.gif) no-repeat;*/ /* Trick IE into showing hover */
		display: block;
	}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	/*#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }*/

#prevLink { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink { background: url(../images/next.gif) right 15% no-repeat; }	

#imageDataContainer {
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
	}
	#imageData {
		padding:0 10px;
	}
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 980;
		width: 100%;
		height: 500px;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/*]]>*/