/*
Theme Name: pr://ip Theme 2
Theme URI: http://www.pr-ip.de/
Description: Theme for pr://ip.
Version: 2.0
Author: Markus Bertling
Author URI: http://www.bertdesign.de/
*/

/* ----------------------------------------------------- reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,em,img,ins,q,s,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,iframe{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ----------------------------------------------------- 960.gs - 12 grids */
.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_11{padding-right:880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* ----------------------------------------------------- general */

.hide {position:absolute;left:-9999px}

html {
	background-color: #e0e0e0;
	font-family: Verdana, sans-serif;
	font-size: 100%;
}

body {
	color: #222;
}

.container_12 {
	background-color: #fff;
	border: 1px solid #999;
	border-top: 0;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 0px 30px #999;
	-webkit-box-shadow: 0px 0px 30px #999;
	box-shadow: 0px 0px 30px #999;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;

}

form {}
form fieldset {}
form fieldset legend {}
form input,
form textarea,
form button {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #666;
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
form input,
form textarea {
	margin: 5px 0 10px;
	padding: 5px;
	width: 90%;
}
form button {
	padding: 4px;
}
form input:hover,
form button:hover,
form textarea:hover {
	background-color: #e0e0e0;
	cursor:pointer;
}
form input:focus,
form textarea:focus {
	background-color: #f0f0f0;
	border-color: #9bcc00;
}

form button:hover {}
form button:focus {}
form button:active {
	background-color: #9bcc00;
	color: #fff;
}
form label {
	font-size: 0.75em;
}
form textarea {}
form textarea:hover {}
form textarea:focus {}

a {
	color:#9BCC00;
	text-decoration:none;
}
a:visited {
	color: #aaa;
}
a:hover,
a:focus {
	color: #666;
}
a:active {}

h1,h2,h3,h4,h5,h6 {
	color: #666;
}
h1 {
	font-size:2.25em;
	margin: 5px 0 10px;
}
h2 {
	font-size:1.5em;
	margin: 0 0 10px;
}
h3 {
	font-size:1.125em;
	margin: 0 0 10px;
}
h4,
h5,
h6 { font-size:0.875em;}
p,
ul,
ol {
	font-size: 0.875em;
	line-height:1.5em;
}
p + p,
p + ul,
p + ol,
ul + p,
ol + p,
div.wp-caption + p {
	margin-top: 1.5em;
}
li + li {
	margin-top: 0.5em;
}

blockquote {
	background-color: #e0e0e0;
	border-left: 3px solid #c0c0c0;
	margin: 0.5em 3em 0.5em 1em;
	padding: 0.5em;
}

abbr {border-bottom: 1px dotted #9BCC00;}
 
hr {border: 1px solid;clear:both;margin:1em 0}

iframe {
	background-color: #e0e0e0;
	border: 1px solid #9bcc00;
	padding: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 3px 3px 7px #aaa;
}

/* ----------------------------------------------------- header */
#header {
	height: 140px;
	margin-top: 60px;
}

#header a:hover {
	border-bottom: 0;
}

/* ----------------------------------------------------- nav */

#wrapper div.menu {
	background-color: #c0c0c0;
	background-color: rgba(192,192,192,0.8);
	border-bottom: 1px solid #999;
	float: left;
	margin: 0 0 10px;
	position: fixed;
	width: 960px;
	z-index: 100;
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow:0px 0px 7px #999;;
	box-shadow:0px 0px 7px #999;;
}

#nav {
	margin: 0 10px;
}
	#nav li {
		display: inline;
	}

		#nav li a {
			border-right: 1px solid #999;
			color: #111;
			display: block;
			float: left;
			font-size: 11px;
			line-height: 28px;
			padding: 5px;
			text-align: center;
			width: 65px;
		}
		#nav li.current_page_item a,
		#nav li.current_page_parent a,
		.newsroom #nav .page-item-552 a,
		.category-newsroom #nav .page-item-552 a {
			background-color: #fff;
			background-color: rgba(255,255,255,0.9);
		}
		.newsroom #nav li.current_page_parent a,
		.category-newsroom #nav li.current_page_parent a {
			background-color: transparent;
		}
		#nav li:first-child a {
			border-left: 1px solid #999;
		}

		#nav li a:before {
		}
		#nav li.page_item a:hover {
			background-color: #9bcc00;
			background-color: rgba(155,204,0,0.8);
		}

.menu form {
	border-right: 1px solid #999;
	line-height: 30px;
}
.menu form input#s {
	font-size: 11px;
	margin: 5px 0 6px;
	width: 70%;
}
.menu form button {
	font-size: 11px;
	line-height: 14px;
}
/* ----------------------------------------------------- content */

.text {
	min-height: 150px;
	height:auto !important;
	height: 150px;
	margin-bottom: 2em;
}
	.text h2 {
		font-size: 1.25em;
		line-height: 1.5em;
	}
	.text h2 a:visited {
		color: #9bcc00;
	}
	.text h2 a:hover {
		border-bottom: 0;
		color: #999;
	}

	.text .posterous_bookmarklet_entry * {
		margin: 1em 0;
	}
	.text .posterous_bookmarklet_entry + p {
		display: none;
	}
	.text .posterous_quote_citation {
		font-size: 12px;
	}
	.aside {
		background-color: #e0e0e0;
		border: 1px solid #999;
		font-size: 12px;
		margin-bottom: 1em;
		padding: 0.5em;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.aside h4 {
		border-bottom: 1px solid #666;
		color: #222;
		padding: 0.5em 0;
		line-height: 1.75em;
	}
	.aside ul {
		margin-top: 1em;
	}
	.aside a:visited {
		color: #9bcc00;
	}

.text h4 {
	margin: 1.5em 0 0.5em;
	padding: 0.5em 0;
}

	.image img {
		background-color: #e0e0e0;
		border: 1px solid #9bcc00;
		padding: 7px;
		-moz-border-radius: 5px;
		-moz-box-shadow: 3px 3px 7px #aaa;
	}


.text h2,
h3 {
	border-bottom: 1px solid #9bcc00;
	padding-bottom: 5px;
}

.text ul,
.text ol {
	list-style-position: outside;
	margin-left: 2em;
}
.text ul {list-style-type: circle}
.text ol {list-style-type: decimal;}

.listing ul li {
	border-bottom: 1px dashed #aaa;
	margin: 1em 0 0;
	padding: 0 0 1em;
}

ul#news li:last-child {
	border-bottom: 0;
}

.mitarbeiter {
	min-height: 400px;
	height:auto !important;
	height: 400px;
	text-align: center;
}
	.mitarbeiter h4 {
		padding-bottom: 5px;
	}
	.mitarbeiter img {
		background-color: #e0e0e0;
		border: 1px solid #9bcc00;
		margin: 5px auto;
		padding: 5px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 3px 3px 4px #aaa;
		-webkit-box-shadow: 3px 3px 4px #aaa;
		box-shadow: 3px 3px 4px #aaa;
	}
	.mitarbeiter p {
		font-size: 0.75em;
		text-align: left;
		padding: 10px;
	}

	#referenzen {
		height:100px;
		padding-top: 0;
		padding-bottom: 10px;
		position: relative;
	}

		#referenzen ul {
			padding: 0 20px;
		}
		#referenzen ul li {
			display:block;
			float:left;
		}
		#referenzen ul li a {
			border-bottom: 0;e
			display: block;
		}

			#referenzen ul li a img {
				border: 1px solid #fff;
				margin: 0 auto;
				padding: 15px;
				vertical-align: middle;
			}
			#referenzen ul li a:hover img {
				border-color: #7f7f7f;
				-moz-border-radius: 3px;
			}

.pagebar {
	border-top: 1px solid #7f7f7f;
	font-size: 0.75em;
	margin: 0.5em 0;
	padding: 1em 0;
}
	.pagebar a {
		border: 1px solid;
		margin: 2px;
		padding: 1px 3px;
	}
	.pagebar a:hover {
		background-color: #7f7f7f;
		border-color: #7f7f7f;
		color: #fff;
	}

.kontakt ul li {}
.kontakt .phone {
	background-image: url('img/telephone.png') 0 0 no-repeat;
}
.kontakt .mail {
	background-image: url('img/mail.png') 0 0 no-repeat;
}
.kontakt .twitter {
	background-image: url('img/twitter.png') 0 0 no-repeat;
}
.kontakt .xing {
	background-image: url('img/xing.png') 0 0 no-repeat;
}

/*--------------- Newsroom*/

.page-id-552 h3 {
	margin-top: 2em;
}

.presse {
	border: 1px solid #9bcc00;
	padding: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.presse h2 {
	font-size: 1em;
}
.presse h4 a:visited {
	color: #9bcc00;
}
.presse p {
	font-size: 0.75em;
	border-bottom: 1px solid #9bcc00;
	padding-bottom: 1em;
}
.presse p:last-child {
	border-bottom: 0;
}

.presse_aside {
	background-color: #fff;
	border: 1px solid #666;
	font-size: 12px;
	margin-bottom: 1em;
	padding: 0.5em;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.presse_aside h4 {
	border-bottom: 1px solid #666;
	color: #666;
	font-size: 1.25em;
	padding: 0.5em 0;
	line-height: 1.5em;
}

.presse_aside ul {
	margin-top: 1em;
}

.presse_aside li {
	line-height: 24px;
}
.presse_aside li a img {
	vertical-align: middle;
}
#flickr {
	margin-top: 1em;
}

.flickr_badge_image {
	display: inline;
}

#comments-form {
	margin: 1em 0;
}

#commentform .third {
	float: left;
	margin: 0;
	width: 32%;
}
#commentform #comment {
	width: 93%;
}

ol#comments {
	list-style-type: none;
	margin-left: 0;
}

.comment-meta {
	background-color: #e0e0e0;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	height: 50px;
	position: relative;
}
.comment-author {
	display: block;
	font-size: 14px;
	padding-top: 2px;
}
.comment-author a {border-bottom: 1px solid #f6f6f6}
.comment-author a:visited {color: #9bcc00}
.comment-author a:hover {border-bottom: 1px solid #666;color: #666;}
.comment-number {
	color: #ccc;
	font-size: 32px;
	font-style: italic;
	position: absolute;
	right: 5px;
	top: 25%;
}


.comment-date {
	color: #666;
	font-size: 12px;
}

.comment-meta img {
	float: left;
	margin: 5px 10px;
}
blockquote.comment-text {
	background-color: #fff;
	border:0;
	margin: 0;
	padding: 1em;
}

#trackbacks {
	color: #666;
	font-size: 0.75em;
	margin-left: 2em;
}
ol#trackbacks li a {color: #999}
ol#trackbacks li a:hover {color: #222}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.wp-caption {
	background-color: #e0e0e0;
	border: 1px solid #9bcc00;
	margin: 20px 10px 10px;
	padding-top: 5px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text,
.wp-caption dd.wp-caption-dd {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* ----------------------------------------------------- footer */

#footer {
	border-top: 1px solid #666;
	background-color: #eee;
	font-size: 0.8333333em;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 30px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
	#footer h4 {
		margin-bottom: 1em;
	}
	#footer ul {
		list-style-type: inside;
	}
	#footer ul li + li {
		margin-top: 0.5em;
	}
	#footer ul a {
		color: #222;
		font-size: 10px;
	}
	#footer ul a:visited {color:#222}
	#footer ul a:hover,
	#footer ul a:active,
	#footer ul a:focus {color: #9bcc00}
	#footer ul + h4 {
		margin-top: 2em;
	}

body > p {position: absolute;left:-9999px}
/* ----------------------------------------------------- JS enabled design*/
.js #referenzen {
	overflow: hidden;
}
	.js #referenzen ul {
		width: 9999px;	
	}
	.js .fade_left,
	.js .fade_right {
		background-image: url('img/fade.png');
		background-repeat: repeat-y;
		display: block;
		overflow: hidden;
		position: absolute;
		width: 75px;
		height: 100px;
		z-index: 99;
	}
	.js .fade_left {background-position: 0 0;left: 0;top: 0;}
	.js .fade_right {background-position: center right;right: 0;top: 0;}

.simply-scroll-container {position: relative}
.simply-scroll-clip {position: relative;overflow: hidden;z-index: 2}
.simply-scroll-list {position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;margin: 0;padding: 0;list-style: none}
.simply-scroll-list li {padding: 0;margin: 0;list-style: none}
.simply-scroll-list li img {border: none;display: block}
.simply-scroll {width: 940px;height: 100px;margin-bottom: 1em;}
.simply-scroll .simply-scroll-clip {width: 940px;height: 100px}
.simply-scroll .simply-scroll-list li {width: 220px;height: 100px;margin: 0 10px;}
