/*<![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;
	background-color: rgb(243,149,14);
	}
#container {
	width: 970px; 
 	margin: 0px auto; /* main-Box zentrieren in IE 5 und hoeher */
	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */
}
#page {	
	margin: 0 auto;   
	text-align: left; 
	background-color: white; 
	width: 955px;
	margin-right: 15px; 
}
#top{
	text-align: left;
	width: 970px;
	height: 240px;
	background: rgb(241, 242, 244) url(../img/header.jpg) no-repeat 0 0;
}
/* - - - - Kopfbereich - - - -  */
/* Servicenavigation*/
#navigation{ 	
	margin: 25px 0 25px 0;
	_margin: 20px 0 25px 0;
	width: 204px;
 	float: left;
	text-align: left; 
	/*border-right: 1px solid black;*/
	min-height:250px;
	height:auto !important;  /* für moderne Browser */
	height:250px;  /*für den IE */
	 } 
#navigation ul {
	margin: 0 0 0 35px;
}	 
#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(87,91,96);
	text-decoration: none; 
	font: normal normal 0.75em Arial, Helvetica, sans-serif;
	letter-spacing: 0.1px;
	padding: 3px 0 3px 0;
	margin: 0;
	display: block;
}
#navigation ul li a:hover, #navigation ul li a.current,
#navigation ul li a.current:link , #navigation ul li a.current:hover  {
	font: normal bold 0.75em Arial, Helvetica, sans-serif;
	color: rgb(104,5,5);
	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;
	color: rgb(51,51,51);
}
#navigation ul li a.sup:hover, #navigation ul li a.supcurrent,
#navigation ul li a.supcurrent:link ,#navigation ul li a.supcurrent:hover  {
	background: url(../img/navlist.gif) no-repeat 0 3px;
         _background: url(../img/navlist.gif) no-repeat 0 6px;
	font: normal normal 0.75em Arial, Helvetica, sans-serif;
	color: rgb(51,51,51);
	padding: 3px 0 3px 17px;
}
#content {
	border-left: 1px solid black;
         padding: 18px 100px 40px 30px; 
	_padding-top: 26px;
	margin-left: 205px;
	_margin-left: 207px;
	text-align: left;
	color: rgb(60,71,76);
	width: 630px; 
	_width: 612px;
	min-height:450px;
	height:auto !important;  /* für moderne Browser */
	height:450px;  /*für den IE */
}
#content h1, h2, h3 {
	font: normal bold 0.75em  Arial, Helvetica, sans-serif;
	letter-spacing: 0.015em; 
	padding-bottom: 3px;
	color: rgb(87,91,96);
	margin: 10px 40px 10px 0;
}
h2 {	color: rgb(104,5,5);}
h3 {	color: rgb(243,149,14); }

h2.monat {background-color: rgb(252,235,207); border-top: 1px solid rgb(243,149,14); color: rgb(104,5,5); padding: 3px 0 4px 0;} 
#content p, #content ul li {
	padding: 5px 70px 5px 0;
	line-height: 130%; 
	font: normal normal 0.75em  Arial, Helvetica, sans-serif;
}
#content p.fueller {height: 110px;}
#content p.logos {padding: 55px 0 0 20px;}
#content p.rand { border-bottom: 1px solid rgb(60,71,76); margin: 5px 40px 20px 0;}

.floatright { float: right; width: 200px; height: 212px; margin: 9px 10px 15px 0; }
#profil .floatleft, .floatleft { float: left; width: 120px; height: 160px; margin: 0 10px 0 9px; }
.floatright p, .floatleft p {margin:0; padding:0;}

#profil .right { float: right; margin: 0 8px 0 0; }
#profil p {	padding: 2px 70px 8px 9px; }
#profil p.adresse { padding: 0px 10px 20px 9px; }

#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 #profil {
	border: 1px solid rgb(104,5,5); padding:0;
	}
#profil h1, #profil h2 {
	font: normal bold 0.75em  Arial, Helvetica, sans-serif;
	letter-spacing: 0.015em; 
	padding: 7px 10px;
	margin: 0 0 5px 0;
         	color: rgb(119,103,78);
	background-color: rgb(252,235,207);
}
#profil h2 {
	color: rgb(87,91,96);
	background-color: white;
	margin: 20px 0 0 1px;
}
#content table {
	border: 1px solid rgb(104,5,5);
	border-right: none;
	font: normal normal 0.80em  Arial, Helvetica, sans-serif;
}
#content table.patenschaften {border: none; width: 90%;}
#content table.patenschaften tr td {width: 50%; border: none; }
#content table.patenschaften tr { border: none; }

#content table th {
	background-color: rgb(249,202,134);
	font: normal bold 0.90em  Arial, Helvetica, sans-serif;
	padding: 7px;
	border-bottom: 1px solid rgb(104,5,5);  
	border-right: 1px solid rgb(243,149,14);
}
#content table th img {
	vertical-align: text-bottom;
}
#content table tr.RowGerade {
	background-color: rgb(254,244,230);
}
#content table td {
	border-right: 1px solid rgb(243,149,14);
	padding: 5px;
}
#content table td.last, #content table th.last  {
	border-right: 1px solid rgb(104,5,5);
	padding: 5px;
}
#content table tr.RowGerade td {
	border-top: 1px solid rgb(243,149,14);
	border-bottom: 1px solid rgb(243,149,14);
}
#content table tr.footer {
border-top: 1px solid rgb(104,5,5);	
border-right: 1px solid rgb(104,5,5);
	background-color: rgb(249,202,134);
	height: 10px;
	font: normal bold 0em  Arial, Helvetica, sans-serif;
}
form.MOD_TE_eintrag table.schrift {
	border: none;
	font: normal normal 0.80em  Arial, Helvetica, sans-serif;
}
form.MOD_TE_eintrag table.schrift th {
	background-color: none;
	padding: 0px;
	border: none;  
}
form.MOD_TE_eintrag table.schrift td {
	border: none;
	padding: 5px;
}	
#kasten{
	float: right;
	margin: 0px -65px 50px 70px;
	_margin-top: -11px;
   _margin-right: -30px;
	width: 229px;
	_width: 239px;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(87,91,96);
	color: rgb(87,91,96);
	font: normal normal 1.0em Arial, Helvetica, sans-serif;
}
#kasten h1 {
	color: rgb(87,91,96); 
	background-color: rgb(249,202,134);
	padding: 7px 11px;
	margin: 2px;
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
}
#kasten p { 
	margin:2px; 
	padding: 7px 11px;
	background-color: rgb(254,244,230);
	 }
#kasten a, #kasten a:link, #kasten a:hover {
	color: rgb(104,5,5);
	font: normal normal 1em Arial, Helvetica, sans-serif;
}	
#kasten a:hover {
	text-decoration: underline;
}	
/* Links */

a, a:link, a:hover{
	font: normal normal 0.95em Arial, Helvetica, sans-serif;
	/*text-decoration : none;*/
         color: rgb(104,5,5);
}/*Link*/
a:hover{	text-decoration: underline;}
/*pseudolink*/
.link { font: normal normal 0.95em Arial, Helvetica, sans-serif; color: rgb(104,5,5); }
.link:hover{ text-decoration: underline; }

p.back {
	text-align: right;
	padding-top: 5px;
}

#footer{ 	
	clear:both;
	width: 950px; 	/*970px*/
	text-align: right;
	height: 25px; 
	padding: 25px 20px 0 0;
 	background: url(../img/footer.gif) no-repeat 0 0;
 }
#footer a, #footer a:link, #footer a:hover{
	font: normal normal 0.80em Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding-left: 7px;
   color: rgb(255, 255, 255);
}
#footer a:hover{
	text-decoration : underline;
}
/* - - - - - - - -   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;
}
select {
	width: 289px;
	border: 1px solid rgb(243,149,14);
	background-color: rgb(254,244,230);	
}
.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; }

/*---------------------------------------------*/ 
/*               sKalender                     */ 
/*---------------------------------------------*/ 

#mod_sK a { 
 font-family:sans-serif;
 font-size:12px;
 text-decoration:none; 
 color:#444444;
}

#mod_sK a.tag { 
 font-size:9px;
}

#mod_sK table {
 width: 160px;
 border: 1px solid #ffffff;
 margin-left: 10px;
 border-spacing:4pt;
 font-size:12px;
 font-family:sans-serif;
 text-decoration:none; 
 color:#000000;
}
#mod_sK td.navl {
 text-align:left; 
 width:20%;
 font-weight:bold;
}
#mod_sK td.navr {
 text-align:right; 
 width:20%;
 font-weight:bold;
}
#mod_sK td.navm {
 text-align:center; 
 width:60%;
 font-weight:bold;
}
#mod_sK td.wtag {
 width:14%;
 background-color:#ffffff;	
 text-align:center; 
 color:#000000;
 font-family:sans-serif;
}
#mod_sK td.wochenende {
 background-color:#eeeeee;	
 color:#aaaaaa;	
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.wochentag {
 color:#999999;	
 text-align:right; 
 border:1px solid #AAAAAA;
 padding-right:3px;}

#mod_sK td.heute {
 color:#43A0AF;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.belegt {
 background-color:#e3e3ff;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.belegtwe {
 background-color:#bfbfff;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiert {
 background-color:#ffffcc;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

#mod_sK td.tangiertwe {
 background-color:#ffff99;
 color:#9E5357;	
 text-align:right; 
 border:1px solid #AAAAAA; 
 padding-right:3px;}

/*---------------------------------------------*/ 
/*               Terminein/ausgabe             */ 
/*---------------------------------------------*/ 

#mod_te h1 {font-size:150%; color:#000000; margin-bottom:5px;}
#mod_te h2 {font-size:120%; font-weight:bold; color:#000000; margin-bottom:5px;}
#mod_te p {font-size:100%; color:#222222; }
#content table.schrift tr td { font: normal normal 0.9em Arial, Helvetica, sans-serif; }

/*---------------------------------------------*/ 

/*---------------------------------------------*/ 
/*                 Terminliste                 */ 
/*---------------------------------------------*/ 

#mod_tlh {
   text-align:left;
}
#mod_tlf {
   text-align:left;
}
#mod_tl table {
   width:600px; 
   background-color:#ffffff;
   border-collapse:collapse;
}
#mod_tl th {
   width:100%;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}
#mod_tl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}
#mod_tl .border { border-top:1px solid #000000; border-bottom:1px solid #000000; }
#mod_tl .hell { background-color:#ffffff; }
#mod_tl .dunkel { background-color:#dfdfdf; }
#mod_tl .sp0 { width:60px; }
#mod_tl .sp1 { width:85px; }
#mod_tl .sp2 { width:90px; }
#mod_tl .sp3 { width:300px; }
#mod_tl .sp4 { width:100px; }
#mod_tl .einrueck { padding-left:15px; }

/*---------------------------------------------*/ 
/*                 Terminteaser                */ 
/*---------------------------------------------*/ 

#mod_ttl table {
   width:300px; 
   background-color:#ffffff;
   border-collapse:collapse;
}
#mod_ttl th {
   width:100%;
   border-top:1px solid #000000;
   border-bottom:1px solid #000000;
   text-align: left;
   vertical-align: top;
   line-height: 200%;
   background-color:#cacaca;
   margin-top:5px;
   margin-bottom:5px;
   padding-left:5px;
}
#mod_ttl td {
   text-align: left;
   vertical-align: top;
   line-height: 130%;
}
#mod_ttl .hell { background-color:#ffffff; }
#mod_ttl .dunkel { background-color:#dfdfdf; }
#mod_ttl .sp1 { width:110px; }
#mod_ttl .sp2 { width:190px; }


/*]]>*/