/* CSS Document */
* {
	padding: 		0;
	margin: 		0;
}
html{
	height:100.05%;
}
body {
	text-align: center;
	background-color: #E4E4E4;
	padding:0;
	margin:0;
	background-image: url(/_elements/images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

hr {
	display:none;
}

/* Container  */

		#container {
			width: 760px;
			\width: 792px;
			w\idth: 760px;
			border: none;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 16px;
			padding-right: 16px;
			background: white url(/_elements/images/bg_container.gif) repeat-y;
			text-align:left;
		}

		#header {
			margin-left:auto;
			margin-right:auto;
			background-color: rgb(255, 255, 255);
			width:792px;
			height:230px;
			text-align:left;
			background: transparent url(/_elements/images/bg_header.jpg) no-repeat;
		}
		#content {
			text-align:left;
			width:460px;
			padding: 0;
			float:left;
			background-color:white;
		}
		

		#linkerBalken {
			text-align: left;
			float: left;
			width: 285px;
			margin: 0;
			padding: 0;
		}

		#footer {
			position:relative;
			
			margin-left:auto;
			margin-right:auto;
			width:792px;
			height:74px;			
			background: transparent url(/_elements/images/bg_footer.jpg) no-repeat;
		}
		#bottom{
			position:relative;
			margin-left:auto;
			margin-right:auto;
			background-color: transparent;
			width:792px;
			height:50px;
			text-align:left;
		}
		#fusszeile {
		display:none;
		}

		.clearer {
		clear:both;
		height:1px;
		line-height:1px;
		font-size:1px;
		}
/* Container - END */

/* Elemente in Containern - HEADER */

	#logoContainer {
		position:absolute;
		height:52px;
		width:149px;
		left:64px;
		top:16px;
		background: transparent url(/_elements/images/pp-logo.gif) no-repeat;
	}
	
	#logoContainer h1 { 
		background: 	transparent url(/_elements/images/pp-logo.gif) no-repeat;
		width: 			149px;
		height: 		52px;
		margin: 	0px;
		padding: 0;
	}
	#logoContainer h1 a { 
		display: 		block;
		width: 			149px;
		height: 		52px;	
		margin:0;
		padding:0;
	}
	#logoContainer h1 span{
		display: none;
	}

	ul#serviceNavi {
		position:absolute;
		left:694px;
		top:58px;
		width:84px;
		height:24px;
		list-style-type: none;
		margin:0;
		padding:0;
	}
	ul#TopNavi li{
		width:18px;
		float:left;
	}
	ul#serviceNavi li a{
		position:absolute;
		width:20px;
		height:28px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 11px;
		display:block;
		float:left;
		text-indent:-9999px;
		text-decoration:none;
	}
	li#kont a {
		left:18px;
		top:0px;
		display:block;
		background-image:url(/_elements/images/snav-kont-norm.gif);
	}
	li#kont a:hover {
		background-image:url(/_elements/images/snav-kont-over.gif);
	}
	li#impr a {
		left:46px;
		top:0px;
		display:block;
		background-image:url(/_elements/images/snav-impr-norm.gif);
	}
	li#impr a:hover {
		background-image:url(/_elements/images/snav-impr-over.gif);
	}

	

	#headerTeaser {
	position:absolute;
	top:86px;
	left:302px;
	width:391px;
	height:120px;
	}
	body#Profil 	#headerTeaser {background: transparent url(/_elements/images/header_prof.jpg) repeat-x;}
	body#Projekte 	#headerTeaser {background: transparent url(/_elements/images/header_proj.jpg) repeat-x;}
	body#Ausserdem 	#headerTeaser {background: transparent url(/_elements/images/header_auss.jpg) repeat-x;}
	body#Kontakt 	#headerTeaser {background: transparent url(/_elements/images/header_kont.jpg) repeat-x;}
	body#Impressum 	#headerTeaser {background: transparent url(/_elements/images/header_impr.jpg) repeat-x;}

	

/* Elemente in Containern - HEADER - END */

/* TOP-NAVIGATION */
ul#TopNavi {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	position: absolute; 
	top:58px;
	left:302px; 
	margin: 0;
	width: 392px; 
	height:28px;
	list-style-type: none;
}
ul#TopNavi li{
	width:98px;
	float:left;
}
ul#TopNavi li a {
	color:rgb(84,82,82);
	text-decoration: none;
	height:20px;
	display:block;
	padding-left:12px;
	padding-top:8px;
	background-image:url(/_elements/images/topnav-norm.gif);
}
ul#TopNavi li a:hover {
	background-image:url(/_elements/images/topnav-over.gif);
}


body#Profil li#prof a,body#Projekte li#proj a,body#Ausserdem li#auss a,body#Intern li#inte a {
	background-image:url(/_elements/images/topnav-active.gif);
	color:#FFF;
}


/* TOP-Navi END */

/* Elemente in Containern - LINKERBALKEN */
#headBereich {
	position:absolute;
	left:267px;
	top:86px;
	padding: 0;
	margin:  0;
	width: 35px;
	height:120px;
	background-repeat: no-repeat;
}
#headBereich h3{
	text-indent: -9000px;
	display:none;
}
body#Profil 	#headBereich {background-image: 	url(/_elements/images/bereichHead_prof.gif);}
body#Projekte   #headBereich {background-image: 	url(/_elements/images/bereichHead_proj.gif);}
body#Ausserdem  #headBereich {background-image: 	url(/_elements/images/bereichHead_auss.gif);}
body#Intern	    #headBereich {background-image: 	url(/_elements/images/bereichHead_inte.gif);}
body#Kontakt    #headBereich {background-image: 	url(/_elements/images/bereichHead_kont.gif);}
body#Impressum	#headBereich {background-image: 	url(/_elements/images/bereichHead_imp.gif);}

/*
-----------------------------------
vvvv Subnavigation
-----------------------------------
*/

#navcontainer {
	margin:0;
	padding:0;
}
ul.subnavi {
	width:250px;
	margin:0;
	padding:0;
	list-style-type: none;
	border-top: 1px solid rgb(255,149,7);
}
ul.subnavi li{
	width:250px;
	display:block;
	line-height:24px;
	border-top:1px solid white;
}
ul.subnavi li a{
	display:block;
	height:24px;
	color:rgb(130,125,125);
	background-color:rgb(238,237,237);
	text-decoration:none;
	padding-left:10px;
	background-image:url(/_elements/images/subnav_norm.gif)
}
ul.subnavi li a:hover {
	background-image:url(/_elements/images/subnav_over.gif)
}
ul.subnavi li a.active, ul.subnavi li a.active:hover {
	background-image:url(/_elements/images/subnav_active.gif);
	color:white;
	font-weight:bold;
}

/* Zweite Ebene Subnavigation */

ul.subsubnavi  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.subsubnavi li{
	width:250px;
	display:block;
	line-height:24px;
	border-top:1px solid white;
}

ul.subsubnavi a {
	display:block;
	height:24px;
	color:rgb(181,180,180)!important;
	text-decoration:none;
	padding-left:22px!important;
	background: rgb(246,245,245) url(/_elements/images/ssnavi_off.gif) no-repeat 10px 10px!important;
}

ul.subsubnavi a:link, ul.subsubnavi a:visited  {
	text-decoration: none;
}

ul.subsubnavi a:hover {
	color:rgb(130,125,125)!important;
	background: rgb(241,240,240) url(/_elements/images/ssnavi_off.gif) no-repeat 10px 10px!important;
}
ul.subsubnavi a.active, ul.subsubnavi a.active:hover{
	color:rgb(255,153,17)!important;
	font-weight:bold!important;
	background: rgb(251,250,250) url(/_elements/images/ssnavi_on.gif) no-repeat 10px 10px!important;
}



/* Elemente in Containern - LINKERBALKEN - END */


/* Elemente in Containern - FOOTER */

	#alexwenz {
		position:absolute;
		height:50px;
		width:120px;
		left:672px;
		top:0px;
		background: transparent url(/_elements/images/alexwenz.gif) no-repeat;
	}
	
	#alexwenz h4 { 
		background: 	transparent url(/_elements/images/alexwenz.gif) no-repeat;
		width: 			120px;
		height: 		50px;
		margin: 	0;
		padding: 0;
	}
	#alexwenz h4 a { 
		display: 		block;
		width: 			120px;
		height: 		50px;	
		margin:0;
		padding:0;
	}
	#alexwenz h4 a:hover { 
		background: 	transparent url(/_elements/images/alexwenz_f2.gif) no-repeat;
		display: 		block;
		width: 			120px;
		height: 		50px;	
		margin:0;
		padding:0;
	}
	#alexwenz h4 span{
		display: none;
	}
	#copyright {
		position:absolute;
		width:250px;
		left:25px;
		top:29px;
		height:24px;
		text-align:left;
		line-height:24px;
		font-size:9px;
		color: white;
	}
	#footerNavi {
		position:absolute;
		top:29px;
		width:450px;
		height:24px;
		text-align:left;
		font-size:10px;
		left:313px;
		line-height:24px;
		color: rgb(182,180,180)!important;
	}
	#footerNavi a, #footerNavi a:visited{
		color:rgb(142,140,140);
		text-decoration:none;
	}
	#footerNavi a:hover{
		color:rgb(82,80,80);
	}

/* Elemente in Containern - FOOTER END*/


p, p *, dl, dd, dt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(100,98,98);
	line-height: 135%;
	margin:0;
}
p {
	padding:0 0 0 10px;
}
#content a{
	text-decoration:none;
	margin:0;
	padding:0;
	color:rgb(255,149,7);
}
em {
	padding:0;
	margin:0;
}
#content a:hover{
	text-decoration:underline;
}

#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size:12px;
	color:rgb(84,82,82);
	padding:0 0 0 10px;
	margin-bottom:4px;
	/*background-color:rgb(238,238,238);*/
	line-height:24px;
}
#content h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(164,162,162);
	line-height: 135%;
	padding:0 0 4px 10px;
	margin:0 0 0 0;
}
#content h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: rgb(164,162,162);
	line-height: 135%;
	padding:0 0 0 0;
	margin:1.5em 0 0 -1px;
}
#content h4 {
	font-family: Tahoma, Arial, Helvetica, sans-serif!important;
	font-size:11px;
	color:rgb(164,162,162);
	padding:0 0 14px 16px;
	margin:0 0 0 -16px;
	font-weight:normal;
	background: transparent url(/_elements/images/h4_pre.gif) no-repeat 0px 6px;
}
#content h4 a{
	font-family: Tahoma, Arial, Helvetica, sans-serif!important;
	font-size:11px;
	color:rgb(164,162,162);
	padding:0 0 14px 16px;
	margin:0 0 0 -16px;
	font-weight:normal;
}
#content img {
	margin:0;
	padding:0;
	border:none;
}
#content ul {
	font-size:11px;
	margin:0.5em 0 0 0;
	list-style:none;
	color: rgb(100,98,98);
}
#content li{
	background: transparent url(/_elements/images/bullet_li.gif) no-repeat 10px 0.9em;
	padding: 0.4em 0 0 2.25em;
	line-height:135%;
}
hr {
display:none;
}
acronym{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
	cursor: help;
}
.label {
display:none;
}



div.hr{
	background: transparent url(/_elements/images/line.gif) repeat-x;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin: 20px 0 10px 0;
	width:400px;
}
#content table p {
	margin: 0 0 0.3em 0;
}
/* Formulardefinitionen */
form, input, select, label, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0;
	margin:0;
}

#content label {
	width: 80px;
	float: left;
	color: rgb(142,140,140);
	line-height: 18px;
	margin: 6px 0 0 10px!important;
	padding:1px 0 0 0;
}
#content label.error{
	color: rgb(250,94,0)!important;
}
.textfeld {
	background-color : rgb(247,246,246);;
	border : 1px dotted rgb(228,227,227);
	width: 294px;
	color: rgb(255,149,7);
	padding:1px 0 0 3px;
	height:16px;
	margin: 7px 0 3px 0!important;
}
.textbox {
	background-color : rgb(247,246,246);;
	border : 1px dotted rgb(228,227,227);
	width: 300px;
	color: rgb(255,149,7);
	padding:1px 0 0 3px;
	margin: 6px 0 0 0!important;
}
.submit{
	color: rgb(255,149,7);
	background-color : rgb(247,246,246);
	border : 1px dotted rgb(228,227,227);
	padding: 1px 2px 1px 2px;
}

/* Elemente im Content-Bereich */