/**********************************************
 * CONECTO Business Communication GmbH        *
 * Project: CONECTO Blog            		  *
 * Type: screen                               *
 * Author: Alexander Dick <a.dick@conecto.at> *
 **********************************************/

@import url(default.css);

html {
	font-size: 100.01%;	
}

body {
	background: #fff url(images/body-bg.jpg) no-repeat center top;
	background-attachment: fixed;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	line-height: 1.8em;
	color: #4e4e58;
}

a,
a:visited {
	color: #4e4e58; 
	text-decoration: underline;
}
a:hover {
	color: #a4aab4; 
	text-decoration: none;
}

h1, h2, h3 {
	font-weight: normal;
}

td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
}

hr {
	visibility:hidden;
}

.clear {
	clear: both;
}

div#wrap {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 5px 0 5px;
}

	div#header {
		height: 102px;
		position: relative;
		background: url(images/header-bg.jpg) no-repeat left top; 
		z-index: 10; /* braucht der ie */
	}
	
	div#header a,
	div#subheader a {
		text-decoration: none;
		color: #a4aab4;
	}
	
		a#header-logo-link {
			width: 190px; 
			height: 30px;
			display: block; 
			position: absolute;
			top: 50px; 
			left: 40px;
		}
		div#header li {
			display: block;
			float: left;
		}
		ul#topnav {
			position: absolute; 
			top: 0; 
			right: 30px;
		}
			ul#topnav a {
				display: block;
				width: 30px;
				height: 40px;
				background: url(images/topnav-icons.gif) no-repeat left top;
				text-indent: -10000px;
			}
			ul#topnav a.topnav-home {
				background-position: 0 0;
			}
				ul#topnav a.topnav-home:hover,
				ul#topnav a.topnav-home.active {
					background-position: 0 -55px;
				}
			ul#topnav a.topnav-kontakt {
				background-position: -30px 0;
			}
				ul#topnav a.topnav-kontakt:hover,
				ul#topnav a.topnav-kontakt.active {
					background-position: -30px -55px;
				}
			
			ul#topnav a.topnav-impressum {
				background-position: -60px 0;
			}
				ul#topnav a.topnav-impressum:hover,
				ul#topnav a.topnav-impressum.active {
					background-position: -60px -55px;
				}
			
		ul#mainnav {
			position: absolute; 
			z-index: 10;
			bottom: -6px; 
			right: 30px;
			/*height: 220px; 
			 bottom: -170px;
			 */
		}
		
			ul#mainnav li {
				position: relative;
				padding-bottom: 16px;
			}
						
			ul#mainnav a {
				display: block;				
				height: 40px;
				line-height: 40px;
				padding: 0 20px;			
				font-size: 12px;
				white-space: nowrap;
			}
			ul#mainnav a:hover,
			ul#mainnav a.active {
				color: #fff;
				background: url(images/mainnav-hover-bg.gif) no-repeat center bottom;
			}
				
				/* 2. ebene */				
				ul#mainnav ul {
					display: none;
					position: absolute; 
					left: 1px;
					top: 55px;					
					padding-top: 5px;
				}
				
				ul#mainnav ul li {
					height: 22px; 
					line-height: 22px;
					/*background: #041117;*/
					background: transparent;
					float: none;					
					padding: 0;
				}
					
					ul#mainnav ul a {
						font-size: 11px;
						display: block; 
						height: 22px; 
						line-height: 22px;						
						text-align: center;						
						color: #fff;	
						padding: 0;						
						text-shadow: 0 0 6px #999, 0 0 6px #999, 1px 1px 4px #666;						 		
					}
					ul#mainnav ul a:hover {
						/*text-shadow: 0 0 16px #fff, 0 0 16px #fff, 1px 1px 2px #fff;
						 *
						 */
						text-shadow: 0 0 12px #eee, 0 0 12px #eee, 1px 1px 4px #666;	
					}
				
								
				ul#mainnav li:hover ul {
					display: block;
				}
					
				ul#mainnav ul a:hover,
				ul#mainnav li.current_page_item a {
					color: #fff;
					background: none;
				}
				
				
				
	
	div#subheader {
		height: 197px;
		position: relative;
		background: url(images/header-bg.jpg) no-repeat left bottom;
		margin-top: 5px;
		z-index: 1;
	}
		a#subheader-rss-link {
			display: block; 
			width: 110px; 
			height: 110px;
			position: absolute; 
			right: 0; 
			top: 0;
		}
		
		ul#worlds {
			position: absolute; 
			left: 5px;
			bottom: 5px;
		}
			ul#worlds li {
				float: left;				
				margin-right: 2px;
			}
			ul#worlds a {
				display: block;
				text-align: center;
				width: 315px;
				height: 20px;
				line-height: 20px;						
			}
			ul#worlds a:hover,
			ul#worlds a.active {
				color: #fff;
			}			
				
				ul#worlds a span {
					background: url(images/worlds-bullets.gif) no-repeat left top;
					padding-left: 10px;
				}
				
				ul#worlds a.world-werbung span {
					background-position: 0 -20px;
				}
				ul#worlds a.world-internet span {
					background-position: 0 -35px;
				}
				ul#worlds a.world-technik span {
					background-position: 0 -5px;
				}
	
	div#content-wrap {
		margin-top: 5px;
		background: #f8f8f8 url(images/content-bg.jpg) no-repeat left top;
		padding: 0 40px;
	}
		div#breadcrumb {
			border-bottom: 1px solid #dadadc;
			height: 22px; 
			line-height: 22px;
			padding-top: 15px;
			margin-bottom: 30px;
		}
			div#breadcrumb-text {
				width: 800px; 
				float: left;
			}
			div#breadcrumb a:hover {
				text-decoration: none;
				color: #4E4E58;
			}
			a#breadcrumb-print-link {
				float: right; 
				display: block; 
				width: 12px; 
				height: 12px;
				text-indent: -10000px;
				background: url(images/print-icon.gif) no-repeat left top;
				margin-top: 5px;
			}
			
		div#content {
			width: 560px;
			float: left;
		}
		div#sidebar {
			width: 236px;
			float: right;
			overflow: hidden;
		}
			div#sidebar-search {
				height: 41px;
				background: url(images/sidebar-search-bg.jpg) no-repeat left top;
				padding: 17px;
			}
			input#sidebar-search-term,
			input#s {
				border: 0;
				width: 165px; 
				height: 19px;
				float: left;
				padding: 5px 5px 0 5px;
				color: #adadad;
			}
			button#sidebar-search-button,
			input#searchsubmit {
				background: url(images/sidebar-search-button.gif) no-repeat left top;
				display: block; 
				float: left; 
				width: 25px; 
				height: 25px;
				border: 0; 
				text-indent: -10000px;
				padding: 0;
				cursor: pointer;
			}
			form#searchform label {
				display: none;	
			}
			
			.sidebar-item {
				padding-bottom: 27px;
				margin-bottom: 10px;
				background: url(images/sidebar-item-bg.jpg) no-repeat left bottom;
			}
			.sidebar-item li {

			}
			.sidebar-item h2 {
				height: 40px;
				line-height: 40px;
				background: url(images/sidebar-heading-bg.jpg) no-repeat left top;
				font-size: 16px;
				font-weight: bold;
				text-indent: 40px;
				color: #fff;
			}
			.sidebar-item li a {
				display: block; 
				/*height: 25px;*/
				line-height: 25px;
				border-bottom: 1px solid #d2d2d3;
				background: #ededee url(images/sidebar-item-bullet.gif) no-repeat 20px 11px;
				padding-left: 40px;
				color: #4e4e58;
				text-decoration: none !important;
			}
			.sidebar-item li a:hover,
			.sidebar-item .current-cat a {
				color: #adadad;
			}
		
	
	div#footer {
		height: 122px;
		background: url(images/footer-bg.jpg) no-repeat left top;
		position: relative;
		margin-top: 50px;
		color: #b6b6c8;
	}		
		div#footer-company,
		div#footer-contact,
		div#footer-links {
			position: absolute;
			top: 30px;
		}
		div#footer a {
			color: #b6b6c8;
		}
		div#footer-company {			
			left: 45px;
			width: 230px;
			height: 34px;
			padding: 2px 0 0 10px;
		}
		div#footer-contact {			
			left: 390px;
			width: 200px;
			height: 34px;
			padding-left: 10px;
		}
			div#footer-contact span {
				display: block; 
				height: 20px;
				line-height: 20px;
			}
			span#footer-contact-fax {
				margin-top: 1px;
			}
			
		div#footer-links {			
			right: 37px;
			width: 230px;
			height: 34px;
			padding: 2px 0 0 10px;
		}
			div#footer-links ul,
			div#footer-links li {
				display: inline;
			}
		div#footer-text {			
			position: absolute;
			left: 0;
			top: 95px;
			width: 100%;
			padding: 0;
			text-align: center;
		}
	
/**
 * Posts
 */
div.post {
	margin-bottom: 40px;
	clear: both;
}
	div.post-date {
		background: url(images/post-date-bg.gif) no-repeat left top;
		width: 60px; 
		height: 40px;
		float: left;
	}
	
	span.post-date-day,
	span.post-date-month {
		display: block;
		width: 40px;
		text-align: center;
	}	
	
	span.post-date-day {
		height: 27px; 
		line-height: 27px;	
		font-size: 14px;
		color: #a4aab4;		
	}
	
	span.post-date-month {
		height: 13px; 
		line-height: 13px;
		color: #a4aab4;
		font-size: 10px;		
	}
	
	div.post-headline {
		float: left;
		width: 500px;
		overflow: hidden;
	}
	
		div.page div.post-headline {
			width: 560px;
		}
	
		div.post-headline h1 {
			background: url(images/post-icons.gif) no-repeat 0 -130px;
			border-bottom: 1px solid #c5c5c5;
			padding: 0 0 4px 20px;	
			margin-bottom: 3px;
		}
		
		div.post-headline h1 a {
			color: #232427;
			font-size: 16px;
			text-decoration: none !important;
			font-weight: bold;
		}		
				
		div.cat-werbung h1 {
			background-position: 0 -42px;
		}
		
		div.cat-internet h1 {
			background-position: 0 -86px;
		}
		
		div.cat-technik h1 {
			background-position: 0 2px;
		}
		
		span.post-headline-date {
			color: #a4aab4;
			float: left;
		}
		
		span.post-headline-comments {
			float: right;
		}
		
		span.post-headline-comments a {
			text-decoration: none;
			background: url(images/post-comments.gif) no-repeat left center;
			padding-left: 15px;
		}
		
	div.post-text {
		padding-top: 15px;
		padding-left: 60px;
	}
	
	/* auf normalen seiten den inhalt nicht einrücken*/
	div.page div.post-text {
		padding-left: 0;
	}
	
		div.post-text p {
			margin-bottom: 15px;
		}
		
		div.post-text .alignleft {
			float: left;
		}
		
		div.post-text .wp-caption {
			margin-right: 10px;
			/*
			border: 5px solid #fff;
			*/
			background: #fff; 
			text-align: center;
			padding-top: 5px;
		}
			.wp-caption-text {
				margin: 0 !important;
			}
		
		div.post-text ul {
			margin: 0 0 20px 20px;
			list-style-type: square;
		}
		
	
	#commentform input, 
	#commentform select,
	#commentform textarea {
		background: #fff;
		padding: 2px;
		border: 1px solid #a5acb2;
	}
	#commentform input#author,
	#commentform input#email,
	#commentform input#url {
		margin-right: 10px;
	}
	div.post textarea {
		width: 456px;
		height: 120px;
	}
	#commentform input.submit {
		background: #e5e5e6 url(images/post-comments.gif) no-repeat 190px center;
		width: 462px;
		color: #4e4e58;		
		text-align: center;
		cursor: pointer;
		border: 0;
	}
		
	div.post-comment-form {
		padding: 0;
		margin-top: 0;
	}

		div.post-comment-form h2 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 10px;
		}

		div.post-comment-form p {
			margin: 0 0 10px 0;
		}
		
	div.post-comments {
		border-top: 1px solid #b8b8b9;				
		margin: 20px 0;
		padding-top: 20px;
		clear: both;
	}
	
		li.comment {
			padding-bottom: 20px;
		}
	
		li.comment-body {

		}
	
			div.comment-left-side {
				width: 100px; 
				float: left;
				color: #7f7f86;
			}

				div.comment-author {
					width: 80px;							
				}
				div.comment-meta {													
					
				}						
				
				div.comment-author img.avatar {
					border: 1px solid #dcdcde;
					background: #fff; 
					padding: 4px;
				}
				div.comment-author cite {
					display: block;
				}
			
			div.comment-right-side {
				float: right; 
				width: 460px;
			}
			
				div.comment-text {							
					background: #ededee;	
					position: relative;	
					color: #000;	
					padding: 5px;				
				}
					div.comment-text-inner {
						background: #fff;						
					}
				div.comment-text span.comment-text-arrow {
					display: block; 
					background: url(images/comment-bubble-arrow.gif) no-repeat left top;
					width: 17px;
					height: 11px;
					position: absolute; 
					left: -17px;
					top: 15px;
				}
				div.comment-text p {
					padding: 10px;
				}
		
		
/**
 * Widgets
 */	

div.wp_widget_authors li a {
	height: 60px;
	line-height: 60px;			
	padding-left: 10px;
	background: #ededee;	
}
div.wp_widget_authors li img {
	vertical-align: middle;
	margin-right: 10px;
}

/**
 * Gallery
 */
.gallery-icon img {
	border: 5px solid #fff !important;
}

.col-1,
.col-2, 
.col-3,
.col-4,
.col-5,
.col-6 {
	width: 25% !important;
}

img.alignnone,
img.alignleft,
img.aligncenter {
	border: 5px solid #fff; 	
} 

img.alignleft {
	margin: 0 15px 0 0;
}