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

@import url(menu.css);
@import url(kalender.css);
@import url(formulare.css);

* {
	margin:0pt;
	padding:0pt;
}

body {
background-image:url(../img/background.gif);
font-family: Arial, Helvetica, sans-serif;
margin:0px auto;
text-align:center;

}
#page {
margin:0px auto;
text-align:center;
width:1000px;
}
/* header */
#header {
font-family: "Times New Roman", Times, serif;
height:295px;
width:1000px; 
text-align:left;
position:relative;
}
#menuheader {
float:left;
margin-top:4px;
margin-left:23px;
width:190px;
}
#logo {
float:left;
height:150px;
margin-left:23px;
position:relative;
width:190px;
}
.teaser {
float:left;
height:140px;
margin-left:5px;
margin-top:4px; 
}

/* container */
#container, #container_small {
padding-top:6px;
width:994px;
text-align:left;
}
#container_small {
width:799px;
float: left;
}

#footer {
border-top:1px solid #880000;
color:#A7A6A6;
float:left;
height:31px;
margin-top:10px;
width:1000px;
text-align: center;
}

/** bread-crumb menu **/
.bread-crumb, div.platzh{
	margin-bottom:5px;
}
.bread-crumb{
    float:left;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 0.75em;
/*	width: 765px;
*/	padding: 0 5px 0 5px;
}
.breadcrumb {
    height:19px;
	margin-left: 218px;
}
.bread-crumb li{
	margin-top:2px;
	float:left;
	list-style:none;
}
.bread-crumb, .bread-crumb li a{
   margin-left:5px;
	color:#A7A6A6;
	text-decoration: none;

}
div.platzh{
	float:left;
	display:block;
	height:19px;
	width:190px;
	margin-left:23px;
	background-color:#5D5D5D;
	text-align: right !important;
}
.krueml_rechtsb {
	text-align:right;
/*	border:1px solid red;*/
}

#content {
float:left;
width:780px; 
margin: 0; 
}
.content {
float:left;
margin: 0;
}

div.tooltipp {
	visibility:hidden;
	width:125px; 
	height:63px; 
	position:absolute;
}
.zweiSpalten p.tooltipp {
	margin: 10px 7px 3px 3px;
	color:white;
}

/* K�sten */

#login, #registrieren{
	height: 92px;
	width: 180px;
	background-color: #333333;
	border: 5px solid #5D5D5D;
	color:#A7A6A6;
}
#registrieren{
/*	float: left;
*/	border-bottom: none;
	height: 53px;
	color:#A7A6A6;
	margin-left:23px;
	background-color: #a7a6a6;
}
#login h3  {
	font-size: 1.2em;
	padding: 0 0 0 5px;
}
#registrieren h1  {
	font-size: 1.05em;
	padding: 15px 0 0 5px;
}
#login form {
	width: 178px;
	margin: 0;
}
#login input{
	background-color: #A7A6A6;
	border: 0;
	margin: 3px 0 0 0;
   height: 16px;
	width: 177px;
	color:#333333;
	font-size: 0.7em;
	padding: 2px 0 0 3px;
}
#login input.log{
	margin: 6px 0 3px 0;
}

#login input.login {
	width : auto;
	margin: 0;
	padding: 0;
	border: none; /*1px solid #333;*/
	font: normal normal 1em "Times New Roman", Times, serif;
   background-color: transparent;
   color: #a7a6a6;
}
#login p, #registrieren p{
   font-size: .75em;
	padding:0 5px 0 5px;
}
#registrieren p{
   text-align: center;
	padding:0;
}
#login p a{
	text-decoration: none;
	color:#A7A6A6;
}
#registrieren p a{
	text-decoration: none;
	color:black;
}

.teaser h1, .teaser p, .teaser h1.unterstrich, h1.unterstrichStart {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 -17px 0 275px;
	padding-right:60px;
}
.teaser h1.unterstrich{
	margin: 10px 0px 0 275px; /*280px;*/
	padding: 0 5px 0 0;
	color: #880000;
}
.teaser h1 {
	border-bottom:1px solid #880000;
	font-size:1.05em;
	margin-top: 10px;
}
.teaser h1 span {
color:#880000;
}
.teaser p, .teaser p.start {
   font-size:0.75em;
   padding-top: 2px;
	margin: 10px 0px 0 275px;
}
.teaser p.Start {
	margin: 10px 0px 0 275px;
}
.teaser a {
color:black;
/*margin-left:700px;*/
text-decoration:none;
}
.teaser a, .teaser p.Start a {
	font: 1.1em  Arial, Helvetica, sans-serif;
}

.teaserText {
	padding-left:280px;
}
.teaserText p{
	width:290px;
	font: normal normal 0.8em  Arial, Helvetica, sans-serif;
}
.teaserImg{
	width:269px;
	position: absolute;
        top:1px;
        left:218px;
             
}
.teaserImgBig{
  height:298px;
 }
 .teaserImgSmall{
 	height: 262px;
	margin-top:131px;
 }
 
 
/** content boxen **/

.box_content{
	float:left;
	margin:0 0 5px 5px;  /*margin links erst einmal unter vorbehalt 13.12. pixelcoach.*/
	background-color: #A7A6A6;
}
/*.hoehe {
	min-height: 406px;
}*/
.box_banner{
	float:left;
	margin:0 0 5px 5px;
	background-color: transparent;
	text-align:center;
}
.hoehe {
	min-height: 100px;
}
.marginTop{
	margin-top:5px;
}
.marginBottom {
	margin-bottom: 5px;
}
.marginLeft{
	margin-left:5px;
}
.noMarginRight {
	margin-right: 0;
}
.noMarginLeft {
	margin-left:0;
}
.NoMarginBottom{
	margin-bottom:0;
}
.rahmen_rot{
   width:190px;
	border-top: 5px solid #880000;
	border-bottom: 5px solid #880000;
}
/** f�r mehrere Boxen div um das ganze mit klasse inner**/
.inner{
	float:left;
	width:195px;
}
/* INNERBOXEN */
.reg_img{
	float:right;
}
a img {
	border: none;
}
.fragezeichen{
	background: url(../img/fragezeichen.gif)no-repeat 134px 70px #A7A6A6;
}
.registrieren{
	height: 49px;
	border-top: 5px solid #A7A6A6;
	width:185px;
	margin:0 0 5px 5px;	
}
.rahmen_rot p{
	margin-top:15px;
	padding:0 5px 0 5px;
	
}
.registrieren a{
	font-size: 1em;
	font-weight: bold;
/*	color: Lime;
*/	text-decoration: none;
	color:#A7A6A6;
}
.box_content p {
	font-size: 0.8em;
	margin-top:7px;
}
.innerLeft{
	width:540px; /*width:340px;*/
	float: left;
	margin-left:5px;
	
}
.innerLeft p{
  	 font-size: 0.75em;
	 padding: 5px 0 30px 5px;
}
.innerLeft h1,h2{
	font-size: 0.9em;
}
.innerLeft img {
   margin: 0 10px 10px 0;
}
.innerRight{
        margin-top:5px;
	margin-left:25px;
	border: 5px solid #318EB5;
	float:right; /*float:left; */
        width: 200px;
}
.innerRight p{
	font-size: 0.75em;
}
.innerRight h1,h2{
	font-size: 0.9em;
}
a.mitglied {
	font-size: 0.7em;
	font-weight: normal;
	margin-left:24px;
	color:black;
}

.registrieren {
   display: block;
   background: url(../img/reg_rechts_blume.gif) no-repeat 154px #880000;
}
.logo_reg {
	height:49px;
	font-size: 1.1em;
}
.logo_reg span.rot {
	color: #880000;
	margin-left:13px;
}
.logo_reg span.abstand {
	margin:0 0 0 29px;
}
/** STANDARD BOX **/
.header {
	width:190px;
}
.header p, .zweiSpalten p, .dreiSpalten p, .vierSpalten p{
	padding: 0 5px 3px 5px;
}
.zweiSpalten p, .dreiSpalten p, .vierSpalten p{
	margin-top: 5px;
}
h2.info {
	height: 24px; /*23*/
	padding: 5px 7px 1px 7px;
	font: normal bold 1.05em "Times New Roman", Times, serif;
	margin: 0;
	margin-bottom: 4px;
}

.header h3{
	padding: 0 5px 0 5px;
}
.header a{
	                                               /* margin-left:120px; */
	font-size: .95em;
	text-decoration: none;
}

.box_content h3{
	padding: 0 5px 0 5px;
	font-size: 0.9em;
}
.box_content form h3{
	padding: 0;
	font-size: 1.5em;
}
.first{
	text-decoration: none;
   list-style: none;
	width:190px;
	height:25px;
}

.eineSpalte p{
   font-size: .75em;
	margin-top:10px;
	padding:0 5px 5px 5px;
}
.eineSpalte h4 {
	font-size: .75em;
	padding: 5px 0 0 5px;
}
.artHeader {
	margin-top:5px;
	}
.zweiSpalten img.artIcons {
	float:right;
	margin:3px 10px;
}


/** FOOTER **/
#footer a,#footer p{
	font-size:0.7em;
	color: #A7A6A6;
}
#footer a{
	text-decoration: none;
	margin-left:10px;	
}
/** algemeine Klassen **/
.TextCenter{
	text-align: center;
}
.goRight{
	float: right;
}
.textRight{
	text-align: right;
}
.goLeft{
	float: left;
}
.clearR{
	clear: right;
}
.clearL{
	clear: left;
}
.clear {
	clear:  both;
}
.pos_abs {
	position:absolute;
}

/*Headlines */

h2 {
	min-height: 20px; 
	padding: 2px 7px 2px 7px;
	font: normal bold 1.05em "Times New Roman", Times, serif;
	margin-top: 5px;
}
#obererRand {
	height: 4px;
}
h2.obererRand {
	min-height: 4px; 
	padding: 0;
	margin-top: 0px;
}
h4 {
	font: normal bold 1.1em "Times New Roman", Times, serif;
	line-height: normal;
	padding-left: 5px;
	margin: 7px 0 5px 0;
	color: #5d5d5d;
}
h2 a {
	font-size: .9em;
}
/*Anker */

a, a:link, a:hover {
	color: black;
	text-decoration: none;
}

.row p a {
	text-decoration: underline;
}
/*balken, farbe frei w�hlbar */
hr, hr.big { 
	border:0;
height:5px;
text-align:left;

/*height:5px;
	border: none; 
	border: 0;*/
}
hr.big { 
	height:25px;
}
p.anzeige {
	background: url(../img/anzeige.gif) no-repeat top center;
	padding: 0;
	margin: 0;
}
p.anzeige img {
	margin: 14px 0 0 0;
}

table.listing, table.netzwerk {
/*	margin-top: 4px;*/
	border-spacing: 1px;
	font-size: .75em;
	width: 100%;
}
table.netzwerk {
	width: 580px; 
	border: 1px;
}
td.description {
	width: 175px;
}
td.value {
	width: 390px;
}
table.listing tr td, table.netzwerk tr td {
	padding: 7px;
}
table.listing tr.marginBottom td, table.netzwerk tr.marginBottom td  {
	border-bottom: 4px solid #a7a6a6;
}
table.listing tr.marginBottom_kultur td, table.netzwerk tr.marginBottom_kultur td  {
	border-bottom: 4px solid #9F9428;
}

table.listing tr.marginBottom_beruf td, table.netzwerk tr.marginBottom_beruf td {
	border-bottom: 4px solid #9F2828;
}

table.listing tr.marginBottom_frau td, table.netzwerk tr.marginBottom_frau td {
	border-bottom: 4px solid #9F4C28;
}

table.listing tr.marginBottom_inet td, table.netzwerk tr.marginBottom_inet td {
	border-bottom: 4px solid #9F7028;
}

table.listing tr.marginBottom_kultur td, table.netzwerk tr.marginBottom_kultur td {
	border-bottom: 4px solid #9F9428;
}

table.listing tr.marginBottom_politik td, table.netzwerk tr.marginBottom_politik td {
	border-bottom: 4px solid #8E9F28;
}

table.listing tr.marginBottom_sport td, table.netzwerk tr.marginBottom_sport td {
	border-bottom: 4px solid #759F28;
}

table.listing tr.marginBottom_stadtb td, table.netzwerk tr.marginBottom_stadtb td {
	border-bottom: 4px solid #5A9F28;
}

table.listing tr.marginBottom_stammt td, table.netzwerk tr.marginBottom_stammt td {
	border-bottom: 4px solid #289F28;
}

table.listing tr.marginBottom_ultimativ td, table.netzwerk tr.marginBottom_ultimativ td {
	border-bottom: 4px solid #289F45;
}

table.listing tr.marginBottom_wirtschaft td, table.netzwerk tr.marginBottom_wirtschaft td {
	border-bottom: 4px solid #289F75;
}

table.listing tr.marginBottom_wissen td, table.netzwerk tr.marginBottom_wissen td {
	border-bottom: 4px solid #289D9F;
}

table.listing tr.marginBottom_brandenb td, table.netzwerk tr.marginBottom_brandenb td {
	border-bottom: 4px solid #318EB5;
}
table.listing tr.marginBottom_red td, table.netzwerk tr.marginBottom_red td  {
	border-bottom: 4px solid #880000;
       /* background-color: #a7a6a6;*/
}
/* Border im G�stebuch*/
#netzwerk_gb {
	border-bottom:24px solid #880000;
}

#netzwerk_gb td {
	border-top: 4px solid #880000;
	border-bottom: 1px solid #a7a6a6;
}
/*  */

table.listing tr td span.null, table.netzwerk tr td span.null {
 line-height: 0;
 }
 
td.number {
	font: normal bold 1.5em "Times New Roman", Times, serif;
	margin: 0;
	text-align: center; 
}
td h3 a {
	text-decoration: none; 
	font-weight: bold;
	font-size: 1.0em;
	color: #000; 
}
table.listing p, table.netzwerk p {
	margin: 0;
	font-size: 1em;
}
table.listing p a, table.netzwerk p a {
	font-size: 1em;
}
/*paging */

.box_content p.paging {
	font-size: 0.75em;
	margin: 0 0 5px 0; 
	text-align: center;
}

.eineSpalte{
	width:190px;
}
.zweiSpalten {
	width: 580px;
}
.zweiSpalten img{
margin: 10px 10px 10px 0;
float:left;
}
.zweiSpalten span.right{
float:right;
margin-left:10px;
}
h2.zweiSpalten {
	width: 566px;
}

.vierSpalten {
	width:775px;
}
table.tableVoll {
	width: 100%;
}


/*Banner */

.Banner{
	background-color: #8E8E8E;
	float:left;
	margin-top:13px;
}
.smallBanner{
	float: right;
	margin-right:17px;
	width:468px;
	height: 60px;
}
.bigbanner{
	margin-left:52px;
	width:728px;
	height: 90px;
}
.skyscraper{
   background-color: none;
	width: 160px;
	height:600px;
	margin-left: 24px;
   float:left;
	margin-top:-140px;
}
.skyscraper p {
	width: 160px;
	padding-left:5px;
	font-size: 0.7em;
}
.Banner p{
	font: normal normal .7em Arial, Helvetica, sans-serif;
}
.noFlower{
background-image:none;
}

/* Netzwerk-Bewertungen*/
.sternengroesse {
	float:left;
	padding:0px;
	margin:0px;
	margin-top:10px;
	height:20px;
	width:102px;
}
img.sternengroesse {
	margin-top:0px;
	margin:0;
}
#netzwerklink {
	font-size:1em;
	text-align:right;
/*	text-decoration:underline;*/
}
span.errormessage {
	font: normal bold .9em Arial, Helvetica, sans-serif;
	margin: 5px;
}

table.bewertg_beruf{
	border-bottom: 24px solid  #765252;
}
table.bewertg_frau{
	border-bottom: 24px solid  #765D52;
}
table.bewertg_inet{
	border-bottom: 24px solid  #766852;
}
table.bewertg_kultur{
	border-bottom: 24px solid  #767352;
}
table.bewertg_politik{
	border-bottom: 24px solid  #717652;
}
table.bewertg_sport{
	border-bottom: 24px solid  #697652;
}
table.bewertg_stadtb{
	border-bottom: 24px solid  #617652;
}
table.bewertg_stammt{
	border-bottom: 24px solid  #527652;
}
table.bewertg_ultimativ{
	border-bottom: 24px solid  #52765B;
}
table.bewertg_wirtschaft{
	border-bottom: 24px solid  #527669;
}
table.bewertg_wissen{
	border-bottom: 24px solid  #527576;
}
table.bewertg_brandenb{ 
	border-bottom: 24px solid  #62747C;
}
/*]]>*/

table.art_bottom {
	border: 0;
	margin: 8px 0 0;
}

.bildleft {
	float:left;
	margin: 10px 10px 5px 0;
}

.bildright {
	float:right;
	margin: 10px 0 5px 10px;
}

img.modifArtBild {
	margin:0;
}

#drucklogo {
	width:100%;
	height:81px;
	margin-bottom:28px;
}
#drucklogo img {
	display:block;
	width:630px;
	height:81px;
	margin: 0 auto;
	float:none;
}

.art_empfehlen {
	display:none;
	padding-top:10px;
}
	
@media print {
	#header, #footer, #menu, #befinden, .breadcrumb, .skyscraper, table.artHeader {
		display:none;
	}
	.zweiSpalten {
		width:100%;
	}
	h2 {
		font-size:20pt;
	}
}
@media screen {
	#drucklogo {
		display:none;
	}
	h2.zweiSpalten {
		width: 566px;
	}
}

