/*
 Screen style technologiepark Weinheim
*/

/* Standard Presets */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, form, fieldset, label, input, select, dl, dt, dd, div, legend {
    margin: 0;
    padding: 0;
}

body {
	color: #5f6062;
	font: 70%/1.6em Arial, Helvetica, sans-serif;
	background: #fff;
	width:100%;
	text-align: center;
	margin-bottom: 20px;
}	
	
.hide, dfn, hr, span {
    position: absolute;
    left: -1000px;
    top: -1000px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: inline;
}

.small {font-size:90%;}

.show { 
	display:block
}

.floatL { 
	float:left; 
}

.floatR { 
	float:right; 
}

.clear { 
	clear:both; 
}

.alignRight {
	text-align:right;
}

.error { 
	color: #f00; 
}

p.error { 
	margin-bottom: 15px;
}

img {
	border:0;
}


ul {
	list-style: none; 
}

.hrDivider {
	margin:0 0 20px 0;
	border:0;
	border-bottom: 1px solid #D4D4D4;
	width: 510px;
	line-height: 1px; 
	height: 1px;
	left:auto;
	top:auto;
	display: block;
	padding: 0; 
	display:block;
	overflow:visible;
	position:relative;
}

select, input, textarea {
	font: 100% Arial, Helvetica, sans-serif;
	border: 1px solid #d3d3d3;
	color: #6a6a6a;
}

input {
	height: 15px;	
	padding-left: 4px;
}


fieldset {
	border: 0;		
}

p {padding:0 0 15px 0;}

abbr, acronym {
    cursor: help;
}

ol { 
	margin:15px 0 35px 23px;	
}

ol li { 
   padding: 3px 0 9px 0; 	
	line-height: normal;
	list-style-image:none;
}

	

/* Defaults */
h1 {}

h1 a {
	height: 119px;
	width:305px;
	display: block;
	float:left;
	background:transparent url(../pics/pi_jurcall_logo.gif) 0 0 no-repeat;	
}

h2 {}
h3 { 
	width: 420px;
	overflow: hidden; 
	margin-bottom: 7px;
	font-size:160%;
	font-weight:lighter;
	line-height:24px;
}
h4 {}
h5 {font-size:100%; color:#004489;}
h6 {}


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

a:hover, 
a:active {
	color:#004489; 
	text-decoration: underline;
}

#page {
	width: 990px;
	margin-left: auto; margin-right: auto;
	text-align: left;
}

#welcome {
	background:#f1f1f1 url(../pics/pi_welcome_header.jpg) 0 0 no-repeat;
	float:left;
	width: 990px;
	padding-bottom:25px;
	border-bottom:1px #dcdcdc solid;
}

#sub {
	background:transparent url(../pics/bg_content_sub.gif) 0 0 repeat;
	float:left;
	width: 990px;
	padding-bottom:25px;
	border-bottom:1px #dcdcdc solid;
}

#sub .bgContent {
	background:transparent url(../pics/pi_sub_header.jpg) 0 16px no-repeat;
	width: 990px;
	float:left;
}

#sub .bgContent02 {
	background:transparent url(../pics/pi_sub_header_02.jpg) 0 119px no-repeat;
	width: 990px;
	float:left;
}

#sub .bgContent03 {
	background:transparent url(../pics/pi_sub_header_03.jpg) 0 119px no-repeat;
	width: 990px;
	float:left;
}

#sub .bgContent04 {
	background:transparent url(../pics/pi_sub_header_04.jpg) 0 119px no-repeat;
	width: 990px;
	float:left;
}

#sub .bgContent05 {
	background:transparent url(../pics/pi_sub_header_05.jpg) 0 119px no-repeat;
	width: 990px;
	float:left;
}

/* MENU EBEN 1 */

#me1 {
	background:#fff;
	float:right;
	padding-top:66px;
	height:53px;
}
	#me1 li {
		float:left; 
		margin-left:15px; 
		display: block;
	}
	
	#me1 a {
		height:16px;
		float:left;
		display: block;
	}
	
	#me1 a.me101 {
		width:104px;
		background: transparent url(../pics/pi_me1_01.gif) no-repeat;
	}
	
	#me1 a.me102 {
		width:64px;
		background: transparent url(../pics/pi_me1_02.gif) no-repeat;
	}
	
	#me1 a.me103 {
		width:96px;
		background: transparent url(../pics/pi_me1_03.gif) no-repeat;
	}
	
	#me1 a.me104 {
		width:147px;
		background: transparent url(../pics/pi_me1_04.gif) no-repeat;
	}
	
	#me1 a.me105 {
		width:74px;
		background: transparent url(../pics/pi_me1_05.gif) no-repeat;
	}
		
	#me1 a:hover {
		background-position: 0 -16px;
	}
	
	#me1 a.me101active {
		width:104px;
		background: transparent url(../pics/pi_me1_01.gif) 0 -16px no-repeat;
	}
	
	#me1 a.me102active {
		width:64px;
		background: transparent url(../pics/pi_me1_02.gif) 0 -16px no-repeat;
	}
	
	#me1 a.me103active {
		width:96px;
		background: transparent url(../pics/pi_me1_03.gif) 0 -16px no-repeat;
	}
	
	#me1 a.me104active {
		width:147px;
		background: transparent url(../pics/pi_me1_04.gif) 0 -16px no-repeat;
	}
	
	#me1 a.me105active {
		width:74px;
		background: transparent url(../pics/pi_me1_05.gif) 0 -16px no-repeat;
	}
	
	/* 1.Ebene */
	#me1 ul ul {clear:both; position:absolute; display:none; z-index: 11; top:82px; margin-left:-16px; width:200px; border-bottom:1px #e1e1e1 solid;}
	/* blendet ul 2.Ebene ein, funktioniert nicht im IE, siehe dazu JS und letzte CSS Zeile */
	#me1 li:hover ul { display:block; z-index: 10;}
	#me1 ul ul li {height:auto; z-index: 10; margin:0; border:0; width:200px; border-top:1px #e1e1e1 solid;}
	#me1 ul ul li:hover {padding:0; margin:0; width:200px;}
	/* Breite notwendig sonst wird im IE nur der Text als Link interpretiert wird. */
	/* Hoehe notwendig sonst wird im Moz hier die Höhe des 1.Links verwendet */
	/* Beachten: IE Box Model Bug, wenn Doctype nicht strict (width/margin/border/padding) */
	#me1 ul ul li a { display:block; height:auto; z-index: 10; color:#444; float:left; text-align:left; font-weight:normal; margin:0; border:0; width:182px; padding:2px 0 2px 16px; background: #fff;}
	#me1 ul ul li a:hover {color:#fff; z-index: 10; margin:0; border:0; width:182px; text-decoration:none; border-left:1px #004489 solid; border-right:1px #004489 solid; background: #004489 url(../pics/pi_pfeil_dhtml.gif) 8px -18px no-repeat;}
	/* notwendig für hover im IE, siehe auch JS */
	#me1 ul ul:hover, #me1 li.sfhover ul { display:block; z-index: 10;}	

#me2 {
	float:left;
	margin-top:184px;
}
	
	#me2 h2 {
		clear:both;
		width:205px;
		height:37px;
		
	}
		
		#me2 h2.unternehmen {
			background: transparent url(../pics/ti_me2_unternehmen.gif) 0 0 no-repeat;
		}
		#me2 h2.datenschutz {
			background: transparent url(../pics/ti_me2_datenschutz.png) 0 0 no-repeat;
		}
		#me2 h2.service {
			background: transparent url(../pics/ti_me2_service.gif) 0 0 no-repeat;
		}
		#me2 h2.newsTipps {
			background: transparent url(../pics/ti_me2_news_tipps.gif) 0 0 no-repeat;
		}
		#me2 h2.fragenAntworten {
			background: transparent url(../pics/ti_me2_fragen.gif) 0 0 no-repeat;
		}
		#me2 h2.startenSie {
			background: transparent url(../pics/ti_me2_starten_sie.gif) 0 0 no-repeat;
		}
		#me2 h2.impressum {
			background: transparent url(../pics/ti_me2_impressum.gif) 0 0 no-repeat;
		}
		#me2 h2.kontakt {
			background: transparent url(../pics/ti_me2_kontakt.gif) 0 0 no-repeat;
		}
		#me2 h2.faq {
			background: transparent url(../pics/ti_me2_faq.gif) 0 0 no-repeat;
		}
		
		#me2 h2.sitemap {
			background: transparent url(../pics/ti_me2_sitemap.png) 0 0 no-repeat;
		}
		
	#me2 ul {
		float:left;
		padding-left:20px;
	}
	
		#me2 ul li {
			border-bottom:1px #cacaca solid;
			width:160px;
			margin:6px 0 6px 0;
		}
		
		#me2 ul li a {
			background: transparent url(../pics/pi_bullet_04.gif) 0 4px no-repeat;
			padding-left:14px;
			color:#676a6b;
		}
		
		#me2 ul li a.active {
			font-weight:bold;
		}

/* WELCOME CONTAINER */


	#containerSpecials {
	float:left;
	padding:219px 0 0 33px;
	width:274px;
	}

	/* CONTAINER SERVICES */

	.ContactServices {
		background: transparent url(../pics/bg_container_kontakt.gif) 0 0 no-repeat;
		width:252px;
		height:11em;
		float:left;
		padding:15px 0 0 20px
	}
		.ContactServices h2 {
			background: transparent url(../pics/ti_container_kontakt.gif) 0 0 no-repeat;
			width:216px;
			height:15px;
			margin-bottom:10px;
		}	
		
		.ContactServices ul {
		}
			.ContactServices ul li {
				color:#fff; 
				width:235px; 
				clear:both; 
				}
				
			.ContactServices ul li a {
				color:#fff;
				background: transparent url(../pics/pi_bullet_01.gif) right 4px no-repeat; 
				width:235px; 
				float:left;
				padding-bottom:3px;
				margin-top:4px;
				}
				
			.ContactServices ul li a:hover {
				color:#fff;
				font-size:140%;
				text-decoration:none;
				background: transparent url(../pics/pi_bullet_01b.gif) right 4px no-repeat; 
			}
			
			.ContactServices ul li.first a {
				border-bottom:1px #437bb5 solid;
			}
							
	
	/* CONTAINER FAVORITEN */
				
	.ContainerVertragsnummer {
		background:#5f6062;
		width:252px;
		float:left;
		margin:1px 0 0 0;
		padding:15px 0 0 20px;
	}
	
	.ContainerVertragsnummer fieldset {
		padding:0;
	}
		.ContainerVertragsnummer h2 {
			background: transparent url(../pics/ti_container_vertragskunden.gif) 0 0 no-repeat;
			width:216px;
			height:15px;
			margin-bottom:10px;
		}
		
		.ContainerVertragsnummer label {
			display:none;
		}
		
		.ContainerVertragsnummer input {
			margin:0 0 0 0;
			height:17px;
			width:170px;
			padding:0;
			float:left;
		} 
		
		.ContainerVertragsnummer .goButton {
			border:0;
			float:left;
			width:auto;
			height:auto;
			margin:0 0 0 0;
		}
		
		.ContainerVertragsnummer .more a {
			margin-top:10px;
			color:#fff;
			background: transparent url(../pics/pi_bullet_02b.gif) 0 4px no-repeat;
			padding-left:14px;
			float:left;
		}
		
		.ContainerVertragsnummer p {
			color:#fff;
			margin:5px 0 0 0 ;
		}
		
	/* CONTAINER NEWS */
	
	#whatJurcall {
		float:left; 
		width:270px; 
		margin:315px 0 0 30px; 
		padding-right:20px;
		border-right:1px #e2e2e2 solid;
	}
	
		#whatJurcall h3 {
			background: transparent url(../pics/ti_container_was_ist_jurcall.gif) 0 0 no-repeat;
			width:270px;
			height:12px;
			float:left;
			margin-bottom:20px;
		}
	
		
		#whatJurcall .more {
			background: transparent url(../pics/pi_bullet_02.gif) left 0.4em no-repeat; 
			padding-left:14px;
			margin-top:10px;
			float:left;
			clear:both;
		}
	
	/* CONTAINER TOPTHEMA */
	
	#whoWeAre {
		float:left; 
		width:311px; 
		margin:315px 0 0 30px; 
		padding-right:20px;
	}
		#whoWeAre h3 {
			background: transparent url(../pics/ti_container_wer_wir_sind.gif) 0 0 no-repeat;
			width:290px;
			height:12px;
			float:left;
			margin-bottom:20px;
		}
		
		#whoWeAre .more {
			background: transparent url(../pics/pi_bullet_02.gif) left 0.4em no-repeat; 
			padding-left:14px;
			margin-top:10px;
			float:left; 
			clear:both;
		}
		
/* CONTENTBEREICH */

#content {
	float:left;
	margin-top:155px;	
	width:578px;
}
	
	#content #breadcrumb {
		float:left;
		background:#f4f4f4;
		width:551px;
		height:22px;
		padding:8px 0 0 27px;
	}
		
		#content #breadcrumb li {
			float:left;
			text-transform:uppercase;
			font-size:90%;
			margin-right:10px;
		}

			#content #breadcrumb li a {
				background: transparent url(../pics/pi_bullet_04.gif) right 4px no-repeat; 
				padding-right:14px;
				color:#004489;
			}
			
			#content #breadcrumb li a.active {
				background:none; 
				color:#676a6b;
			}


	#body {
		padding:20px 30px 0 30px;
		width:500px;
		float:left;
		font-size:110%;
		line-height:20px;
	}
	
		#body h3 {
			margin-bottom:20px;
		}
	
		#body .blockquote {margin:0 0 0 215px; width:280px;}
		
		#body .image img {
			float:left;
			border:1px #c8c8c8 solid;
			margin:5px 20px 25px 0;
		}
		
		#body h4 {
			font-weight:bold;
			font-size:100%;
		}
		
		#body ul {margin-bottom:10px;}
		
		#body li {
			background: transparent url(../pics/pi_bullet_05.gif) 0 7px no-repeat; 
			padding-left:16px;
			color:#5f6062;
		}
		
		#body ol li {
			background:none;
			padding-left:0;
		
		}

/* SUB CONTAINER */

#contentContainer {
	float:left;
	width:205px;
	margin-left:1px;
}

	#contentContainer .downloads h2 {
		background: transparent url(../pics/ti_container_downloads.gif) 0 0 no-repeat;
		width:205px;
		float:left;
		height:38px;
	}
		
		#contentContainer .downloads dl {
			margin:10px 0 0 20px;
			float:left;
		}
		
			#contentContainer .downloads dl dt {
				font-weight:bold;
			}
			
			#contentContainer .downloads dl dd {
				margin:0 0 10px 24px;
				color:#a0a0a0;
			}
			
			#contentContainer .downloads a {
				color:#676a6b;
			}
			
	#contentContainer .ContainerLogin {
		background: transparent url(../pics/bg_container_kontakt.jpg) 0 0 no-repeat;
		width:185px;
		margin:184px 0 0 0;
		padding:15px 0 20px 20px;
		float:left;
	}
	
		#contentContainer .ContainerLogin h2 {
			background: transparent url(../pics/ti_container_login.gif) 0 0 no-repeat;
			width:165px;
			height:13px;
		}
		
		#contentContainer .ContainerLogin p {
			padding:10px 0 5px 0;
			clear:both;
			color:#fff;
		}
		
		#contentContainer .ContainerLogin fieldset {
			padding:0;
		}
		
		#contentContainer .ContainerLogin label {
			display:none;
		}
		
		#body .ContainerLogin label {
			font-weight:bold;
		}
		
		#contentContainer .ContainerLogin input, #body .ContainerLogin input {
			margin:0 0 0 0;
			font-size:100%;
			height:17px;
			width:130px;
			padding:0;
			float:left;
		}
		
		#contentContainer .ContainerLogin .goButton, #body .ContainerLogin .goButton {
			border:0;
			float:left;
			width:auto;
			height:auto;
			margin:0 0 0 0;
		}
		
		#contentContainer .ContainerLogin .more {
			background: transparent url(../pics/pi_bullet_03.gif) 20px 14px no-repeat;
			padding:10px 0 5px 36px;
		}

/* FOOTER */

#footer {
	margin:5px 0 10px 0;
	float:left;
	width:990px;
	background:#fff;
}

	#footer a {
		color:#999999;
	}

	#footer .fontSize {
		float:left;
		padding:5px 25px 0 30px;
	}
	
		#footer .fontSize li {
			float:left;
			margin-left:4px;
		}
		
			#footer .fontSize .small a {
				font-size:11px;}
				
			#footer .fontSize .normal a {
				font-size:13px;}
			
			#footer .fontSize .big a {
				font-size:15px;}
				
			#footer .fontSize .active {
				color:#004489;
			}
			
	#footer .meta {
		float:left;
		margin-top:5px;
	}
		
		#footer .meta li {
			float:left;
			margin-left:20px;
		}
		
		#footer .meta .nrvWebsites {
			background: transparent url(../pics/pi_bullet_03.gif) right 3px no-repeat; 
			padding-right:15px;	
		}
		
	#footer .vertriebspartner {
		float:right;
	}
	
/* GENERAL */

.pdf {
	background: transparent url(../pics/ico_pdf.gif) 0 0 no-repeat; padding-left:24px;
}

/* FORMS */

#body fieldset {
	border:1px #ccc solid;
	padding:10px 0 10px 20px;
	background:#f5f5f5;
	margin-bottom:20px;
	position: relative;
}

#body fieldset.double {
	float:left;
	width:230px;
}

#body fieldset.margin {
	margin-left:6px;
}

fieldset .fieldsetBG {
	
}

fieldset legend {
	font-weight:bold;
	color:#004489;
	position: absolute;
}

html legend{ position:absolute; top: -10px; left: 13px;}
html fieldset{ position: relative; margin-top:1em; padding-top:30px; }

.bgInput {
	float:left;
	width:220px;
	padding:4px 0 4px 0;
	margin:0 5px 0 0;
}

.bgInputOld {
	float:left;
	width:220px;
	padding:4px;
	margin:0 5px 5px 0;
	background:#e5e5e5;
}

.bgInputLarge {
	width:473px;	
}

.bgInputEbene2 {
	margin-left:18px;
	background:#e7e9e8;
	padding:5px 0 0 10px;
}

.bgInputEbene3 {
margin-left:15px;
width:420px;
}

	#body fieldset input {width:211px; padding:1px 0 1px 0;}
	#body fieldset input.small {width:50px;}
	#body fieldset input.medium {width:150px;}
	#body fieldset input.medium2 {width:92px; margin-right:2px; float:left;}
	
	#body fieldset select {width:215px; height:19px; font-size:11px; line-height:10px;}
	
	#page #body fieldset table td {border:0; vertical-align:top;}
	#page #body fieldset table tr.border td {border-bottom:1px #ccc solid;}
	
	#body textarea {width:440px;}
	#body .checkbox, #body #suche .checkbox  {width:auto; margin:1px 5px 0 0; border:0;}
	
	#body fieldset h5 {margin:0 0 0 0; border-bottom:1px #ccc solid; color:#333; font-size:100%; clear:both; background:#e7e9e8; padding:2px 0 2px 10px;}
	#body .toggleBereich {
		background:#efefef; 
		padding:10px;
		float:left;
		width:468px;
	}
	
	#body .goButton {font-size:11px; width:auto; background:#004489; color:#fff; height:auto; padding:0 5px 0 5px;}
	#body .button {font-size:11px; width:auto; background:#004489; color:#fff; height:auto; padding:0 5px 0 5px;}
	
	.bgInput .formDivider {margin-right:5px;}
	
	font.required {
		color:#004489;
		font-size: 18px;
		font-weight: bold;
		margin-left:3px;
		line-height:16px;
	}
	font.small {font-size:9px;} 
	.indent {margin-left:18px;}
	
	.formEbene3Left {font-size:11px; float:left;}
	.formEbene3Right {float:right; margin-right:5px;}
	
	
/* TEMPLATE SUCHE */
#body #suche dl {padding-top: 22px;}
#body #suche a {color:#004489;}
#body #suche dt {color:#eb0000; background: #ECECEC url(../pics/pi_bullet_me2_02.gif) 10px 10px no-repeat; font-weight:bold; padding:2px 0 2px 20px; border-bottom: 1px dashed #bbbbbb; float:left; width:486px;}
#body #suche dt .title {width:330px; float:left;}
#body #suche dt .treffer {color:#444; float:right; padding-right:5px;}
#body #suche dl dd {clear:both; margin:0; padding:0 0 0 5px;}
#body #suche dl dd.contactFooter {margin-bottom:25px;}
#body #suche dl .hrUnten {border: 0px; border-bottom: 1px dashed #bbbbbb; min-height: 16px;}
#body #suche dl .hrObenUnten { background:#FcFcFc; border: 0px; border-top: 1px dashed #bbbbbb;  border-bottom: 1px dashed #bbbbbb;  min-height: 16px;}
#body #suche dl .hrOben {border: 0px; border-top: 1px dashed #bbbbbb;  min-height: 16px;}
#body #suche h5 {background: #ECECEC url(../pics/pi_bullet_me2_02.gif) 13px 8px no-repeat; font-weight:bold; padding:2px 0 2px 20px; margin-top:15px; float:left; width:420px;}
#body #suche dt.world {background: #ECECEC url(../pics/pi_bullet_05.gif) no-repeat scroll 5px 9px;}
#body #suche form {margin:20px 0 20px 0;}
#body #suche label {display:none;}
#body #suche input {padding:5px 10px 5px 10px; width:300px; float:left;}
#body #suche input.goButton {width:auto; background:#004489; padding:4px 10px 4px 10px; height:auto; color:#fff; margin-left:10px; font-weight:bold;}
#body #anwaltssuche fieldset h5 {margin:0 0 0 0; border-bottom:0; color:#004489; font-size:100%; clear:both; background:none; padding:10px 0 5px 0;}

#body .downloadh4 li {
font-weight:normal;
padding:0;
background:none;
}

#body .downloadh4 li a { 
font-weight:normal;
height:25px;
background: transparent url(../pics/ico_pdf.gif) right 0 no-repeat; padding-right:24px;
}