/*<![CDATA[
jmp media - pixelcoach. Nicole Mueller
www.jmp-media.de
10/2006
*/

* { 	margin:0; padding:0; }

body{
 	margin: 2px auto; /* main-Box zentrieren in IE 5 und hoeher */
	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */
	font: normal normal 101% Arial, Helvetica, sans-serif;
	}
#container {
	width: 800px; 
 	margin: 0px auto; /* main-Box zentrieren in IE 5 und hoeher */
	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */
	border: 1px solid rgb(60,71,76);
}
#page {	
	margin: 0 auto;   
	text-align: left;  
}
#top{
	margin: 0;
	width: 800px;
	height: 145px;
	background-color: /*rgb(233, 234, 238)*/rgb(241, 242, 244);
}
#left_top {
	width:265px; 
	float:left; 
	height: 145px;
	/*background: url(../img/logo_unternehmenslotsin.jpg) no-repeat 0 0;*/
}
#right_top{ 
	width: 535px;
	height: 145px;
	margin-left: 265px;
	/*background: url(../img/start.jpg) no-repeat;*/
	_margin-right: -3px;
}

/* - - - - Kopfbereich - - - -  */
/* Servicenavigation*/
#slogan {
	font: italic normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 475px;
	height: 83px;
	text-align: right; 
	padding: 12px 12px 0 0;
	color: rgb(60,71,76);
}
#navigation{ 	
	margin-top: 17px;
	width: 265px;
 	float: left;
	text-align: left; 
	 } 
#navigation ul {
	margin-left: 28px;
}	 
#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 li a.sup, #navigation ul li a.sup:link ,#navigation ul li a.sup:hover, 
#navigation ul li a.supcurrent,
#navigation ul li a.supcurrent:link ,#navigation ul li a.supcurrent:hover  {
	color: rgb(60,71,76);
	text-decoration: none;
	font: normal normal 0.75em Arial, Helvetica, sans-serif;
	letter-spacing: 0.1px;
	padding: 3px 0 3px 0;
	width: 217px; 
	display: block;
}
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link , #navigation ul li a.current:hover  {
	background: url(../img/nav_bg.gif) no-repeat 0 6px;
	font: normal bold 0.75em Arial, Helvetica, sans-serif;
	color: rgb(1,41,92);
	padding: 3px 0 3px 17px;
	width: 200px; 
	letter-spacing: 0.02em; 
}
#navigation ul li a.sup,
#navigation ul li a.sup:link ,#navigation ul li a.sup:hover  {
	font: normal normal 0.75em Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 17px;
	width: 200px; 
}
#navigation ul li a.sup:hover, #navigation ul li a.supcurrent,
#navigation ul li a.supcurrent:link ,#navigation ul li a.supcurrent:hover  {
	background: rgb(240,242,243);
	font: normal bold 0.75em Arial, Helvetica, sans-serif;
	color: rgb(1,41,92);
	padding: 3px 0 3px 17px;
	width: 200px; 
	letter-spacing: 0.02em; 
}
#content {
	_margin-left: 265px;
	text-align: left;
	color: rgb(60,71,76);
	height: 240px;
	width: 535px; 
	_width: 532px;
	max-height: 240px;
	overflow: auto;
}
h1 {	margin:0; padding:0; display : none;  }
#content h1 { display: block; }

#content h1, h2, h3, h4, h5, h6 {
	font: normal bold 0.80em  Arial, Helvetica, sans-serif;
	letter-spacing: 0.015em; 
	color: rgb(1,41,92);
	margin: 20px 40px 8px 0;
}
h2 {	color: rgb(223,0,42); }
h3 {	color: rgb(60,71,76); }
h4 { 	font: italic normal 0.80em  Arial, Helvetica, sans-serif;  }
h5 {
	color: rgb(223,0,42);
	font: italic normal 0.80em Arial, Helvetica, sans-serif;
	margin: 7px 40px 7px 0;
}
h6 {
	color: rgb(0,160,167);
	font: italic normal 0.80em Arial, Helvetica, sans-serif;
	margin: 7px 40px 7px 0;
}
#content p, #content ul li {
	padding: 5px 70px 5px 0;
	line-height: 130%; 
	font: normal normal 0.75em  Arial, Helvetica, sans-serif;
}
#content ul {
	padding: 4px 0;
}
#content ul li, #footer ul li {
	list-style-image: url(../img/list_style.gif);
	_list-style-image: url(../img/list_style_ie.gif);
	padding: 3px 70px 1px 0;
	margin-left: 17px;
	margin-top: 0;
	line-height: 130%;	
}
#content ul li {
	padding: 3px 70px 1px 0;
	margin-left: 17px;
	margin-top: 0;
	line-height: 150%;	
}
/* Links */

a, a:link, a:hover{
	font: normal normal 0.95em Arial, Helvetica, sans-serif;
	text-decoration : underline;
   color: rgb(60,71,76);
	}/*Link*/
a:hover{
	color: rgb(99,108,112);
	}/*Link*/
#footer{ 	
	padding-top: 22px;
	clear:both;
	width: 800px; 	
	text-align: center;
	height: 70px; 
   }
#footer .footer {
	font: normal normal 0.65em Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 1px 1px 13px;
	background: url(../img/list_style_footer.gif) no-repeat 0 3px;
}

/* - - - - - - - -   formular   - - - - - - - -  */
form {	
	padding: 25px 8px 0px 35px; 
	font: normal normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	}
form.suche { 
	padding: 0; margin:0; 
	font: normal normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
form fieldset {
	padding: 15px 5px 20px 15px;
	border: 1px dashed black; 
	width: 93%; 
}
legend {	font-weight: bold; padding: 0; margin:0 8px; }
select,option {	width: 190px;	}
input, input.standard {
	width: 185px;
	border: 1px solid black;
	padding: 2px 1px;
	margin: 1px 0;
background-color: #fff;
}
input.boppel{
	border: none;
	width: 20px;
	background-color: transparent;
	padding:0; margin:0; margin:10px 0 -3px 0;
}
input.absenden {
	padding: 1px;
	margin-top: 10px;
	border: 1px solid black;
	font-weight: bold;
}
textarea {
	width: 225px;
	border: 1px solid black;
}
.row {
   padding: 4px 1px;
   display: block;
  /* clear: both;*/
  clear:right;
}
.row br { /* Ausblenden der <br>s f?r ungestylte Ansicht */
   display: none; }
.row span {
	padding: 4px 0;
	width: 180px;
	float: left;
}

.white{	color: #fff; }

/*]]>*/