/*  
Theme Name: OpenAir for Magento
Description: A cooperate style theme.
Version: 1.0.0
Tags: Clean, Cooperate, Multi Column
Copyright: Ecommerce-Extensions.com
Author: Ecommerce-Extensions.com & WooThemes.com
*/


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:0; padding:0;
	background:#f2f2f2;
}

img {
	border:0;
}

blockquote {
	margin:0 auto; padding:0 15px;
	width:80%;
	background:#f0f4f7;
	border:1px solid #d9e4ef;
}


/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
	display:none;
	float:left;
}

	.post-content h1 {
		display:block; float:none;
		font:bold 2.00em Arial, Helvetica, sans-serif; color:#484a4b;
	}
	
	h1.comments-title {
		margin:0 0 0 160px; padding:15px 0 0 0;
		display:block; float:none;
		font:2.50em Arial; color:#484a4b;
	}

h2 {
	margin:0 0 20px 0; padding:0;
	font:2.50em Arial; color:#464442;
}

	.post-content h2 {
		font:bold 1.50em Arial, Helvetica, sans-serif; color:#484a4b;
	}
	
	.post-content h2.title {
		font:bold 2.50em Arial, Helvetica, sans-serif; color:#484a4b;
	}

	h2.featured {
		margin:0; padding:0;
		width:auto; height:auto;
		font:bold 2.50em Arial, Helvetica, sans-serif; color:#d9eff7;
	}

	h2.breadcrumb {
		margin:0; padding:0;
		width:auto; height:auto;
		font:bold 1.20em Arial, Helvetica, sans-serif; color:#d9eff7;
		float: left;
	}

	
	.featured-small h2 {
		display:block; line-height:104px;
	}

	.featured-breadcrumb h2 {
		display:block; line-height:30px;
	}


	
	h2.comments-title {
		margin:0 0 0 160px; padding:0 0 15px 0;
		display:block; float:none;
		font:.92em Arial; color:#484a4b;
	}
	
	h2.gray {
		margin:0;
		font-size:1.75em;
	}

h3 {
	margin:0; padding:0;
	font:normal 1.50em Arial, Helvetica, sans-serif; color:#bc4d10;
}

	.post-content h3 {
		font:bold 1.25em Arial, Helvetica, sans-serif; color:#484a4b;
	}

	.meta h3 {
		font-size:1.64em;
	}

h4 {
	font:1.17em Arial, Helvetica, sans-serif; color:#929ba3;
}

	.post-content h4 {
		font:bold 1.00em Arial, Helvetica, sans-serif; color:#484a4b;
		text-transform:uppercase;
	}

	h4.related-posts, h4.tags {
		font:1.27em Arial, Helvetica, sans-serif; color:#929ba3;
	}

h5 {
	margin:0 0 12px 0; padding:0 0 5px 0;
	font:2.0em Arial; color:#5c6a76;
/*	border-bottom:3px solid #f4f7f8;*/
}

	.post-content h5 {
		font:bold 1.00em Arial, Helvetica, sans-serif; color:#484a4b;
		margin:auto; padding:auto;
		border:0;
	}

a:link, a:active, a:visited {
	color:#2f4f73; text-decoration:none;
}
	
	h2 a:link, h2 a:active, h2 a:visited {

	}
	
		h2.featured a:link, h2.featured a:active, h2.featured a:visited {
			font:bold 1em Arial, Helvetica, sans-serif; color:#d9eff7;
		}

		h2.breadcrumb a:link, h2.breadcrumb a:active, h2.breadcrumb a:visited {
			font:bold 1em Arial, Helvetica, sans-serif; color:#d9eff7;
		}

	
	h3 a:link, h3 a:active, h3 a:visited {
		font:normal 1em Arial, Helvetica, sans-serif; color:#bc4d10;
	}
	
	#pages-list li a {
		font:normal 1em Arial; color:#d1dce7;
	}

	#cart-list li a {
		font:normal 1em Arial; color:#d1dce7;
	}
	
	a.rss:link, a.rss:active, a.rss:visited {
		margin:0; padding:0 0 0 20px;
		width:auto; height:16px;
		font:normal 0.92em Arial, Helvetica, sans-serif; color:#d1dce7;
		background:url(../images/rss.gif) no-repeat left;
		float:right;
	}
	
	a.twitter:link, a.twitter:active, a.twitter:visited {
		margin:0 0 30px 0; padding:0 0 0 50px;
		display:block;
		background:url(../images/twitter.gif)  no-repeat center left;
		color:#d9eff7; outline:0;
	}
	
	a.email:link, a.email:active, a.email:visited {
		margin:0 0 30px 0; padding:0 0 0 50px;
		display:block;
		background:url(../images/email.gif)  no-repeat center left;
		color:#d9eff7; outline:0;
	}
	
	a.rss-big:link, a.rss-big:active, a.rss-big:visited {
		margin:0; padding:0 0 0 50px;
		display:block;
		background:url(../images/rss-big.gif)  no-repeat center left;
		color:#d9eff7; outline:0;
	}
		
	#category-list li a {
		font:normal 1em Verdana, Arial, Helvetica, sans-serif; color:#708389;
	}
	
		#category-list li.active a {
			font:bold 1em Verdana, Arial, Helvetica, sans-serif; color:#517d8d;
		}

	.related_posts li a, .meta a {
		font:0.92em Arial, Helvetica, sans-serif; color:#748a9c;
	}
	
	#sidebar a, #sidebar {
		color:#9ca0a4; line-height:145%;
	}
	
		.recentcomments a {
			font-weight:bold;
		}

a:hover {
	text-decoration:underline;
}

	#pages-list li a:hover {
		color:#FFF;
	}

	#cart-list li a:hover {
		color:#FFF;
	}

	#category-list li a:hover {
		text-decoration:none; color:#517d8d;
	}	

	.meta a:hover {
		color:#2f5074;
	}
	
	.related-posts-list li a:hover {
		font:0.92em Arial, Helvetica, sans-serif; color:#2f5074;
	}
	
	a.twitter:hover, a.email:hover, a.rss-big:hover {
		color:#FFF;
	}

/* Styles */

.extrasmall {
	font-size:0.72em;
}

.small {
	font-size:0.92em;
}

.medium {
	font-size:1.08em;
}

.large {
	font-size:1.33em;
}

.arial {
	font-family:Arial, Helvetica, sans-serif;
}

.verdana {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.white {
	color:#FFF;
}

.gray, .gray a, h2.gray a {
	color:#71787b;
}

.lightgray, .lightgray a {
	color:#b2b5b6;
}

.orange, caption {
	color:#d94d00;
}

.grayblue, .grayblue a {
	color:#748a9c;
}

.darkblue, .darkblue a {
	color:#112842;
}

.darkgray, .darkgray a, th {
	color:#3a3c3e;
}

.bold {
	font-weight:bold;
}

.caption {
	font-style:italic;
}

.block {
	display:block;
}

.inline {
	display:inline;
}

.textright {
	text-align:right;
}

/* Misc. */
#pages-top {
	font:normal 1em Arial, Helvetica, sans-serif; color:#d1dce7;
}

.featured-norm{
	font:normal 1em Arial, Helvetica, sans-serif; color:#d9eff7; 
}

.featured-blog {
	font:1.17em Arial, Helvetica, sans-serif; color:#d9eff7;
	line-height:20px;
}

.meta {
	font:0.92em Arial, Helvetica, sans-serif; color:#676d72;
}

	.meta p {
		margin:0 0 3px 0; padding:0;
	}
	
.post-content p {
	line-height:20px;
}

.comment-content {
	font-family:Arial, Helvetica, sans-serif;
}
	
	.comment-content p {
		line-height:135%;
	}

#footer, a.woothemes-link:link, a.woothemes-link:active, a.woothemes-link:visited {
	font:normal 0.92em Arial, Helvetica, sans-serif; color:#a7a1a1;
}

.textfield {
	color:#b2b5b6; font:.92em Arial, Helvetica, sans-serif;
}

/* 02 - STRUCTURE
/* ----------------------------------------------*/

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.container {
	margin:0 auto; padding:0;
	width:941px; height:auto;
}

.left {
	float:left;
}

.right {
	float:right;
}


#pages-top {
	margin:0; padding:8px 0;
	width:auto; height:auto;
	background:#2c4a6c url(../images/pages-top.gif) repeat-x bottom center;
	border-bottom:1px solid #4e6d8e;
}
	
#header {
	margin:0; padding:0;
	width:auto; height:auto;
	background:#e1ebef url(../images/header.gif) repeat-x bottom center;
}

		
#categories {
	margin:0; padding:7px 0 0 0;
	width:auto; height:auto;
	background:#e3edf0 url(../images/categories.gif) repeat-x top center;
	border-top:1px solid #bdd3db;
}

		
#featured {
	margin:1px 0 0 0; padding:0;
	width:auto; height:auto;
	background:#79a6cb url(../images/featured.gif) repeat-x top center;
	border-bottom:1px solid #79a6cb;
}

#breadcrumb-nav {
	margin:1px 0 0 0; padding:0;
	width:auto; height:auto;
	background:#79a6cb url(../images/featured-small.gif) no-repeat top center;
	border-bottom:1px solid #79a6cb;
}


		
#wrapper {
	margin:0; padding:25px 0;
	width:auto; height:auto;
	background:#FFF url(../images/content.gif) repeat-x top center;
	border-top:6px solid #d1e1e7;
	border-bottom:1px solid #e6e6e6;
}
	
	#left-col {
		margin:0; padding:0;
		width:700px; height:auto;
		float:left;
	}
		
	#right-col {
		margin:0; padding:0;
		width:220px; height:auto;
		float:right;
	}
					
/* 03 - HEADER
/* ----------------------------------------------*/

a#buyme {
	background:transparent url(../images/buyme.png) no-repeat scroll 0 0;
	display:block;
	height:125px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	top:0;
	width:122px;
	border:none;
}

a#buyme:hover {
	background-position: 0 -135px;
}

#pages-list {
	margin:0; padding:0;
	width:auto; height:auto;
	list-style:none;
	float:left;
}
		
	#pages-list li, #pages-list li.blank {
		margin:0 8px 0 0px; padding:0 0 0 8px;
		width:auto; height:auto;
		float:left;
		background:url(../images/page-list-divider.gif) no-repeat center left;
	}
	
		#pages-list li.blank {
			background:none;
		}

#cart-list {
	margin:0; padding:0;
	width:auto; height:auto;
	list-style:none;
	float:right;
}
		
	#cart-list li, #cart-list li.blank {
		margin:0 0 0 8px; padding:0 0 0 8px;
		width:auto; height:auto;
		float:left;
		background:url(../images/page-list-divider.gif) no-repeat center left;
	}
	
		#cart-list li.blank a:link {
			background:none;
			color: #d1dce7;
		}

		#cart-list li.blank {
			background:none;
		}		

			
#subscribe {
	margin:0; padding:0;
	width:auto; height:auto;
	float:right;
}
		
#logo-back {
	margin:0; padding:0;
	width:auto; height:92px;
	background:url(../images/logo-back.gif) no-repeat bottom left;
}
		
	#logo-back img {
		margin:32px 0 0 0;
		float:left;
	}
			
#search {
	margin:33px 0 0 0;
	float:right;
	background:url(../images/search-bar.gif) repeat-x top center;
	width: 300px;
}	
	.search-form {
		margin:0; padding:0;
		height:33px; width:228px;
	}
					
	.search-box {
		margin:7px 10px 0 10px; padding:2px;
		width:168px; height:auto;
		background: transparent;
		font:1em Arial, Helvetica, sans-serif; color:#FFF;
		border:0; float:left; display:inline;
	}
			
	.search-button {
		margin:1px 0 0 0;
		width:71px; height:31px;
		float:right;
	}

.language-switcher { float:right; margin-top:5px; margin-left:60px; 
}
			
#category-list {
	margin:0; padding:0;
	width:auto; height:auto;
	list-style:none;
}
		
	#category-list li {
		margin:0 10px 0 0; padding:8px 15px;
		width:auto; height:auto;
		float:left;
	}
			
	#category-list li.current-cat {
		width:auto; height:auto;
		float:left;
		background:#d7e5e9;
		border-top:1px solid #d7e5e9;
	}
	
	#category-list li.current-cat, #category-list li:hover {
		background:#D7E5E9 none repeat scroll 0 0; 
	}	
	
	
/* 04 - FEATURED
/* ----------------------------------------------*/

.featured-norm {
	margin:0; padding:0;
	width:auto; height:auto;
	background:url(../images/featured-norm.gif) no-repeat top center;
}

.featured-blog {
	margin:0; padding:0;
	width:auto; height:auto;
	background:url(../images/featured-blog.gif) no-repeat top center;
}

.featured-small {
	margin:0; padding:0;
	width:auto; height:30px;
	background:url(../images/featured-small.gif) no-repeat top center;
}
	
	.featured-content {
		margin:0; padding:30px 0 0 0;
		width:335px; height:248px;
		float:left;
	}
	
	.featured-blog-content {
		margin:0; padding:30px 0 0 0;
		width:650px; height:210px;
		float:left;
	}
	
	.featured-preview {
		margin:27px 15px 0 0; padding:0;
		width:550px; height:auto;
		float:right; display:inline;
	}
	
	.featured-links {
		margin:30px 15px 0 0; padding:0;
		width:200px; height:auto;
		float:right; display:inline;
	}
	
/* 05 - LEFT COLUMN
/* ----------------------------------------------*/

.post-list, .post-list-last {
	margin:0; padding:0;
	list-style:none;
}

	.post-list-last {
		border-bottom:1px solid #d9e2e9;
	}
	
.post-list li.post, .post-list li.post-last, .post-list-last li.post, .post-list-last li.post-last, .post-list li.post-last-blank {
	margin:0; padding:0;
	border:1px solid #d9e2e9; border-width:1px 1px 0 0;
	background:url(../images/postback.gif) repeat-y;
}

	.post-list li.post-last, .post-list-last li.post-last, .post-list li.post-last-blank {
		border-bottom:1px solid #d9e2e9;
	}
	
	.post-list li.post-last-blank {
		background:none;
	}

	.post-list li.post-blank, .post-list-last li.post-blank {
		margin:0; padding:0;
		width:auto; height:auto;
		border:1px solid #d9e2e9; border-width:0 1px 0 0;
		background:none;
	}
			
	.meta {
		margin:0; padding:15px;
		width:129px; height:auto;
		background:#fafbfd url(../images/meta.gif) repeat-x top center;
		float:left; 
		border-left:1px solid #d9e2e9;
	}
					
		.related-posts, .tags, .tags-top, .comment-author {
			margin:10px -16px 0 -15px; padding:15px 15px 5px 15px;
			list-style:none;
			background:url(../images/related-posts.gif) no-repeat bottom right;
			position:relative; z-index:5; overflow:visible;
		}
		
			.related-posts, .tags-top {
				border-top:1px solid #d9e2e9;
			}
			
			.comment-author {
				margin:0 -16px 0 -15px; padding:0 15px 5px 15px;
			}
					
		.related_posts {
			margin:0; padding:0;
			width:auto; height:auto;
			list-style:none;
		}
					
			.related_posts li {
				margin:0 0 10px 0; padding:0;
			}
				
	.post-content {
		margin:0; padding:20px;
		width:498px; height:auto;
		float:right;
		border-left:1px solid #d9e2e9;
		background:#FFF;
	}
				
		.post-preview {
			margin:0 15px 5px 0;
		}
		
.post-list li.other-post-last, .post-list-last li.other-post-last {
	margin:0; padding:10px;
	width:212px; height:auto;
	float:left;
	border:1px solid #d9e2e9; border-width:1px 0 0 0;
}

.post-list li.other-post, .post-list-last li.other-post {
	margin:0; padding:10px;
	width:212px; height:auto;
	float:left;
	border:1px solid #d9e2e9; border-width:1px 1px 0 0;
}

.post-list li.archives, .post-list-last li.archives {
	margin:0; padding:30px 10px 10px 10px;
	width:98% !important; height:auto;
	float:left;
	border:1px solid #d9e2e9; border-width:1px 0 0 0;
}

	.other-posts-preview {
		margin:10px 0;
	}
	
.img-border {
	padding:2px;
	border:1px solid #c2c2c2;
}
	
.commentlist {
	margin:0; padding:0;
	list-style:none;
}

	.commentlist li {
		margin:0; padding:0;
		border-bottom:1px solid #e5e9ee;
		background:#fafbfd url(../images/postback.gif) repeat-y;
	}

		.comment-meta {
			margin:0; padding:15px;
			width:129px; height:100%;
			background:#fafbfd;
			float:left;
			border-left:1px solid #d9e2e9;
		}
		
		.comment-content {
			margin:0; padding:15px 20px;
			width:498px; height:auto;
			background:#FFF;
			float:right;
			border-left:1px solid #e5e9ee;
			min-height:40px;
			height:auto !important;
			height:40px;
		}
		
		
.comment-form-left {
	margin:0; padding:0;
	width:170px; height:auto;
	float:left;
}

.comment-form-right {
	margin:0; padding:0;
	width:285px; height:auto;
	float:right;
}

		.textfield {
			margin:8px 0 0 0; padding:5px;
			background:#FFF;
			border:1px solid #e5e9ee;
		}
		
		.button {
			margin:0; padding:4px 6px;
			background:#2b4869 url(../images/button.gif) repeat-x;
			border:1px solid #2b4869;
			font:bold 0.92em Arial, Helvetica, sans-serif; color:#FFF;
		}
		
		
/* 06 - RIGHT COLUMN
/* ----------------------------------------------*/

#sidebar {
	margin:0; padding:0;
	list-style:none;
}

	#sidebar li {
		margin:0 0 28px 0;
	}
	
		#sidebar li ul {
			margin:0; padding:0;
			list-style:none;
		}
		
			#sidebar li ul li {
				margin:5px 0; padding:0;
				width:auto; height:auto;
			}
		
			#sidebar li ul li.popular {
				margin:15px 0 0 0; padding:0 0 5px 0;
				width:auto; height:auto;
				background:url(../images/dash.gif) repeat-x bottom center;
			}
				
			#sidebar li ul.flickr-photos img {
				margin:3px;
				float:left;
			}
	
/* 00 - FOOTER
/* ----------------------------------------------*/

#footer {
	margin:0; padding:0;
}

.copyright {
	margin:auto; padding:20px 0;
	float:left;
}

.eethemes {
	margin:auto; padding:20px 0;
	float:right;
}

	a.eethemes-link:link, a.eethemes-link:active, a.eethemes-link:visited {
		margin:0 0 -5px 0; padding:5px 95px 0 0;
		width:auto; height:22px; display:block;
		background:url(../images/eefooter.gif) no-repeat center right;
		float:right;
	}



ul#Navigation {
    
    float: left; width: 150px;
    margin-top:10px; padding: 0;
    border: 0px dashed silver;
   }
 


  div#Info {
    font-size: 0.9em;
    float: right; width: 115px;
     margin-top:10px; padding: 0;
    border: 0px dashed silver; background-color: #fff;
  }
  div#Info strong {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }

  div#Inhalt {
float: left;width: 150px;
     margin-top:10px;
    padding: 0 1em;
    border: 0px dashed silver;
  }
  div#Inhalt h1 {
    font-size: 1.5em;
    margin: 0 0 0.5em;
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
  div#Indes {
float: left;width: 80px;
     margin-top:10px;
    padding: 0 1em;
    border: 0px dashed silver;
  }



/*--------------------------------------*/
/*         ARTICLE LISTING             */
/*--------------------------------------*/
table.artListing {
	border:#CCCCCC solid 0px;
	border-left:#CCCCCC solid 1px;
	background:url(/images/listingBackGrey.jpg) no-repeat bottom left;
}

td.artTitel {
	font-size:14px;	
	padding-left:10px;
	height:22px;
}


.artCode {
	border:#CCCCCC solid 1px;
	color:#474747;	
	text-align:center;
	font-weight:bold;
	height:22px;	
	width:80px;
	font-size:10px;
}

div.articleNew {
	border:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 0px;
	border-left:#CCCCCC solid 0px;
	background-color:#FFFF00;
	color:red;	
	text-align:center;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;

}

.artLeerzelle {
	width:81px;	
}
.artDetails {
	border:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 0px;
	padding:5px;
	background-color:white;
}

.artAktionen {
	border-top:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	background-color:white;
	width:350px;
}

.artPreis {
	border:#CCCCCC solid 1px;
	
	background-color:white;
	text-align:right;
	font-weight:bold;
	width:80px;
	padding-right:3px;
}

p.artTrenner{
	font-size:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
}

.priceAktion {
	text-decoration:line-through;	
	color:red;
}

