/*<![CDATA[

jmp media - pixelcoach. 

www.jmp-media.de

03/2008

*/



* { 	margin:0; padding:0; }



body{

 	margin: 0 auto; 

	margin-top: 8px;

	text-align: center; 

	font: normal normal 101% Arial, Helvetica, sans-serif;

	background: #C5C6C6 url(img/bg_site.gif) repeat-x;

}

#container {

	width: 1000px; 

	background-color: white;

 	margin: 0px auto; 

	text-align: left;

	border-top: 2px solid #008ca5;

}	

#top {

	padding: 25px 0 0 0;

	background: url(img/bg_header.gif) repeat-x;

	width: 986px;	

	border-left: 7px solid #dff0f4;

	border-right: 7px solid #dff0f4;

	height: 169px;  /* 193 */

}

#logo {

	float: left;

}

#logo img {

	border: none;

}

#header {

	float: left;

	width: 986px;	

	border-left: 7px solid #dff0f4;

	border-right: 7px solid #dff0f4;

	height: 112px;

}

#header img#header2{

	margin-top: -3px;

}

#page { 

	text-align: left; 

	float: left;	

	border-left: 7px solid #dff0f4;

	border-right: 7px solid #dff0f4;

/*	min-height: 300px;

   height:auto !important;   für moderne Browser 

	height:300px;  für den IE 

*/

 }

#left {

	background: url(img/bg_navi.gif) no-repeat top right;

	width: 392px;  

	float: left;

	min-height: 430px;

}
#fb {
 text-align:center;
 padding-top:80px;
 }
#footer {

	width: 988px; 

	clear: both;

	color: #008ca5;

	border-top: 2px solid #008ca5;

	position: relative;

	text-align: right;

	padding-right: 12px;

	background-color: #C5C6C6;

	font-size: .7em;

}

#footer p {

	padding: 0; margin: 3px 0 0 0;

}

#eyecatcher {

	position: absolute;

	bottom: 37px;

	left: -68px;

	z-index: 20;

}



#top img.abstand {

	margin-left: 28px;

}

#top img.abstand1 {

	margin-bottom: 23px;

}

/* ------- Content Bereich   --------  */



#content, #contentStart{

   float: left;

   width: 505px;   /* 593 */

	min-height: 300px;

   height:auto !important;  /* für moderne Browser */

	height:300px;  /*für den IE */

	color: #7499a5;

	padding: 5px 0 3px 60px;

	background: url(img/bg_content.gif) repeat-y top left;

	margin: 0 29px 37px 0;

	background-color: #dff0f4;

}



#headline {

	margin-left: 30px;

}

/* ------- Navigation   --------  */

#left ul {

	width: 220px;

/*	height: 426px;

*/	padding: 15px 0 0 84px;

	margin: 0 0 0 84px;

}

#left ul.sup {

	width: 196px;

	padding: 2px 0 2px 16px;

	margin: 0;

}

#left ul li {

		list-style: none;

		line-height: 145%;

}

#left ul li a, #left ul li a:link, #left ul li a:hover,

#left ul.sup li a, #left ul.sup li a:link, #left ul.sup li a:hover {

	color: #7499a5;

	font-size: .8em;

	text-decoration: none;

}

#left ul li a:hover {

	color: #008ca5;

}

#left ul li a.current {

	color: #008ca5;

	font-weight: bold;

}

#left ul.sup li {

		list-style: none;

		line-height: normal;

		margin: 3px 0;

		

}

#left ul.sup li a, #left ul.sup li a:link, #left ul.sup li a:hover {

	padding-left: 19px;

}



#left ul.sup li a.current, #left ul.sup li a:hover {

	border-left: 5px solid #d04997;

	padding-left: 14px;

	color: #008ca5;

	font-weight: normal;

}

#left img {

	border: 2px solid white;

	margin: 0 0 0 60px;

}



#header ul {

	float: right; 

	text-align: right;

	padding: 0; 

	margin-top: 45px;

	height: 33px;  /* 78 */

	width: 391px;

	background: url(img/bg_servicenav.gif) repeat-x bottom;

}

#header ul li {

	display: inline;

	list-style: none;

}

#header ul li img { 

	margin-bottom: -7px;

}

#header ul li a, #header ul li a.last, #header ul li a.current {

	font-size: .7em;

	color: #008ca5;

	padding: 0 0 0 5px;

	border-right: 1px solid #008ca5;

	padding-right: 5px;

	text-decoration: none;

}



#header ul li a.last {

	border: none;

	padding: 0 28px 0 5px;

}

#header ul li a.current, #header ul li a:hover {

	text-decoration: underline;

}



/* --------   Allgemeine Definitionen   --------  */





p, ul {

	padding: 16px 23px 0 0;

}

ul {

	padding: 6px 23px 0 0;

}

#content p, #contentStart p,

td {

	font: normal normal 0.75em Arial, Helvetica, sans-serif;

	line-height: 150%;

}



#content ul li, #contentStart ul li {

	list-style-type: none;

	background: url(img/bg_liste.gif) no-repeat left 8px;

	padding: 3px 30px 1px 13px;

	margin: 0 0 0 5px;

	line-height: 125%;

	font: normal normal 0.75em Arial, Helvetica, sans-serif;

	color: #7499a5;

}



.mitarbeiter {

	min-height: 175px;

}

#content img {

	float: right; margin: 0 0 25px 19px;

}

h1 {

	color: #008ca5;

	font-size: .85em;

	padding: 16px 15px 0 0;

}

h2 {

	color: #008ca5;

	font-size: .8em;

	padding: 15px 23px 0 0;

}

h3 {

	color: #d04997;

	font-size: .8em;

	padding: 15px 23px 0 0;

	font-weight: normal;

}



a, a:link, a:hover{

/*	font: normal normal 0.95em Arial, Helvetica, sans-serif;

*/	color: #d04997;

	text-decoration: underline ; 

}

a:hover{

	text-decoration: none; 

}



#goRight {

	float: right;

	width: 155px;

	height: 320px;

	margin: 20px 20px 10px 20px;

	min-height: 300px;

   height:auto !important;  /* für moderne Browser */

	height:300px;  /*für den IE */

}

#content p.description {

	 padding:6px 0 0 10px; 

	 font-size: .7em; 

	 line-height: 110%;

}



/*]]>*/


