/*<![CDATA[
jmp media - .pixelcoach 
www.jmp-media.de
010/2008
*/


* {
	margin: 0; padding: 0;
}
body {
 	margin: 0px auto; 
	text-align: center; 
	font: normal normal 100.01% Arial, Helvetica, sans-serif;
	background: #fff;
	height:100%; 
	color: #285682;
}
p, ul  {
	line-height: 125%;
	padding: 0 0 7px 0;
	font: normal normal .8em Arial, Helvetica, sans-serif;
}
ul  {
	/*margin: 0 0 0 30px;*/
}
/* Hauptgeruest */
#container {
	margin: 0px auto;
	width: 985px;
	text-align: left;
}

/* Headbereich + Googleanzeigen */
#header {
	text-align: right;
	height: 65px;
	background: url(/branchenbuch/img/headliner.jpg) no-repeat;
/*	height: 65px;*/
}
#headerAd {
	height:65px;
	margin-left:456px;
	max-width:528px;
	text-align:right;
}
#naviAd {
	margin:0 0 30px 11px;
	width: 178px;
	overflow: hidden;
	height: auto;
}
#header img {
	border:none;
	padding-top:2px;
}

h2 {
	font-size: 1em;
	margin: 0 0 12px 7px;		
}
h3 {
	font-size: .8em;
	margin: 0 0 5px 17px;	
}

/* Hauptinhaltscontainer */
#page {
	float:left;
	border-top: 6px solid white;
	background: #F6F6F6 url(/branchenbuch/img/bg.gif) repeat-y;
	width:985px;
}

/* linker Container = Navigation + Login */
#left {
	height:100%;
	float:left;
	width: 200px;
}

/* Hauptinhaltsbereich - mittlerer Container */
#inhalt {
	background: #F6F6F6;
	float:left;
	width:605px;
	padding-bottom: 50px;
	border-right:5px solid white;
	border-left:5px solid white;
}

#inhalt h1{
	font: normal bold 1.1em Arial, Helvetica, sans-serif;
	color: #285682;
	margin:21px 0 0 20px;
}
/* Definition der Boxen */
#inhalt .box1 {
	width:168px;
	border:1px solid #c27508;
	margin: 15px 0 25px 27px;
	background: #F6E2C7;
	min-height: 300px;
}
#inhalt .box1.first {
	margin-left: 20px;
}
#inhalt .box1 img {
	width: 168px;
}
#inhalt .box1 h2  { margin: 0; }
#inhalt .box1 h2 a {
	font: normal bold .8em Arial, Helvetica, sans-serif;
	color: #285682;
	display:block;
	background:#F5930A;
	padding: 7px 5px;
	margin: 0;
	text-decoration: none;
}
#inhalt .box1 h2 a:hover {
	text-decoration: underline;
}
#inhalt .box1 ul {
	padding:7px 0 7px 5px;
	margin: 0;
	font-size: 1em;
}
#inhalt .box1 ul li {
	background: url(/branchenbuch/img/list_item.gif) no-repeat 0 9px;
	list-style-type:none;
	padding-left:12px;
}
#inhalt .box1 ul li a, #inhalt .box1 ul li a:hover {
	font: normal normal 0.8em/130% Arial, Helvetica, sans-serif;
	color:#285682;
	text-decoration: none;
}

#inhalt .box1 ul li a:hover  {
	text-decoration: underline;
}

#inhalt .box1 a.more:link, #inhalt .box1 a.more:visited, #inhalt .box1 a.more:hover, 
#inhalt .box1 a.more:active {
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
	display: block;
	color: #285682;
	text-decoration: none;
	margin: 0 7px 12px 7px;
}

#inhalt .box1 a.more:hover, #inhalt .box1 a.more:active {
	text-decoration: underline;
}
 p.small{
	line-height: 130%;
	padding:20px 20px 10px 29px;
	font-size: .7em;
}
/* Suchformular unterhalb der Boxen */
form.suche {
	clear: left; 
/*	width: 563px;
*/	width:95%;
	background:#E8ECF0;
	margin: 20px 15px;
	border:none;
}
form h3, form.suche h3.aufklappen, form.suche h3.aufklappenOpen, 
form.suche a.aufklappen, form.suche a.aufklappenOpen, h3.plakativ{
	font: normal bold .9em Arial, Helvetica, sans-serif;
	color: #285682;
	background:#B1C6DA;
	padding: 7px 10px;
	margin: 0 0 10px 0;
}
form.suche h3.aufklappen{
	cursor: pointer;
	background:url(../img/pfeil.gif) no-repeat #B1C6DA 540px 6px;
	margin-bottom: 10px;
}

form.suche h3.aufklappenOpen {
	background:url(../img/pfeil-white.gif) no-repeat #B1C6DA 540px 6px;
	margin-bottom: 10px;
}
form.suche a.aufklappen, form.suche a.aufklappen:link, form.suche a.aufklappen:hover{
	background:#E8ECF0 url(../img/pfeil_lightblue.gif) no-repeat  540px 6px;
}
form.suche a.aufklappenOpen {
	background: #E8ECF0 url(../img/pfeil_lightblue_open.gif) no-repeat 540px 6px;
}
form.suche a.aufklappen, form.suche a.aufklappenOpen {
	display: block;
	background-color: #E8ECF0;
	text-decoration: underline;
}
form.suche a.aufklappen:hover, form.suche a.aufklappenOpen, form.suche a.aufklappenOpen:link,
form.suche a.aufklappenOpen:hover {
	color: #B1C6DA; 
}
form hr, form hr.vier {
	margin: 20px 0 20px 0 ;
}
form hr.rand, form hr.vierRand {
	margin: 0px 0 20px 0 ;
}
form p {
	padding: 0px 20px;
	font-size:0.8em;
}
form label {
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
	color:#285682;
	padding-top: 5px;
	display:block;
	margin-left:10px;
}
input {
	background: #F6F6F6;
	height: 18px;
	padding: 1px 2px 0 2px;
	border: 1px solid #285682;
	color: black;
	margin: 0 10px 0px 0pt;
/*	font: normal normal 0.8em Arial, Helvetica, sans-serif;
*/}
.row, .zeigen {
	clear:left;
	display:block;
	padding: 4px 1px;
}
.zeigen {
	padding:4px 20px;
	width: 100px;
}
.row br, .format br, .formatBoppel br, zeigen br {
	display:none;
}
.row span {
	float:left;
	padding: 0 10px 0 0;
	width: 170px;
}
.row span.rechts {
	width:365px;
	margin-bottom: 10px;
	height: 20px;
}

.format, .formatBoppel  {
	font-size:0.75em;	
	color:#285682;
	text-align:left;
	padding: 4px 20px;
	display: block;
	clear:right;
	}

	/* Formatierung interner Bereich */
.format span {
	float:left;
	width:160px;
}
.format label, .formatBoppel label {
	display:block;
/*	width:155px ;
*/	float:left;
	font-size: 1em;
}
.formatBoppel span {
	float:left;
	margin-right: 5px;
}
.zeigen label {
	font-weight: normal;
}
.zeigen span {
	float: left;
	padding-top:5px;
	width: 85px;
}
.row .format #name {
	float: left;
}
.format input, .format select, .format textarea {
	width:211px;
	border: 1px solid #B1C6DA;
}
input.form_error, .form_error, textarea.form_error, select.form_error{
	border:solid 1px #f61308 /*!important*/;
}
.format textarea { 	width:215px; background: #F6F6F6;}
.format select { 	width:206px; }
.extraBreite span {
	width: 120px;
}
.extraBreite select{
	width:150px;
	margin-right: 5px;
	border:1px solid grey;
}
.format input.gross, .format textarea.gross {
	width: 325px;
}
.format input#headline.pflichtFeld {
	width: 321px;
}
.pflichtFeld, .format textarea.gross.pflichtFeld {
	background:#B1C6DA;
}
.format b {
	padding:0;
	margin:0;
}
.format br {display:none;}

.gross {
	height:80px;
}
.boppel, .boppelKlein {
	width:15px !important;
/*	margin-bottom: 2px;*/	
	margin-top: 5px;
	margin-right:10px;
	border-color: #B1C6DA;
}
.boppelKlein {
	margin-top: 0;
}
/* DIV-Container um den Ortseingabebereich */
.ort, .ortKlein {
	font: normal normal 0.8em Arial, Helvetica, sans-serif;
	color:#285682;
	text-align:left;
}

.ort input#ort {
	width:185px;
}
.ortKlein input#ort {
	width:131px;
	}
#plz {
	width:60px;
}
#erweiterte_suche #ort {
	width: 186px;
}

.Button {
	background: #F6F6F6 url(/branchenbuch/img/pfeil_button.gif) no-repeat 0 1px;
	padding-bottom: 5px;
	margin: 5px 0 20px 0;
	width: 20px;
	height: 21px;
}

form.suche .Button {
	margin:  0;
	height: 21px;
}
.suchfeld{
	margin: 0 8px 15px 11px;
	padding: 2px 1px 0 1px;
	width: 318px;
}
#einfache_suche {
	height: 40px;
}
/* Linkdefinition im Suchfeld - weitere Suchvarianten */
.suchvarianten {
	background:#E8ECF0;
	border-bottom:5px solid white;
	min-height: 30px;
	height: 30px;
	height: auto !important;
	clear:left;
}

.suchvarianten #skat {
	width: 128px;
}
hr {
	border: none;
	border-bottom: 10px solid #6C8EAE;
	clear: both;
	margin: 20px 0 20px 0;   	/*margin: 0 20px 20px 20px;*/
}
hr.white {
	border: none;
	border-bottom: 5px solid white;
	margin: 0;   	/*margin: 0 20px 20px 20px;*/
}
.vier {
	border-bottom: 4px solid #6C8EAE !important;
	clear: left;
	margin: 0 20px;
}

.suchvarianten p {
	line-height: 130%;
	padding:20px 20px 10px 13px;
	font-size: .7em;
}
#suche {
	float:left;
	padding-bottom: 0;
	margin: 0 10px 0px 0;
/*	height: 19px;
*/	}
.borderSuche {
	padding-bottom:10px;
}

.detailBox {
	background: #f6e2c7;
	margin: 0 20px 20px 20px;
	font-size: .75em;
	float: left;
	width: 565px;
}
.detailBox .details, .detailBox .detailsGalerie {
	float: left;
	padding: 8px;
	
}
.details b {
	margin: 0 0 0 8px;
	padding:0;
}
 .breite {
	width: 400px;
	border-left: 3px solid white;
	min-height: 117px;
	height: 117px;
	height: auto;
}
.detailBox img {
	border: 1px solid #f5930a;
	margin: 6px;
}

.detailBox .detailsGalerie .display img {
	border: 1px solid #f5930a;
	margin: 0 8px 16px 8px;
	width: 95px;
}

.detailBox .border{
	float: left;
}	
.formatBild input.loeschen, .formatBild1 input.loeschen {
	width:80px !important;
	margin-top: 10px;
	height: 20px;
	padding-bottom: 5px;
	margin-right: 10px;
}
.serchTitle #keyword1, .serchTitle #keyword2, .serchTitle #keyword3 {
	width: 150px;
}
.serchTitle #keyword3 {
	margin: 5px 0 0 170px;
}
.contactLink {
	font-weight:bold;
/*	margin: 8px;
*/}
.textPadding {	padding-left: 13px;}
.marginNull {
	margin:0;
}

a {
	color: #285682;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
 
.backendNavi a { 	padding-left: 10px; }
.backendNavi a.current:before {content:"» ";}
.backendNavi a.current {
	text-decoration: underline; 
}
.detailBox p, .detailBox details.breite p, .detailBox .detailsGalerie p {
	margin-left: 8px;
	font-size: 1em;
}
.paging {
	text-align: center;
	margin: 25px 0;
	font-size: .8em;
}

.searchPaging {
	margin: 15px 20px;
}
.paging a, .searchPaging a {
	text-decoration: none;
	font-size: .75em;
}
.searchPaging a {
	font-size: .7em;
}
.paging a.current, .searchPaging a.current {
	font-weight: bold;
}
.paging a:hover, .searchPaging a:hover {
	text-decoration: underline;
}
/* Rechter Bereich = Google + eBayanzeigen */
#right {
	float: left;
	width:170px;
}
#footer {
	background: url(/branchenbuch/img/bg.gif) repeat-y;
	width:960px;
	padding:13px;
	clear: left;
}
/* allgemeine Klassen */
.goLeft  { float:left; }
.goRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.textLeft  { text-align: left; 	
	margin: 15px 20px 10px 20px;
	width: 94%;
}
.textLeft p { padding-left: 10px;}
/* - - - - - Navigationen - - - - - */
		/* Navigation Frontend */

ul.topNavi, ul.katsMain, ul.katsSub, ul.breadCrumb {
	list-style-type: none;
}
ul.topNavi	{
	padding: 23px 10px 0/*24px*/ 8px;
	margin-bottom: 30px;
}
ul.katsMain {
	padding: 0; 
	margin: 0 0 0 36px;
}
ul.katsSub {
	padding: 0; 
	margin: 10px 0 0 36px;
}
ul.topNavi li {
	line-height: 120%;
}
ul.katsMain li {
	line-height: 110%;
}
ul.katsSub li {
	display:inline;
}
.topNavi li a {
	text-decoration:none;
	font: normal bold 1em Arial, Helvetica, sans-serif;
	color: #285682;
}
/* Hauptnavigation */
.topNavi li a:link, .topNavi li a:visited, .topNavi li a:hover, .topNavi li a:active {
	padding: 0 0 0 18px;
	background: url(/branchenbuch/img/pfeil.gif) no-repeat left;
	margin-top:0;
}
.topNavi li a:hover, .topNavi li a:active {
	padding:0 5px 2px 18px;
	background: url(/branchenbuch/img/pfeil_hover.gif) no-repeat left;
	margin-top:5px;
}
/* aktiver Link */
.topNavi li a.current {
	padding:0 5px 2px 18px;
	background: url(/branchenbuch/img/pfeil_open.gif) no-repeat left;
	margin-top:5px;
}
/* Unternavigation */
.katsMain li a:link, .katsMain li a:visited, .katsMain li a:hover,
.katsMain li a:active, .katsSub li a:link, .katsSub li a:visited, .katsSub li a:hover,
.katsSub li a:active{
	font-size: 1.2em;
	padding:3px 5px 0 0;
	font-weight: normal;
	background: none;
}
.katsMain li a:hover, .katsMain li a:active,katsSub li a:hover,
.katsSub li a:active {
	text-decoration:underline;
}
/* aktiver Unterlink */
.katsMain li a.currentSup,.katsSub li a.currentSup {
	padding:3px 5px 0 0;
	font-weight: bold;
}
/* - - - BreadcrumbNavi - - - */
ul.breadCrumb {
	clear:left;
	display:block;
	padding: 10px 0 10px 20px;
}
.breadCrumb li {
	display:inline;
	font-size: .85em;
}
.breadCrumb li a:link, .breadCrumb li a:visited, .breadCrumb li a:hover, .breadCrumb li a:active {
	padding: 0 ;
	margin-top:0;
}

.breadCrumb li a:hover, .breadCrumb li a:active {
	text-decoration: underline;
}
.breadCrumb li a.currentSup{
	font-weight: bold;
}
/* Navigation Backend */

ul.backendNavi {
	list-style-type:none;
	margin:10px 0 20px 0;
	padding:0;
}
ul.backendNavi li {
	display:inline;
	margin:0 5px;
}

ul.backendNavi li a:active{
text-decoration: underline; 
}

#filter {
	float:left;
	margin: 0 0 10px 20px;
}
/* LogInbereich */
form.loginForm {
	height:100px;
	width:176px;
	margin: 0 0 30px 11px;
	background: #6C8EAE;
	border: 1px solid #285682;
	font: normal bold 0.9em Arial, Helvetica, sans-serif;
	color:#285682;
	padding-bottom:10px;
}
form.loginForm p {
	margin: 10px 0 5px 15px;
	padding: 2px 0 2px 0;
	font-size:0.95em;
	font-weight: bold;
}
form.loginForm a, form.loginForm a:link,form.loginForm a:hover {
	margin: 10px 0 5px 0;
	padding: 7px 0 7px 0;
	font-size:0.85em;
	color:#285682;
	text-decoration: none;
	font-weight: normal;
}
form.loginForm a:hover {
	text-decoration: underline;
}
form.loginForm input {
/*	height:16px;
*/	margin: 0 14px 5px 15px;    /*10px*/
	/*padding: 1px 2px 0 2px;
*/	width: 100px;
}

form.loginForm input.Button {
	width: 20px;
	margin-left: 4px;
	padding: 2px 2px 0 2px;
}
form a.trash {
	padding: 3px 0 5px 25px;
	margin: 3px 3px 3px 16px;
	background: url(/branchenbuch/img/trash.gif) no-repeat left;
	text-decoration: none;
	font-weight: bold;
}
p.success {
	background-color: #049b1d;
	color: white;
	padding: 10px 20px;
	line-height: 150%;
	margin-bottom: 10px;
}
p.success a {
	color: white;
	text-decoration: underline;
}
p.error {
	background-color:#DCDCDC;
	border:1px solid #F61308;
	color:#333333;
	line-height:150%;
	margin-bottom:10px;
	padding:10px 20px;
}
p.pause {
	background-color:#F61308;
	color:#333333;
	line-height:150%;
	margin-bottom:10px;
	padding:10px 20px;
}
p.noStyle{
	padding: 0 0 0 20px;
	line-height: 135%;
	font-size: .7em;
}
p.error a {
	color: #333333;
	text-decoration: underline;
}
.message {
	color: #f61308;
} 
.starCheck {
	display: block;
	width: 375px;
	float: right;
	font-size: .85em;
	text-align: right;
	padding: 5px 0;
}
.starCheck span#starsZero, .starCheck span#starsOne, .starCheck span#starsTwo, .starCheck span#starsThree {
	padding: 3px 100px 0 0;
	background:  url(/branchenbuch/img/sprite.png) no-repeat right -1px;
	font-size: .9em;
	display: block;
	height: 20px;
}
.starCheck span#starsOne {
	background:  url(/branchenbuch/img/sprite.png) no-repeat right -25px;
}
.starCheck span#starsTwo {
	background:  url(/branchenbuch/img/sprite.png) no-repeat right -48px;
}
.starCheck span#starsThree {
	background:  url(/branchenbuch/img/sprite.png) no-repeat right -71px;
}

/* Kategorienübersichten */
.kategorien {
	padding:7px 0 10px 20px;
	margin: 0;
	list-style-type:none;
	font-size: .8em;
}
/* Editierbereich für Kategorien und Profile*/
b {padding: 0 20px;}
.hrProfile {
	margin: 10px 0 15px 0;
	border-bottom: 10px solid #6C8EAE;
}
.backLink {
	font: normal bold 0.9em Arial, Helvetica, sans-serif;
	color: #6C8EAE !important;
	float:left;
	padding: 5px 20px;
	text-decoration:none;
}
.backlinkFront {
	font-size: .9em;
	color: #6C8EAE !important;
	float:left;
	padding: 5px 20px;
	margin-bottom:5px;
	text-decoration:none;
}
.textFormat {
	font: normal normal 0.8em Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:20px;
	color: #285682;
	margin:7px 15px 10px 15px;
}

/* User-Info - Werteausgabe */
.werteInfo {
	color:#333333;
}
.status {
	font-size:0.75em;	/*font: normal normal 0.8em Arial, Helvetica, sans-serif;*/
	color:#285682;
	text-align:left;
	padding: 4px 20px;
	display: block;
}
/* Formatierung der Kategorien zu einzelnen Blöcken */
.katProfile{
	margin: 0;
	clear:left;
}

.formatBild, .formatBild1 {
/*   background:#F6E2C7;
*/	text-align:left;
	display:block;
	clear: left;
	padding: 4px 20px;
}

.formatBild img, .formatBild1 img {
	float:left;
	margin:5px 10px 4px 0;
	border: 1px solid #E8ECF0;
}
.formatBild1 img {
	border: 1px solid #F5930A;
}
.formatBild input, .formatBild1 input {
	width:280px;
	float:left;
	border-color: #B1C6DA;/**/
	font: normal normal 0.9em Arial, Helvetica, sans-serif;
}
.beschreibung {	margin:10px 10px 10px /*140px*/0; 	height: 20px;}
.beschreibungUser {	margin:5px 10px 10px 0; 	height: 20px;}
.bildUpload {	margin:10px 20px 10px 0;	height: 20px;}
.formatBild span, .formatBild1 span {
	font: normal normal 0.8em Arial, Helvetica, sans-serif;
	display:block;
	padding: 0;	/*0px 10px 0 10px*/
	color:#285682;
	/*margin:10px 10px 0 20px;*/
	margin: 0;
	margin-top:10px;
}
.formatBild1 span label {color: #F5930A;}
.color { background:#F6E2C7; }

.formatBild a:link, .formatBild a:visited, .formatBild a:hover, .formatBild a:active, 
.formatBild1 a:link, .formatBild1 a:visited, .formatBild1 a:hover, .formatBild1 a:active{
	text-decoration: underline;
	color:#285682;
	padding-bottom:3px;
} 
img[alt] {font-size:0.8em;}

input.saveForm, a.saveForm {
	display: block;
	min-width: 180px;
	font: normal bold 0.8em Arial, Helvetica, sans-serif;
	color:#285682;
	text-decoration:none;
	background:#B1C6DA;
	padding: 3px 0 3px 8px;
	margin: 0 16px 20px 0;
	height: 23px;
	border: none;
}	

label.pflicht, p.small.pflicht {
	background: url(/branchenbuch/img/pfeil_pflicht.gif) no-repeat 0 8px;
	padding-left: 15px;
	margin-left: -5px;
}
p.small.pflicht { 
	padding:0 20px 10px 29px;	background: url(/branchenbuch/img/pfeil_pflicht.gif) no-repeat 13px 3px;
 }
.formatBoppel input.saveForm {
	font-size: 1em;
}			
/* Tabelle mit Auflistung der Kategorien/ Profile */
table {
	width: 100.4%;
	padding: 0 0 5px 10px;	
	border-spacing: 3px;
	border: 1px solid #B1C6DA ;/*#74af3a*/
	padding: 0;
	margin: 15px 20px 10px 20px;
	width: 94%;
	font-size: 0.8em;
	text-align:left !important;
	float:left;
}
table th {
	background-color: #B1C6DA ;/*#74af3a*/
	color:#333333;
	font-weight:normal;
	text-align:left; 
	/*height: 20px;*/
	padding:6px 0pt 8px 10px;
}

.tableRowOver_gerade {
    	background-color: rgb(180, 184, 186);
  }
.tableRowOut_gerade {
    background: #DCDCDC;
  }
.tableRowOver_ungerade {
    	background-color: rgb(180, 184, 186);
  }
.tableRowOut_ungerade {
    background: #DCDCDC;
  }

table tr td{
	padding: 2px 5px 2px 5px;
}

/* Formularbereich im Editierbereich Kategorie/ Profile */
form { 
	padding: 0; 
	font-size: 1em; 
	margin: 20px 15px 20px 15px;
	width: 95%; /*width: 85%;*/
	text-align: left;
	background:#E8ECF0;
}

/* Kontaktformular - Kontaktdetails */
.marginFuenf{
	margin:5px 15px 10px 15px;
	width: 575px;
}
.textDeco {
	text-decoration: underline;
}
.noPadding { padding:0; }
.noPadding span { clear:left; }
/* Datenausgabe via {Message} */
.datenAusgabe {
	padding: 4px 20px;
	font-size: .8em;
}

.datenAusgabe b {
	padding:0;
}

#jmp_googlemap {
	margin-left:20px;
	width:93% !important;
}
.googleErmitteln {
	margin: 10px;
	background-color:#B1C6DA;
	border:none;
	color:white;
	height:20px;
	font-weight: bold;
}
/*spamschutz*/
.formfeld_sp {
	display:none;
}

/*]]>*/