/** Layout der Startseite ***************************************************/

body, td, input, textarea, select {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	color:#000000;
}
			
html, body {
	margin:0px;
	padding:0px;
}

body {
	background:#fff url(../images/jpc/bg_main_fullsize.gif) 0 0 repeat-y;
}

.nomal_font {
	font-weight:normal;
}

.clear {
	clear:both;
	visibility:hidden;
}

#wrapper { 
	min-width:400px;
	width:997px;               /* total width */	
	padding: 0;
}   

#wrapper2 {	
	padding: 0;	
} 

#title {
	width:100%; 
	position:relative;		
	margin: 0;
	padding: 0;	
}

#logo {
	width:181px;
	height:118px;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
   	background:#FFFFFF url(../images/jpc/logo_jpc.gif) no-repeat center; 

}

#banner {
	background:#E8E8E8 url(../images/jpc/bg_menu_home.gif) no-repeat top right;	
	margin-bottom: 0px;
	height: 84px;
	padding: 5px;	
}

#main {			
	padding-top: 32px;
	margin-left: 211px;
}

#left_corner {
	z-index:10;
	position:absolute;
	width:24px;
	height:24px;
	left:181px;
	top:70px;
	background: transparent url(../images/jpc/corner_left.gif) no-repeat bottom left;
}

/*
#body {	
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;	
	clear:both;	
	border-left-width:181px;  
	border-left-color:#E8E8E8;			
	border-left-style:solid;			
}

#right_corner {
	z-index:10;
	position:absolute;
	width:24px;
	height:24px;
	left:157px;
	top:0px;
	background: transparent url(../images/jpc/corner_right.gif) no-repeat bottom left;
}
*/

/** Allgemeines **************************************************************/

h1 {	
	font-size:14px;
	height:22px;
	line-height:20px;
	color:#fff;
	background-color:#008442;
	margin:0 0 0.3em;
	padding-left:0.5em;
	width:auto;
}

h2 {
	font-size:13px;	
	padding:2px 4px 2px 5px;
	background-color:#008442;
	width:auto;
	color:#FFFFFF;
	margin:2em 0 0.3em;
	clear:both;
}

h3, h6 {
	font-size:12px;
	margin:0px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#008442;
	padding-left:5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.agb h3 {
	font-size:13px;
	color:#000;
	background-color:transparent;
	line-height:12px;
	margin-top:15px;
	margin-bottom:9px;
}

h4 {
	font-size:13px;
	font-weight:bold;
	margin:1em 0 0;
	padding:0;
}

h5 {
	font-size:13px;
	line-height:12px;
	margin-top:0px;
	margin-bottom:12px;
}

a {
	color:#000000;
	text-decoration:none;
}

p {
	padding:0;
	margin:0 0 0.8em;
	line-height:1.3em;
}

a:hover {
	text-decoration:underline;
}

img {
	border: 0;
}

.bullet {
	height:12px;
	width:11px;
	background: transparent url(../images/jpc/bullet_arrows_green.gif) no-repeat bottom left;	
	float:left;	
}

button.btn {
  cursor:pointer; 
  margin-right:4px;
}

p.highlighted {
	background:transparent url(../images/jpc/haken_01.gif) 0 0 no-repeat;
	padding-left:21px;
	line-height:14px;
	height:21px;
	font-size:13px;
	font-weight:bold;
	color:#008442;
}
.red { color:#FF0000; }

.txtLarge {font-size:14px;}
.txtMedium {font-size:13px;}
.txtSmall {font-size:11px;}
.txtMini {font-size:10px;line-height:11px;}	



/** Navigation ******************************************************************/

#leftnav {
	width:181px;	
	min-height: 400px;		
	position:absolute;
	left:0px;
	top:118px;
	background: #e8e8e8 url(../images/jpc/corner_right.gif) top right no-repeat ;
}


#leftnav ul {
	list-style-type: none;
	background-color:#fff;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border-right-width:1px;
	border-right-color:#E8E8E8;
	border-right-style:solid;
}

#leftnav ul li {
	padding: 3px 9px;
	background: transparent url(../images/jpc/bullet_arrows_green.gif) no-repeat center left;
}

#leftnav h4 {	
	height:15px;
	line-height:20px;
	color:#000;
	font-size:13px;
	font-weight:bold;
	overflow:hidden;
  	white-space:nowrap;
  	border-bottom-width:5px;  
	border-bottom-color:#008442;			
	border-bottom-style:solid;		
	padding:0px 0px 5px 2px;
	margin-bottom: 0px;
	margin-top: 5px;
	z-index:1;
}

#leftnav form.login {	
	background-color:#fff;
	margin: 0;
	padding: 5px 2px 5px 2px;
	text-align: right;
	border-right-width:1px;
	border-right-color:#E8E8E8;
	border-right-style:solid;
}

#leftnav form.login input {
	vertical-align:middle;
	line-height:12px;
	width:93px;
	font-size:11px; 
	margin-bottom:2px;
	clear:both;
}

#leftnav form.login label {
	width:60px;	
}

#leftnav .logout  {
	background-color:#fff;
	margin: 0;
	padding: 5px 2px 5px 2px;
	text-align: right;
}

#leftnav a.logout {
	font-weight:normal;	
	padding-left:12px;
	margin: 5px 10px 2px 0;
	background-image:url(../images/jpc/bullet_arrows_green_size2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:transparent;
}

/** Hauptseite ******************************************************************/

table.normal, tr.normal, td.normal {
	background-color: #FFFFFF;
}

tr.color, td.color {
	background-color: #E8E8E8;
}

tr.green, td.green {
	background-color: #DFF2E5;
}

tr.grey, td.grey {
	background-color: #999999;
}

img#abodirekt {
	margin:0 0 0.3em 1em;
	border:1px solid #333;
}

ul.contentbox {
	margin:0;
	padding:0;
}

ul.contentbox li {
	margin:0 0 8px;
	list-style:none;
	background:transparent url(../images/jpc/bulletpoint.gif) 0 0 no-repeat;
	padding-left:17px;
	line-height:14px;
	font-size:13px;
	font-weight:bold;
	color:#008442;
}

#main a.normal {	
	font-weight:bold;
	padding-left:10px;
	background-image:url(../images/jpc/bullet_arrows_green_size2.gif);
	background-repeat:no-repeat;
 	background-position:left center;
}

#main a.image {
	border:0;
}

.boxHead {
	font-weight:bold;
	height:24px;
	padding:0px 0px 3px 2px;
}


.outlined {
	padding:0.2em;
	border:1px solid #333;
}

.agb p {
	margin:0.2em 0;
}

.agb li {
	list-style:disc inside;
	padding-left:2em;
}

.banner {
	background-color: #E8E8E8;
	border-bottom: 1px dashed #333333;
	border-right: 1px dashed #333333;
	margin-bottom: 20px;
	padding: 5px;
}

.banner .source {
	margin:0 10px 5px 0;
	float:left;
	display:block;
	border:1px solid #999999;
	width:690px;
	padding:5px;
	background-color:#FFFFFF;
	overflow:auto;
}

.banner .source pre {
	padding:0;
	margin:0;
}

.bannerimage {
	margin:0 10px 5px 0;
	float:left;
	display:block;
	overflow:hidden;
}

.fieldset {
	float:left;
	width:450px;
	margin:-4px 0 10px 0;
	padding:0;
	border:0;
}

.searchbox {
	width: 100px;
	font-size:11px;
	margin: 4px 0 0 0;
	line-height:12px;	
}

p.sdbutton {
	float:left;
	background:transparent url(../images/jpc/but_left_jpc.gif) top left no-repeat;
	height:22px;
	margin:0.5em 0 2em;
	padding:0 0 0 8px;
}

p.sdbutton a {
	float:left;
	height:22px;
	line-height:22px;
	padding:0 8px 0 0;
	background:transparent url(../images/jpc/but_right_jpc.gif) top right no-repeat;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	
}

button.btn {
  padding-right:0;
  padding-left:12px;
  font-weight:bold;
  background-color:transparent;
  background-image:url(../images/jpc/bullet_arrows_green.gif);
  background-repeat:no-repeat;
  background-position:left center;
  border:none;
  cursor:pointer;
  margin-left: 12px;
}

.btn:focus, .btn:hover, .btn:active {
  background-color:#ffb94f;
}

#main label.small {
	width:25px;
	float:left;
}

#main label.normal {
	width:65px;	
	float:left;
}

#main label.long {
	width:90px;
	float:left;
}

.choice label {
	margin-right:15px;
}

.choice select {
	margin-right:30px;
}

.floatbox {
	float:left;
	margin-right:50px;
	margin-bottom:40px;
}

/** Fußzeile ******************************************************************/

#footer {
  clear:both;
  text-align:center;
  margin-top:65px;
  padding-bottom: 7px;
  font-size:11px;
}

/** Welcome *******************************************************************/

#formfieldAnzeige {
	margin-bottom:1em;
}

#formfieldAnzeige label {
	margin:2px 1em 0 0;
}

form#welcomeform button {
	margin-left:3em;
}

form#welcomeform select {
	margin:0 0.5em;
}

/** Forms *********************************************************************/

form.contentbox {
	margin:0 0 2em;
}

form.contentbox fieldset {
	border:none;
	margin:1em 0;
	padding:0;
	width:100%;
}

form.contentbox fieldset legend {
	font-size:12px;
	margin:0 0 0.5em;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#008442;
	padding:2px 5px;
}

form.contentbox label {
	float:left;
	display:inline;
	clear:left;
	width:17em;
	margin:0.2em 0 0.3em;
	height:20px;
	text-align:right;
	padding:0 0.5em 0 0;
}

form.contentbox #taxset label {
	width:26em;
}

form.contentbox input.textfield {
	margin:0 0 0.5em;
	height:15px;
}

form.contentbox input.radiofield {
	margin:0 0 0.5em;
	height:20px;
}

br.nobr {
	display:none;
}