/*
 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;
}

.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: 530px;
	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;
}

strong {color:#29408e;}	

/* Defaults */
h1 {}

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

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


a {
	color:#29408e;
	text-decoration: none;
}

a:hover, 
a:active {
	color:#29408e; 
	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 .bgContent00 {
	background:transparent url(../pics/pi_sub_header_00.jpg) 0 106px no-repeat;
	width: 990px;
	float:left;
}

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


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

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

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

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

/* MENU EBEN 1 */

#me1 {
	background:#fff;
	float:right;
	padding-top:66px;
	height:40px;
}
	#me1 li {
		float:left; 
		display: block;
	}
	
	#me1 a {
		height:14px;
		float:left;
		display: block;
	}
	
	#me1 a.me101 {
		width:93px;
		background: transparent url(../pics/pi_me1_01.gif) no-repeat;
	}
	
	#me1 a.me102 {
		width:117px;
		background: transparent url(../pics/pi_me1_02.gif) no-repeat;
	}
	
	#me1 a.me103 {
		width:89px;
		background: transparent url(../pics/pi_me1_03.gif) no-repeat;
	}
	
	#me1 a.me104 {
		width:79px;
		background: transparent url(../pics/pi_me1_04.gif) no-repeat;
	}
	
	#me1 a.me105 {
		width:118px;
		background: transparent url(../pics/pi_me1_05.gif) no-repeat;
	}
	
	#me1 a.me106 {
		width:67px;
		background: transparent url(../pics/pi_me1_06.gif) no-repeat;
	}
		
	#me1 a:hover {
		background-position: 0 -14px;
	}
	
	#me1 a.me101active {
		width:93px;
		background: transparent url(../pics/pi_me1_01.gif) 0 -14px no-repeat;
	}
	
	#me1 a.me102active {
		width:117px;
		background: transparent url(../pics/pi_me1_02.gif) 0 -14px no-repeat;
	}
	
	#me1 a.me103active {
		width:89px;
		background: transparent url(../pics/pi_me1_03.gif) 0 -14px no-repeat;
	}
	
	#me1 a.me104active {
		width:79px;
		background: transparent url(../pics/pi_me1_04.gif) 0 -14px no-repeat;
	}
	
	#me1 a.me105active {
		width:118px;
		background: transparent url(../pics/pi_me1_05.gif) 0 -14px no-repeat;
	}
	
	#me1 a.me106active {
		width:67px;
		background: transparent url(../pics/pi_me1_06.gif) 0 -14px no-repeat;
	}
	
	/* 1.Ebene */
	#me1 ul ul {clear:both; position:absolute; display:none; z-index: 11; top:80px; width:140px; 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:140px; border-top:1px #e1e1e1 solid;}
	#me1 ul ul li:hover {padding:0; margin:0; width:140px;}
	/* 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:124px; padding:2px 0 2px 16px; background: #fff;}
	#me1 ul ul li a:hover {color:#fff; z-index: 10; margin:0; border:0; width:122px; text-decoration:none; border-left:1px #29408e solid; border-right:1px #29408e solid; background: #29408e 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:172px;
}
	
	#me2 h2 {
		clear:both;
		width:205px;
		height:37px;
		
	}
		
		#me2 h2.willkommen {
			background: transparent url(../pics/ti_me2_willkommen.gif) 0 0 no-repeat;
		}
		#me2 h2.unternehmen {
			background: transparent url(../pics/ti_me2_unternehmen.gif) 0 0 no-repeat;
		}
		#me2 h2.produkte {
			background: transparent url(../pics/ti_me2_produkte.gif) 0 0 no-repeat;
		}
		#me2 h2.service {
			background: transparent url(../pics/ti_me2_service.gif) 0 0 no-repeat;
		}
		#me2 h2.publikationen {
			background: transparent url(../pics/ti_me2_publikationen.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.datenschutz {
			background: transparent url(../pics/ti_me2_datenschutz.gif) 0 0 no-repeat;
		}
		#me2 h2.sitemap {
			background: transparent url(../pics/ti_me2_sitemap.gif) 0 0 no-repeat;
		}

	#me2 ul {
		float:left;
		padding-left:20px;
	}
	
		#me2 ul li {
			border-bottom:1px #cacaca solid;
			background: transparent url(../pics/pi_bullet_04.gif) 0 0.5em no-repeat;
			width:160px;
			padding-left:14px;
			margin:6px 0 6px 0;
		}
		
		#me2 ul li a {
			color:#676a6b;
		}
		
		#me2 ul li a.active {
			font-weight:bold;
		}

/* WELCOME CONTAINER */


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

	/* CONTAINER SERVICES */

	.ContactServices {
		background: transparent url(../pics/bg_container_kontakt.gif) 0 0 no-repeat;
		width:252px;
		height:120px;
		float:left;
		padding:15px 0 0 20px
	}
		.ContactServices h2 {
			background: transparent url(../pics/ti_container_kontakt.gif) 0 0 no-repeat;
			width:216px;
			height:34px;
			margin-bottom:10px;
		}	
		
		.ContactServices ul {
		}
			.ContactServices ul li, .ContainerVertragsnummer ul li {
				color:#fff; 
				width:235px; 
				clear:both; 
				font-weight:bold;
				}
				
			.ContactServices ul li a, .ContainerVertragsnummer 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, .ContainerVertragsnummer ul li a:hover {
				color:#fff;
				font-size:120%;
				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 10px 20px;
	}
		.ContainerVertragsnummer h2 {
			background: transparent url(../pics/ti_container_events.gif) 0 0 no-repeat;
			width:240px;
			height:19px;
			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 h4 {color:#fff; font-size:120%;}
		
		.ContainerVertragsnummer ul li.first a{
				border-bottom:1px #9c9c9c solid;
			}
		
	/* CONTAINER NEWS */
	
	#whatGSM {
		float:left; 
		width:270px; 
		margin:290px 0 0 30px; 
		padding-right:20px;
		border-right:1px #e2e2e2 solid;
	}
	
		#whatGSM h3 {
			background: transparent url(../pics/ti_container_wer_ist_gsm.gif) 0 0 no-repeat;
			width:270px;
			height:12px;
			float:left;
			margin-bottom:20px;
		}
	
		
		#whatGSM .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:290px 0 0 30px; 
		padding-right:20px;
	}
		#whoWeAre h3 {
			background: transparent url(../pics/ti_container_was_bietet_gsm.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:143px;	
	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:#29408e;
			}
			
			#content #breadcrumb li a.active {
				background:none; 
				color:#676a6b;
			}


	#body {
		padding:20px 30px 0 30px;
		width:510px;
		float:left;
		font-size:110%;
		line-height:20px;
		min-height:400px;
	}
	
		#body h3 {
			margin-bottom:20px;
		}
	
		#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;
		
		}
		
		#body .contentTeam img {float:left; border:1px #ccc solid; margin:5px 20px 0 0;}
		
		#body .strafListe td {border-bottom:1px #eee solid;}
		
		#body .events {background:#f7f7f7; padding:15px; border:1px #ccc solid; margin-bottom:15px;}
		
	

/* 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:172px 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:#29408e;
			}
			
	#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:#29408e;
	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;}
	#body fieldset input.small {width:50px;}
	#body fieldset input.medium {width:150px;}
	#body fieldset input.medium2 {width:92px; margin-right:2px; float:left;}
	
	#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:450px;}
	#body .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;
	}
	
	.bgInput .formDivider {margin-right:5px;}
	
	font.required {
		color:#29408e;
		font-size: 120%;
		font-weight: bold;
		margin-left:3px;
		line-height:16px;
	}
	font.small {font-size:90%;}
	.indent {margin-left:18px;}
	
	.formEbene3Left {font-size:100%; float:left;}
	.formEbene3Right {float:right; margin-right:5px;}