/*  
pcom - Internet Dienste e.K.
*/
 
/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,p {
	margin:0;
	padding:0;
}

/*Structured layout mainpage*/

body {
	font-size:14px;
	/*font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;*/
	font-family:verdana,arial,sans-serif;
	line-height:18px;
	position:relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
}

.wrap_all { /*only needed if using big background images like in theme 5*/
	width:100%;
	position:relative;
	display:table;
}

#top {
	width:960px;	
	margin:0 auto;
	position:relative;
}

/*****************************
1.) #head
/****************************/	
	#head {
		height:128px;
		position:relative;
		z-index:10;
	}
	
		a.webmail {
			color:#747474;
			text-decoration:none;
			font-size:13px;
			font-weight:bold;
			display:block;
			width:150px;
			padding:20px 0 0 17px;
		}
	
	a.webmail:hover {
			color:#ED2790;
			text-decoration:underline;
		}
		
		div.logo, div.logo a {
			display:block;
			height:120px;
			width:229px;
			position:absolute;
			right:20px;
			top:27px;
		}
			
		div.logo span {
			color:#282828;
			font-size:13px !important;
			display:inline-block;
			margin:65px 0 0 20px;
			font-weight:bold;
		}
				
			#top .logo a {
				top:0;
				right:0;
				text-indent:-9999px;
				outline:none;
			}
/*****************************
2.) #main
/****************************/		
			#main {
				position:relative;
				padding-top:45px;
				float:left;
			}
/*****************************
3.) #mainpage image slider
/****************************/	
				#featured {
					height:365px;
					margin-bottom:25px;
					position:relative;
				}
				
					.featured_item {
						height:350px;
						margin:0 auto;
						position:relative;
						top:-35px;
						width:940px;
						overflow:hidden;
						display:none;
					}
						
					#top .current {
						display:block;
					}
						
						.featured_text {
							letter-spacing:0.4px;
							left:30px;
							line-height:26px;
							position:relative;
							top:30px;
							width:332px;
							z-index:2;
						}
							
								#featured .entry {
									margin-bottom:8px;
									height:242px;
									overflow:hidden;
									border-bottom:none;
									padding-bottom:0;
								}
								
						.featured_image {
							height:350px;
							position:absolute;
							right:0;
							top:0;
							width:940px;
							overflow:hidden;
						}
								
						.featured_image img {
							position:absolute;
							right:0;
							top:0;
						}
				
						.featured_image object {
							position:absolute;
							right:0;
							top:0;
						}

				#featured_bottom {
					position:absolute;
					height:60px;
					bottom:-10px;
					width:100%;
				}

						.ticker {
							font-size:11px;
							margin:18px 15px 0 39px;
							width:450px;
						}
						
						.ticker, .ticker a {
							text-decoration:none;
						}
							
						.ticker span {display:none;}
							
						.ticker .active_ticker{display:block;}	
								
						.preview_images {
							height:60px;
							line-height:60px;
							position:absolute;
							right:39px;
							top:10px;
						}
								
						.preview_images a img {
							padding:1px;
						}
							
						.preview_images a {
							outline:none;
							display:block;
							position:relative;
							margin-right:5px;
							float:left;
						}
								
						.pointer {
							height:13px;
							left:18px;
							position:absolute;
							top:37px;
							width:13px;
						}
/*****************************
4.) breadcrumb navigation
/****************************/	
			.breadcrumb {
				font-size:11px;
				left:40px;
				position:absolute;
				bottom:-49px;
				z-index:5;
			}
				
				.breadcrumb a {
					text-decoration:none;
				}
							
				.breadcrumb a:hover {
					text-decoration:underline;
				}
/*****************************
5.) content area below slider and on subpages
/****************************/	
			.content_top {
				height:30px;
				padding:0 10px;
				width:940px;
				float:left;
			}	
				
			#content {
				float:left;
				padding:0 10px;
				position:relative;
				width:940px;
			}
					
					#sidebar {
						float:left;
						padding:0 0 15px 50px;
						position:relative;
						width:265px;
						overflow:hidden;
					}
					
						#top #sidebar .small_box {
							padding:0 0 15px 0;
						}
/*****************************
6.) Portfolio Page (no sidebar)
/****************************/	
					#inner_content_big {
						float:left;
						width:880px;
						padding:0 0 15px 30px;
						position:relative;
					}
							
						.entry_portfolio {
							padding-bottom:30px;
							clear:both;
							float:left;
							width:100%;
							position:relative;
						}
								
							.entry_portfolio p {
								font-style:italic;
							}
						
							.portfolio_item {
								height:132px;
								overflow:hidden;
								padding:5px;
								position:relative;
								width:250px;
							}
								
							#top .portfolio_item h3 {	
								position:absolute;
								bottom:13px;
								left:0;
								border:none;
								padding:0;
								margin:0;
								line-height:1em;
							}
							
							#top #main .portfolio_item h3 a {
								padding:4px 8px;
								font-size:12px;
								display:inline;
								height:auto;
								width:auto;
								overflow:auto;
							}
							
							.portfolio_item a {
								display:block;
								overflow:hidden;
								width:250px;
								height:132px;
							}

							#top .portfolio_item img, #top .portfolio_item a img {
								border:none;
								padding:0 !important; /*ie 6 fix fix =)*/
								margin:0;
							}
/*****************************
7.)pages with sidebar
/****************************/
					#inner_content, .inner_content {
						float:left;
						width:570px;
						padding:0 0 15px 30px;
						position:relative;
					}
					
					#top .portfolio_inner_content {
						width:100%;
					}
						
					#inner_content .entry {
						width:570px;
					}
					
						.entry {
							clear:both;
							margin-bottom:28px;
							overflow:hidden;
							padding-bottom:20px;
							position:relative;
						}
						
						.entry-head {
							position:relative;
							top:-3px;
							margin-bottom:20px;
							font-size:11px;
						}
						
							.categories, .comments, .entry-head a, .more-link, #top .portfolio_item h3 a {
								text-decoration:none;
								padding:2px 0;
							}
							
								#top .entry-head a, .more-link {
									padding:2px 4px;	
								}

								.date {
									padding:2px 4px;
								}
					
					#inner_content .entry p.preise {
						display:block;
						padding:6px 3px 6px 3px;
						/*background:#C3E6F0;
						border-top:2px solid #2B87A2;
						border-bottom:2px solid #2B87A2;*/
						background:#F9F9F9;
						border-top:2px solid #E6E5E6;
						border-bottom:2px solid #E6E5E6;
						font-size:12px;
						margin-bottom:20px;
						font-weight:normal;
					}
					
					#inner_content .entry p.preise span {
						float:left;
					}
					
					#inner_content .entry p.preise strong, #inner_content .entry p.preise em {
						font-style:normal;
						font-weight:normal;
						display:inline-block;
						float:right;
						margin-right:10px;
						text-align:right;
					}
					
					#inner_content .entry p.preise em {
						/*color:#2B87A2;*/
					}
				
					#subpage #content {
						padding:20px 10px 0;
					}
					
					a.weiter {
						color:#ED2790;
						padding-left:15px;
						background:transparent url(images/icon-weiter-link.gif) 0% 50% no-repeat;
					}
/*****************************
7.) Small Boxes and Sidebar "Widgets"
/****************************/
							.small_box {
								float:left;
								padding:0 0 15px 50px;
								position:relative;
								width:260px;
							}
						
							#top .box1 {
								padding:0 0 15px 30px;
							}
							
							#content .small_box h3 a, #sidebar .small_box .page_item  a{
								color:#666666 !important;
							}
							
							#content .small_box a {
								color:#ED2790;
							}
							
							.small_box h3 {
								margin:0 0 5px;
							}

							.small_box img {
								padding:5px 0 !important;
								padding:0;/*ie6 fix for png elemnts needs this*/
							}
								
							.widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a {
								padding:5px 5px 5px 30px;
								display:block;
								text-decoration:none;
								width:250px; /*change if sidebarwidth changes*/
								background:transparent url(images/sub-nav-icon2.png) 3% 50% no-repeat;
								font-size:14px;
							}
							
							#sidebar .small_box ul li.current_page_item {
								background:#f5f5f5 url(../images/sub-nav-icon2.png) 3% 50% no-repeat;
							}
							
							#sidebar .small_box ul li.current_page_item a {
								color:#000;
							}
							
							#sidebar .small_box ul li.current_page_item ul li {
								background:#EEEEEE url(../images/sub-nav-icon2.png) 3% 50% no-repeat;
							}
							
							#sidebar .small_box ul li.current_page_item ul li:hover {
								background:#f5f5f5 url(../images/sub-nav-icon2.png) 3% 50% no-repeat;
							}
							
							#sidebar .small_box ul li.current_page_item ul li a {
								padding:5px 5px 5px 60px;
								background:transparent url(images/sub-nav-icon2-gray.png) 13% 50% no-repeat;
							}
							
							#sidebar .small_box ul li ul li a {
								padding:5px 5px 5px 60px;
								background:none;
							}
							
							#sidebar .small_box ul li ul li {
								background:#EEEEEE url(images/sub-nav-icon2-gray.png) 15.5% 50% no-repeat;
							}
							
							#sidebar .small_box ul li ul li:hover {
								background:#f5f5f5 url(images/sub-nav-icon2-gray.png) 15.5% 50% no-repeat;
							}
							
							.navwrap #nav li.current_page_ancestor a {
								color:red;
							}
							
							/* uncomment this if you want sublevels with indents
							.small_box ul ul a {
								padding-left:25px;
								width:230px;
							}
								
							.small_box ul ul ul a {
								padding-left:45px;
								width:210px;
							}
								
							.small_box ul ul ul ul a {
								padding-left:65px;
								width:190px;
							}
							*/
							
							.widget_tag_cloud a {
								text-decoration: none;
								padding:0px 3px;
							}
							
							.widget_tag_cloud a:hover {
								text-decoration: underline;
								font-weight: bold;	
							}
							
							li.recentcomments a {
								text-decoration: none;
							}
							
							/*--------------------calendar--------------------*/
							#wp-calendar a, #wp-calendar a:visited {
								display:block;
								text-decoration:none;
								padding:0;
								border:none;
								width:auto;
							}
							
							#wp-calendar a:hover {
								display:block;
							}
							
							#wp-calendar {
								empty-cells: show;
								width:100%;
								text-align:center;
							}
							
							#wp-calendar #next a,#wp-calendar #prev a {
								text-decoration:none;
								display:block;
								border:none;
							}
							
							#wp-calendar #next a:hover,#wp-calendar #prev a:hover {
							}
							
							#wp-calendar caption {
								margin-bottom:5px;
							}

		#footer {
			clear:both;
			margin:0 0 40px 10px;
			padding:5px 5px 5px 5px;
			position:relative;
			font-size:10px;
			width:930px;
			height:200px;
			float:left;
			background:#747474;
		}
		
				.copyright {
					float:left;
					display:block;
				}
					
				.scroll-top {
					float:right;
					display:block;
				}

#footer .footer-box {
	float:left;
	height:178px;
	overflow:hidden;
	width:288px;
	margin-top:-5px;
	border-right:1px solid #8E8E8E;
	border-left:1px solid #5F5E5E;
	padding:20px 10px 0 10px;
	line-height:25px;
}

#footer .footer-box:first-child {
	border-left:none;
}

#footer .footer-box:last-child {
	border-right:none;
}

#footer .footer-box .ref-img-footer {
	margin:15px 0 0 10px;
}

#footer .footer-box .ref-img-footer h3 {
	color:#EAEAEA;
}

#footer .footer-box .ref-img-footer img {
	border:1px solid #EAEAEA;
	margin-top:5px;
	margin-left:10px;
}

#footer .footer-box a.imprint {
	color:#EAEAEA;
	font-size:14px;
	
}

#footer .footer-box span.imprint {
	color:#EAEAEA;
	font-size:14px;
	padding-left:15px;
}

#footer .footer-box a.cloud1 {
	font-size:13px;
	color:#F5F5F5;
	padding:2px;
}

#footer .footer-box a.cloud2 {
	font-size:16px;
	color:#F5F5F5;
	padding:2px;
}

#footer .footer-box a.cloud3 {
	font-size:19px;
	color:#F5F5F5;
	padding:2px;
	font-weight:bold;
}

#footer .footer-box a.cloud4 {
	font-size:25px;
	color:#F5F5F5;
	padding:2px;
	text-decoration:none;
}

#footer .footer-box a.cloud1:hover, #footer .footer-box a.cloud2:hover, #footer .footer-box a.cloud3:hover, #footer .footer-box a.cloud4:hover {
	background:#F5F5F5;
	color:#747474;
	text-decoration:none;
}

#footer .footer-box #searchform {
	margin:0 0 0 0;
}	

#footer .footer-box #searchform #s {
	width:160px !important;
	margin-left:10px;
}

#footer .footer-box #searchform #searchsubmit {
	margin-left:5px;
	width:70px !important;
	text-align:center;
	padding:4px 0 4px 0;
}
/*****************************
#Single page comments	
/****************************/
textarea {
	width:538px;
	padding:10px;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
}
	
#commentform {
	padding-bottom:20px;
}
	
#top .commententry li, #top .commententry ul, #top .commententry ol {
	border:none;
}

#top .commentlist, #top .commentlist li {
	clear:both;
	position:relative;
	list-style-type:none;
	padding:10px 0px 0px 25px;
	background-image:none;
	margin-bottom:10px;
}
	
#respond {
	clear:both;
	margin:20px 0 0 0;
	width:100%;
}
	
#comment, fieldset textarea {
	height:150px;
	padding:5px;
	width:97%;
	line-height:24px;
}
#commentform p, fieldset p {
	padding:2px 0;
	clear:both;
}	
	
#commentform input {
	padding:5px;
}
	
.commentlist li h3 {
	float:left;
}

.commentlist .says {
	display:none;
}

.commentlist .avatar {
	border:1px solid #DDDDDD;
	left:-25px;
	padding:3px;
	position:absolute;
	top:14px;
	z-index:3;
}
	
.commentlist .commentmetadata {
	font-size:11px;	
}
	
.commentlist .commentmetadata a {
	position:relative;
	font-size: 10px;
	color:#888;
	text-decoration: none;
	line-height: 10px;
	top:-5px;
}
	
.reply {
	font-size:11px;
	left:-19px;
	position:absolute;
	top:53px;
}
	
.fn {
	font-weight:bold;
	font-style:normal;
	font-size: 13px;
}
	
.fn a {
	text-decoration: none;
}

.reply a {
	text-decoration:none;
}

.reply a:hover {
	text-decoration:underline;
}
	
.comment_nav {
	float:left;
	height:38px;
	padding:0 0 15px 50px;
	width:508px;
}
	
.comment_nav a {
	text-decoration:none;
	cursor:pointer;
}
	
.comment_next {float:right;}

.comment_prev {float:left;}

.commentlist .children {
	padding-left:20px;
	padding-bottom:0;
}

#top .children li {
	padding-right:0;
}

#top #cancel-comment-reply-link {
	float:right;
	height:26px;
	line-height:26px;
	margin-right:1px;
	position:relative;
	right:14px;
	text-decoration:none;
}
	
.advancedlink {
	line-height:28px;
}

.fullwidth {
	width:558px;
}
/* ---------------------- Pagination -------------------*/
.pagination {
	clear:both;
	display:block;
	float:left;
	padding:0 0 20px 0px;
	position:relative;
	z-index:3;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	margin: 2px 2px 2px 0;
	display:block;
	padding:3px 6px;
	text-decoration:none;
}

.pagination .current {
	font-size:11px;
	padding:3px 6px;
}
/*****************************
#basic & common styles	
/****************************/
h1 a, h2 a, h3 a, h4 a, h5 a h6 a {
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}
	
a img {
	border:none;
}
	
p { padding: 0 0 1em 0}


ul, ol {
	/*list-style-position:outside;*/
	margin-left:20px;
}
	
#sidebar ul, #sidebar ol {
	margin-left:0px;
}
	
#sidebar li {
	list-style-type:none;	
}
	
h1,h2,h3,h4,h5,h6, legend {
	font-weight:normal;
	padding-bottom:5px;
	line-height:1.4em;
}

.entry h3 {
	padding-bottom:15px;
}
/*
.entry h3 + p {
	padding-left:10px;
}

.entry p > a {
	padding-left:10px;
}*/
	
h1 {
	clear:both; font-size:32px;font-weight:bold;
}

h2 {
	font-size:22px; clear:both;
}

h3, legend {
	font-size:18px; clear:both;
}

h4 {font-size:16px; clear:both;}

h5 {font-size:14px; clear:both;}

h6 {font-size:13px; clear:both;}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
} 
	
h2.rss1 {
	padding:1px 0 0 30px;
	margin:15px 0 15px 0;
	background:transparent url(images/icon-rss1.jpg) left center no-repeat;
}

h2.rss2 {
	/*border-top:1px solid #dddddd;*/
	padding:20px 0 0 60px;
	margin:15px 0 10px 0;
	height:50px;
	/*background:transparent url(images/icon-rss2.png) left center no-repeat;*/
	background:transparent url(images/icon-rss3.png) 0% 50% no-repeat;
}

#sidebar .rss ul li {
	list-style-type:disc;
	margin:5px 0 5px 18px;
}
	
#sidebar .rss ul li a {
	font-size:12px;
	text-decoration:none;
	color:#333333 !important;
	background:none !important;
	padding-left:0 !important;
	line-height:15px !important;
	border-bottom:0 !important;
}

#sidebar .rss ul li a:hover {
	text-decoration:underline;
}

#featured h2 {
	margin-bottom:8px;
	padding-bottom:8px;
}	
	
#inner_content h1, #inner_content h1 a, #inner_content_big h1, #inner_content_big h1 a, 
#inner_content h2, #inner_content h2 a, #inner_content_big h2, #inner_content_big h2 a {
	font-size:25px;
	padding-bottom:15px;
}

blockquote p {
	padding:11px 0px;
}
	
blockquote {
	margin:0 0 22px 5px;
	padding:0 15px;
}
	
.floatleft {
	float:left;
}

.floatright {
	float:right;
}
	
.clearboth {
	clear:both;
}
	
.alignleft {
	float:left;
	margin:0px 15px 15px 0pt;
}

.alignright {
	float:right;
	margin:0px 0pt 15px 15px;
}

.aligncenter {
	clear:both;
	display:block;
	margin:10px auto;
	padding: 10px 0;
}

#top .wp-smiley {
	border:none;
	padding:0;
}
	
.meta {
	display:block;
	position:relative;
	top:3px;
	font-size:11px;
	line-height:14px;
	min-height:14px;
}
	
.read-more, .show-next {
	display:block;
	font-size:11px;
	font-weight:bold;
	height:41px;
	left:-2px;
	line-height:41px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:165px;
}

#top .show-next {
	bottom:0;
	left:165px;
	position:absolute;
}
	
.read-more:hover, .show-next:hover {
}
	
.entry ul {
	list-style-type:disc !important;
	list-style-position:outside !important;
	padding:0 0 20px 0;
}

.entry ol {
	list-style-position:outside !important;
	padding:0 0 20px 0;
}

#top .entry ol {
	list-style-type:decimal;
}

.entry li {
	padding:0 10px 0 20px;
	/*background:transparent url(images/icon-aufzaehlung.jpg) 0% 50% no-repeat;*/
}

.entry .entry-content ul {
	list-style-type:disc;
	list-style-position:outside !important;
	margin:10px 0 10px 30px;
}

.entry .entry-content li {
	line-height:18px;
	padding-left:5px;
}

/**** Referenzen Bilder ****/

.entry .entry-content .refimg {
	padding:2px;
	border:1px solid #ccc;
	background:#fff;
	margin:15px 0 0 15px;
}

.entry .entry-content .refimg:hover {
	border:1px solid #ED2790;
}

.entry .entry-content .ref-hr {
	border:none;
	height:1px;
	background:#bbb;
	margin:20px 0 30px 0;
}

.entry .entry-content h1.ref-img {
	padding-left:110px;
	background:transparent url(img-ref-webdesign/logo-typo3.gif) 0% 12% no-repeat;
	
}

/**** Referenzen Bilder ****/

blockquote {
	font-size:13px;
	font-style:italic;
	margin:0 0 20px;
	padding:10px 20px 10px 41px;
}

/*CONTACT FORM*/	

#searchsubmit, #send, #top #submit {
	cursor:pointer;
}

#s, .text_input, .text_area {
	padding:5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
	width:200px;
	font-size:11.5px;
}

#sidebar #s {
	width:155px !important; /*ie6fix*/
	width:125px;
}

#top #searchsubmit, #top  #send, #top  #submit {
	padding:4px 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, sans-serif;
	font-size:11.5px;
}

.hidden {
	display:none;
}

#commentform {
	padding-bottom:20px;
}

fieldset {
	border:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

fieldset label {
	padding-left:7px;
}

.blocklabel {
	display:block;
	padding:10px 0 0 0;
}

#top .text_area {
	width:450px;
}
	
.corner_left, .corner_right {
	position:absolute;
	top:0;
	height:5px;
	width:5px;
	z-index:6;
	left:0;
}
	
#top .corner_right {
	left:935px;
}
/*navigation*/
.navwrap {
	height:50px;
	left:5px;
	line-height:50px;
	padding-right:18px;
	position:absolute;
	top:50px;
	font-size:12px;
	z-index:6;
}

#top #nav {
	float:left;
	height:50px;
	line-height:50px;
	padding-left:13px;
}

#nav, #nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:50px; 
	z-index:5;
}

#top #nav a {
	height:33px;
	display:block;
	padding:0 21px;
	text-decoration:none;
	text-align:center;
	line-height:28px; 
	outline:none;
	z-index:35;
	position:relative;
	float:left;
}

#top #nav ul a {
	line-height:33px; 
}

#top #nav li {
	float:left;
	position:relative;
	z-index:20;
	margin-top:11px;
}

#top #nav li li {
	border-left:none;
	margin-top:0;
}

#top #nav li.current_page_parent a, #top #nav li li.current_page_ancestor {
	color:#555555;
}

#top #nav ul {
	position:absolute;
	display:none;
	width:172px;
	top:33px;
	left:-1px;
}

#top #nav li ul a {
	width:130px;
	height:auto;
	float:left;
	text-align:left;
	padding:0 21px;
}

#top #nav ul ul {
	top:auto;
	border-top:none;
}	

#top #nav li ul ul {
	left:172px;
	top:0px;
}

#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul {
  	display:none;	
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul {
	display:block;
}

#lightbox-overlay #lightbox-overlay-text #lightbox-overlay-text-about {
	display:none;
}