/*  R E S E T  */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin :0; padding :0;}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; margin:0px; padding:0px;}

iframe { margin:0px; padding:0px;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; margin:0px; padding:0px; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; margin:0px; padding:0px;}

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

a { outline:none;}

p { font-size: 13px; font-family: Tahoma, Arial; color: #666666;}
	
span {color: #7b0e3c;}

.clear { clear:both;}

strong { font-weight:bold;}

object {padding:0px; margin:0px;}

/*  †berschriften  */

h1 {
	font-family:Arial, Tahoma, sans-serif;
	font-size:22px;
	color:#7b0e3c;
	font-weight:normal;
	margin: 30px 0 0 50px;
	}

h2 {
	font-family:Arial, Tahoma, sans-serif;
	font-size:22px;
	color:#7b0e3c;
	font-weight:normal;
	margin: 30px 0 0 20px;
	}


/*  Seite  */

body {
	background-color: #F1F1F1;
	}

#headbereich {
	width:100%;
	height:146px;
	background-color: #FFFFFF;
	}
		
#content {
	height: 350px;
	width: 100%;
	background-color: #7b0e3c;
	}
	
#logo {
	height: 146px;
	width: 330px;
	top:0px;
	left:0px;
	position:absolute;
	background-image:url(../images/jj_logo.gif);
	}
	
/*  Linke Spalte  */
	
#linke_spalte {
	position: relative;
	width: 394px;
	height:338px;
	background-color: #CCCCCC;
	float: left;
	padding: 6px 0 6px 0;
	}
	


	#linke_spalte p {
		margin: 10px 30px 50px 50px;
		} 
	
	/*  Rechte Spalte  */
	
#rechte_spalte {
	position: absolute;
	top:146px;
	left:394px;
	width: 504px;
	height:337px;
	background-color: #DFDFDF;
	margin: 7px 0 0 7px;
	float: left;
	overflow: auto;
	}
	
		#rechte_spalte p {
			margin: 8px 20px 20px 20px; 
			}
	
		#rechte_spalte img {
			width: 504px;
			height:337px;
			}
			
/*  Gallery  */

	#gallery {
		position: absolute;
		top:146px;
		left:394px;
		width: 504px;
		height:337px;
		background-color: #DFDFDF;
		margin: 7px 0 0 7px;
		float: left;
		overflow: auto;
		}
			
	#gallery img {
		width: 100.7px;
		height:84.2px;
		float: left;
		}
	
/*  Navigation  */

#navigation {
	margin:20px 0 0 50px;
	width: 900px;
	}
	
	
	#navigation ul li {
		float: left;
		margin-right: 17px;
		}
	
		#navigation ul li a {
		font-weight: bold;
		color: #999999;
		font-size: 15px;
		font-family: Arial;
		text-decoration: none;
		}

	#navigation ul li a:hover {color:#7b0e3c; }		/*  Rollover  */
	
	#navigation ul li .aktiv {color:#7b0e3c; }	
	
	#navigation img {margin-top:-10px}
	
	/*  Aktiv Zustand  */
	
	/*  Pagination Navigation  */

#pagination {
	margin:265px 0 0 340px;
	width: 350px;
	text-align:right;
	font-weight: bold;
		color: #999999;
		font-size: 17px;
		font-family: Arial;
		text-decoration: none;
	}
	
	
	#pagination ul li {
		float: left;
		margin-right: 10px;
		

		}
	
		#pagination ul li a {
		font-weight: bold;
		color: #999999;
		font-size: 17px;
		font-family: Arial;
		text-decoration: none;
		}

	#pagination ul li a:hover {color:#7b0e3c; }		/*  Rollover  */
	
	#pagination ul li .aktiv {color:#99999; }		/*  Aktiv Zustand  */
	
	.paginationaktiv {color:#7b0e3c; }	
	
	a {color:#7b0e3c; }