/*<![CDATA[
jmp media - pixelcoach. Nicole Mueller
www.jmp-media.de
02/2007
*/
* { 	margin:0; padding:0; }

body{
	min-height: 100%;
 	margin: 0px auto; /* main-Box zentrieren in IE 5 und hoeher */
	margin-bottom: 12px;
	text-align: center;  
	font: normal normal 101% Arial, Helvetica, sans-serif;
	background-color:rgb(102,0,0);
	}
hr {
	border: none;
	border-bottom: 1px solid rgb(102,0,0);
	margin: 0 250px 15px 35px;
}
a {	
	color: rgb(102,0,0);
	text-decoration: none;
}
a.above {
	padding-left: 18px;
	background: url(../img/above.gif) no-repeat left 6px;
}
a:hover {
	text-decoration: underline;
}
#page {
	width: 999px;
	background: url(../img/kachel.gif) repeat-y;
	margin: 0 auto; 
	text-align: center;  
} 
#navigation, #navigation_start {
	width:257px;
	float: left; 
	background: url(../img/violin_nav2.gif) no-repeat left top;
	min-height: 905px;
	height: 905px;
	height: auto !important;
}
#navigation_start {
	min-height: 512px;
	height: 512px;
	height: auto !important;
}
#content{ 
	text-align: left;
	font: normal normal 0.8em Georgia, Arial, Helvetica, sans-serif; 
	float: left;
	width: 732px;
	color: rgb(5,1,2);
}

#logo {
	float: right;
	margin-right: 15px;
	margin-top: -100px;
}
#service{
	text-align: right;
	width: 566px;
	margin: 0 0 106px 0;
	font: normal normal .85em Arial, Helvetica, sans-serif;
}
#content #service ul {
	color: black;
/*	background-color: rgb(102,0,0);*/
	height: 15px;
	text-align: right; 
	margin:0;
	padding: 0 5px 0 0;
}
#service li {
	margin:0;
	padding: 0 4px;
	display: inline;
	list-style-type: none;
	border-right: 1px solid black;
}
#service li.last {
	border: none;
}
#service ul li a, #service ul li a:link,
#service ul li a:hover, #service ul li a.current,
#service ul li a.current:link ,#service ul li a.current:hover  {
	color: rgb(0,0,0);
	text-decoration: none;
	font: normal normal 1.1em Arial, Helvetica, sans-serif;
	padding-right: 2px;
}
#service ul li a:hover, #service ul li a.current,
#service ul li a.current:link ,#service ul li a.current:hover  {
	text-decoration: underline;
}
p, #content ul {
	padding: 0 235px 15px 35px;
	line-height: 140%;
}
#content ul {
	padding: 10px 75px 10px 50px;
}

#content h1, #content h2 {
	color: rgb(102,0,0);
	text-decoration: none;
	font: normal normal 1.3em Georgia, Arial, Helvetica, sans-serif;
	padding: 0 0 35px 35px;
}
#content h2 {
	padding: 22px 0 35px 35px;
	color: rgb(5,1,2);
	font-style: italic;
}

/* -----------------Navigation--------------------- */ 
#navigation ul, #navigation_start ul, #navigation ul.supnavigation {
	margin: 295px 0 480px 130px;
	text-align: left;
}
#navigation_start ul {
	margin: 295px 0 0 130px;
}
#navigation ul.supnavigation {
	margin: 0;
	text-align: left;
}
#navigation ul li, #navigation_start ul li, #navigation ul.supnavigation li {
	list-style: none;
	padding: 4px 0;
}
#navigation ul.supnavigation li {
	list-style: none;
	padding: 2px 0;
}
#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_start ul li a, #navigation_start ul li a:link,
#navigation_start ul li a:hover, #navigation_start ul li a.current,
#navigation_start ul li a.current:link ,#navigation_start 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.supnavigation li a.current:hover {
	display: block;
	color: rgb(5,1,2);
	text-decoration: none;
	font: normal normal .8em Georgia, Arial, Helvetica, sans-serif;
	padding: 0 0 0 12px;
}
#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 {
	color: rgb(102,0,0);
	padding: 0 0 0 20px;
	letter-spacing: -0.2px;
}
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link ,#navigation ul li a.current:hover, 
#navigation_start ul li a:hover, #navigation_start ul li a.current,
#navigation_start ul li a.current:link ,#navigation_start ul li a.current:hover {
	background: url(../img/current.gif) no-repeat left center;
	font-weight: bold; 
}
#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: none;
	font-weight: bold; 
}
/*  ----------------footer---------------------- */ 
#footer, #footer_start {
	clear: left;
	height: 335px;
	background: url(../img/footer.jpg) no-repeat;
} 	
#footer_start {
	background: url(../img/footer_start.jpg) no-repeat;
} 	

/*]]>*/