/*<![CDATA[
jmp media - pixelcoach. Nicole M?ller
www.jmp-media.de
07/2006
*/
* { 	margin:0; padding:0; }
body {   text-align: left; }

a {	color: black; margin-right: 10px; }

/* ----------container zentriert das layout-------------- */
#page {
    text-align: left;    
} 

/* ----------banner for logo-------------- */
#logo {
	text-align: right;
	background: white url(../img/logo_header.gif) no-repeat left top;
	_background: white url(../img/logo_header.gif) no-repeat 0 5px;
	height: 32px;
	padding: 17px 10px 0 0;
}
#header, #top, #footer{ display: none;}

/* Beginn Körper*/
#main { margin: 0; }

#right {
	 width: 180px; 
	 float:left; 
         background-color: white; 
 }
/* -----------------Inhalt--------------------- */ 
#content{ 
	text-align: left;
	font-size: 0.8em; 
	padding: 0;
	float: left;
	width: 550px;
	margin: 0;	
	color: #333;
        background-color: white;

	}

p, #content ul {
	padding: 10px 35px 10px 0;
	line-height: 140%;
}
#content p.mitte { text-align: center;}
#content ul {
	padding: 10px 75px 10px 20px;
}

#content h1, #content h2 {
	color: rgb(83,158,7);
	text-decoration: none;
	font: normal bold 1.5em Arial, Helvetica,  sans-serif;
	padding: 10px 0 8px 0;
}
#content h1.start {
	padding: 0px 75px 8px 0;
}
#content h2 {
	font: normal bold 1.3em Arial, Helvetica,  sans-serif;
	padding: 25px 0 8px 0;
}
.floatleft { float: left; margin: 0 0 10px 10px; }
#content p.float { height: 200px;  }

.news, .termine, .werbung {
	margin: 0 0 15px 12px;
	width: 145px;
	_margin-left: 10px;
}
.termine {
	margin: 0 0 0 12px;
}
.news p, .termine p, .werbung p{
	padding:4px 5px 5px 7px;
	font-size: 0.75em;	
	text-align: left;
	border: 1px solid rgb(123,211,35);
	border-top: none;
         background-color: white;
}
.termine p { border: 1px solid rgb(246,145,25); border-top: none; }
.werbung p {padding:0;}
.werbung a img { 	border: 0; }
.werbung a {padding:0; margin:0;}
.news h1, .werbung h1, .termine h1 { 
	background: url(../img/bg_headline_aktuelles.gif) no-repeat; 
	color: rgb(2,92,21); 
	font-size: 0.8em;
	text-align: left;
	padding: 3px 0 2px 5px;
	width: 139px;
	border-right: 1px solid rgb(123,211,35);
	}
.termine h1 {
	background: url(../img/bg_headline_termine.gif) no-repeat;
	color: rgb(255,255,255);
	border-right: 1px solid rgb(246,145,25);
}

#content p.refbox_i, #content p.refbox_p {
	padding: 15px 10px;
   border: 1px dashed #74af3a;
	margin: 5px 5px 20px 0;
 	overflow: hidden; /* Der Trick zum Umschließen von floats */
	width: 500px; /* IE6 benötigt feste Breite */
}
img.ref{
	margin-right: 25px;
}
/* -----------------Navigation--------------------- */ 

#navigation, #navigation ul{ display: none;	border: 1px solid red;}


/*  ----------------Formulare---------------------- */ 
input {
	width: 185px;
	border: 1px solid rgb(102,102,102);
	padding: 2px 1px;
	margin: 1px 0;
	background-color: rgb(255,255,255);
}
input.los {
padding: 0;
border: none; 
width: 20px;
background: transparent url(../img/pfeile.gif) no-repeat 3px 5px;
_background: transparent url(../img/pfeile.gif) no-repeat 3px 7px;}

input.suchfeld { 
	color: #422617;
	margin: 2px 0 1px 2px; 
         _margin: 5px 0 1px 2px;
         padding:0;
	width : 300px;
	height : 17px;
	border: 1px solid rgb(2,92,21);
background-color: rgb(189, 233, 145);
/*border: 1px solid rgb(123, 211, 35);*/
}	
form.suche { 	
     padding: 0 10px 0 0; 
     margin:0;
     text-align: right;  }

/* ---------- Sitemap ------------ */

a.sitemap_level1 {
	display:block;
	border-bottom:2px dotted #b4a8b4;
	color:rgb(217,104,28);
	font-weight:bold;
         text-decoration: none;
	background:url("../img/navi_pfeil_rechts.gif") no-repeat;
	background-position:right;
}

a.sitemap_level2 {
	color:rgb(2, 92, 21);
	background:url("../img/navi_pfeil_rechts.gif") no-repeat;
	background-position:170px 4px;
	display:block;
         text-decoration: none;
}
a.sitemap_level3 {
	color:rgb(190,190,190);
}

.sitemap_level2_container {
	float:left;
	width:50%;
	padding: 3px 10px 1px 50px;
}
.sitemap_level3_container {
	float:left;
	width:50%;
	padding: 3px 20px 1px 10px;
}
/* - - - - - - - -   formular   - - - - - - - -  */

form {	
	margin-left: 30px;
         padding: 25px 8px 0px 0; 
	font: normal normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; 
	}
form fieldset {
	padding: 25px 5px 25px 15px;
	/*border: 1px solid rgb(158,158,158); */ border: none;
	width: 90%; 
background-color: rgb(189, 233, 145);
}
legend {	font: normal bold 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; 
padding: 0; margin:0 5px; }

input, select{
	width: 240px;
	border: 1px solid rgb(158,158,158);
	padding: 2px 1px;
	margin: 1px 0;
background-color: #fff;
}
input.boppel{
	border: none;
	width: 20px;
	background-color: transparent;
	padding:0; margin:0; padding-top:3px;
}
input.absenden {	padding:1px; margin-top: 10px; border: 1px solid rgb(158,158,158);}

select{	 
   width:245px;
   padding: 0px;
   margin: 1px 0;
}
textarea {
	width: 225px;
	border: 1px solid rgb(158,158,158);
}
.row {
   padding: 4px 1px;
   display: block;
  clear:right;
}
.row br { /* Ausblenden der <br>s für ungestylte Ansicht */
   display: none; }

.row span {  padding: 4px 0; width: 130px; float: left; }
/*.rown span {  padding: 2px 0; width: 160px; float: left; }*/

/*]]>*/