/*<![CDATA[
jmp media - pixelcoach. Nicole Mueller
www.jmp-media.de
08/2007

*/

* { margin:0; padding:0; }
html{
	/*height: 100%;*/
}
body{
 	margin: 0 auto; 
	margin-top: 3px; 
	margin-bottom: 3px;
	text-align: center; 
	font: normal normal 101% Verdana, Geneva, Arial, Helvetica, sans-serif;
   /*height:100%; */
}
#container1{
	margin: 0 auto; 
	text-align: center;
	width: 980px;
}
#container {
	width: 980px; 
   text-align: center; 
	float:left;
	min-height:780px;
	height:auto;
	margin:0 auto 0 auto;
	border: 1px solid #b2b2b2;

}
#header {
	height: 205px;
	width: 980px;
	text-align: right;
	background: url(../img/header.gif) no-repeat;
}
#page {
	float:left;
	margin: 0 auto;
	text-align: left;
	margin-top: 40px;
}
#navigation{
 	width: 190px;
	float: left;
	background: url(../img/back_navi.gif) no-repeat 0 5px;
	min-height: 523px;
	padding-left:40px;
	
}
#content{	
	float: left;
   color: #666666;	
	width:750px;
	background: url(../img/back_content.gif) no-repeat right top;
}
	
/*Schriften*/
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
   font-size: 0.8em;
	padding: 0 250px 6px 0px;
	color: #b72837;
	text-transform: uppercase;
}
#content h2{
   font-weight:  normal;
	font-size:0.85em;
}
#content h3{
	color:#F37920;
	font-weight: normal;
	font-size:0.85em;
}
#content h4{
	color: #B72837;
	 font-weight: normal;
	 font-size: 0.85em;
}
#content h5{
	font-size: 0.8em;
	font-weight: normal;
	color: #F37920;
}

#bilder{
	float:right;
	margin: 90px 0 40px 10px;
}
#bilder img{
	padding: 0 0 15px 15px;
}

/* ------- Content Bereich*/
#content p, #content ul {
	padding: 6px 250px 12px 0px;
	line-height: 143%;
	font: normal normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif
}


/* Aufzählung im Content*/
#content li{
   line-height: 143%;
	color: #666666;
}
#content li ul li{
   line-height: 143%;
	margin-left: 13px;
	font: message-box;
	list-style: circle;
	list-style-position: inside;
	font: normal normal 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* Aufzählung im Content link*/
#content li a,#content li a:link,#content li a:active,#content li a:hover{
	color: #b2b2b2;
}
#content li a:hover{
	color: #b72837;
}
/* Content mail to oder link im p */

#content p a{
color: #666666;
	
}

#content ul li {
   list-style: none;
	margin-left:-4px;
	padding: 0 0 4px 14px;
	background: url(../img/nav_over.gif) no-repeat 0 4px ;
	/*font: normal normal .8em Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

 /*  ----------------footer---------------------- */ 
#footer {
	clear:left;	
	margin: 0 auto;
	text-align: center;
	width: 980px;
	text-align: right;
} 	
#footer p{
	font-size: 0.6em;
	color: #929497;
}

/* Navigation    ----    */
#header ul {
	height: 15px;
	color:#000;
	padding-top: 67px;
	margin: 0 100px 0 0;
	font-size: 0.7em;
}
#header ul li {
	list-style: none;
	display: inline; 
}
#header ul li a, #header ul li a:link, #header ul li a:hover,
#header ul li a.current, #header ul li a.current:link ,#header ul li a.current:hover {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 8px;
}

#header ul li a.last, #header ul li a.last:link ,#header ul li a.last:hover {
	color: #000;
	text-decoration: none;
	margin-right: 0;
}

#header ul li a:hover,#header ul li a.last:hover,
#header ul li a.current, #header ul li a.current:link ,#header ul li a.current:hover {
	text-decoration: underline;
}

#navigation ul {
	padding: 0;
	margin: -2px 0 0 0;
	list-style-type: none;
}
#navigation ul.sup {
	margin: 9px 0 0 10px;
	list-style-type: none;
	padding-bottom: 3px;
}
#navigation ul li {
	margin:0; 
	padding: 0;
	margin-bottom: 15px;
	line-height: 115%;
}
/* UNTER NAVI ABSTAND*/
#navigation ul.sup li{
	margin-bottom: 0;
}
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:hover, 
#navigation ul li a.current {
	margin: 0 0 18px 0px;
	padding-right: 8px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font: normal normal 0.75em Arial, Helvetica, sans-serif;
}

#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_over.gif) no-repeat 0 0; 
	background-position: right;
}
#navigation ul.sup li a,				  #navigation ul.sup li a:link,        
#navigation ul.sup li a:hover,        #navigation ul.sup li a.current, 
#navigation ul.sup li a.current:link, #navigation ul.sup li a.current:hover {
	color: #929497;
}
#navigation ul.sup li a:hover,        #navigation ul.sup li a.current, 
#navigation ul.sup li a.current:link, #navigation ul.sup li a.current:hover {
	background: url(../img/nav_sup_over.gif) no-repeat 0 0; 
	background-position: right;
}

/*   Formulare   */

form { padding: 0; 
       font-size: 1em; 
		 margin: 12px 0 0 12px;
}


form fieldset {
	border: none; 
}
legend {
	font-weight: bold;
	color:  rgb(51,51,51);
	font-size: 2em;
	padding: /*-20px*/0 0 0 0;
	margin: /*-20px*/0 8px 0 0;
}

input[type=text], textarea {
   width: 200px; 
	margin-bottom: 8px;
   height: 16px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #333;
}

input.absenden {
	width : 206px;
   height : 22px;
	margin-top: 10px;
	border: 1px solid #333;
	font-weight: bold;
   background-color: rgb(240,169,131);
   color: rgb(51,51,51);
}
textarea {
      height:170px;
      border: 1px solid #333;
}
input[type=radio] {
	margin: 0 0 -2px -2px;
	border: none; border: 0;
}
input[type=image] {
	padding-left: 5px; 
	width: 23px; 
	height: 24px;
}
.row {
   padding: 4px 1px;
   display: block;
  /* clear: both;*/
  clear:right;
}
.row br { /* Ausblenden der <br>s fuer ungestylte Ansicht */
   display: none; 
}
.row span {
	padding: 4px 0;
	width: 200px;
	float: left;
}

/*]]>*/