/*
Theme Name: Hoehn Communications
Theme URI: http://www.pixelithe.de/
Description: Individuelles Portfolio-Theme fuer Hoehn Communications.
Version: 1.0
Author: Anja Kretzer
*/
/* RESET Code from http://developer.yahoo.com/yui/reset/#code */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0; }
 
table {
	border-collapse: collapse;
	border-spacing: 0; }
 
fieldset,img { border: 0; }
 
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal; }
 
ol,ul { list-style: none; }
 
caption,th { text-align: left; }
 
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal; }
 
q:before,q:after { content: ''; }
 
abbr,acronym { border: 0; }
 
/*END RESET CODE */

/*TEST fuer oben haengendes Bild in IE */
.reflect {margin-top:15px;}
/*------------- Verwandte Posts ddop plugin ---------------------- */
#ddop {
	text-align: left;
	width: 350px;
	padding-left:9px;
	}
 
	#ddop h6 {
		color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 0px;
		margin-top: 0px; }
 
	#ddop ul {
		list-style-type: none;
		margin-top: 3px;
		}
		
		#ddop ul li {
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		}
 
		#ddop ul li a {
			color: #505197;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			display:inline-block;
			text-decoration: underline; }
 
			#ddop ul li a:hover { color:#7879bb; }
/*------------- Verwandte Posts ddop plugin ---------------------- */			

/*FACEBOOK BOX STYLING*/
.fbConnectWidgetTopmost {
	border:none;
}

.fan_box .full_widget {
border:none;
}

.connect_top {
background-color:#ffffff;
}

.fan_box .connections {
	border:none;
}

.fan_box .full_widget .connect_top {
background-color:transparent;
}

/*ENDE FACEBOOK BOX STYLINE*/

.clear { clear: both; } 
.clearboth { clear: both; }
 
body {
	background-color: #FFFFFF;
	background-image: url(pics/body_bg.jpg);
	background-repeat: repeat-x;
	text-align: center; }
 
	body.page {
		background-image: url(pics/page_bg.jpg);
		background-repeat: repeat-x; }
 
#container {
	margin: 0 auto;
	text-align: left;
	width: 960px; }
 
#top {
	height: 20px;
	width: 960px; }
 
#head {
	height: 140px;
	width: 100%; }
 
#logo {
	background-image: url(pics/hoehn_logo.png);
	float: left;
	height: 92px;
	margin-top: 10px;
	width: 186px; }
 
#hormenu {
	float: right;
	height: 130px;
	margin-top: 10px;
	width: 650px; }
 
#buehne {
	background-image: url(pics/buehne_bg.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 100%; 
	overflow:hidden;}
 
body.page #buehne {
	background-color: #000000;
	height: 200px;
	width: 100%; }
 
#buehne_left {
	float: left;
	height: 400px;
	width: 360px; }
	
#buehne_right {
	float: right;
	height: 400px;
	width: 570px; 
}
	
 

.post {
	/*color: #666666;*/
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	 /*letter-spacing:1px;*/ }
 
	.post p {
		margin-bottom: 15px;
		margin-right: 20px;
		line-height:15px;		}
 
	.post h2 {
		color: #000000;
		font-size: 22px;
		margin-bottom: 15px;
		text-align: left; }
 
	.post h3 {
		color: #505197;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 6px;
		margin-top: 0px; }
 
	.post a {
		color: #000033;
		font-weight: bold;
		text-decoration: underline; }
	
	.post-edit-link {
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin-left:9px;
	}
	
.post strong {
		font-weight: bold;
		 }
		
/*Angepasste Formatierung fuer FAQ*/
body.faq .post p{margin-bottom:8px;}



.excerpt {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 230px;
	margin-left: 10px;
	margin-top: 70px; }
 
	.excerpt h2 {
		color:#ffffff;
		font-size: 22px;
		margin-bottom: 0px; }
 
	.excerpt h3 {
		color: #505197;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 15px;
		margin-top: 0px; }
 
	.excerpt span {
		color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		height: 240px;
		letter-spacing: 1px;
		margin-left: 10px;
		margin-top: 15px; }
		
	.excerpt a, a:visited, a:active {
	color: #505197;
	}
	
	.excerpt p {
		margin-top:10px; }
		
#showcase .flash {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 50px;
	text-align: left; }
	
#page-showcase .flash {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 0px;
	text-align: left; }
	
 
	.flash h2 {
		font-size: 22px;
		margin-bottom: 0px; }
 
	.flash h3 {
		color: #505197;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 6px;
		margin-top: 0px; }
 
	.flash a {
		color: #FF3300;
		font-size: 10px;
		text-decoration: none; }
 
.showcase { text-align: center; }


 
#maincont {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 960px; }

#seccont {

}
/*Auf seiten anders als sonstwo*/
body.page #maincont {
	float: right;
	margin-bottom: 20px;
	/*padding-right: 30px;*/
	width: 560px; }
/*Auf seiten anders als sonstwo*/

body.page #seccont {
float:left;
height:34px;
margin-left:11px;
margin-top:24px;
width:365px;
}
.catlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 960px; }
 
.catitem { margin-bottom: 15px; }
 
.catimg {
	float: left;
	margin-top: 13px;
	text-align: right;
	width: 360px; }
 
.catdesc {
	float: right;
	font-size: 11px;
	margin-top: 8px;
	text-align: left;
	width: 570px; }
 
	.catdesc a {
		color: black;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 19px;
		text-decoration: none; }
 
.morelink a {
	color: #b63be0;
	font-size: 10px;
	text-decoration: none; }
 
.morelink img {
	border: none;
	margin-bottom: -5px; }
 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*.menu {width:745px; height:32px; font-size:0.85em; position:relative; z-index:100;}*/

.menu {
	float: right; /*z-index:100;*/
	font-size: 0.85em;
	height: 32px;
	position: relative; }
 
/*Menue fuer IE 6 und kleiner rechts ausrichten */
/*.menu {_float:right;}*/
/* hack to correct IE5.5 faulty box model */
* html .menu {  }
 
/** html .menu {width:746px; w\idth:745px;}*/
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0; }
 
	.menu ul ul { width: 149px; }
 
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	position: relative;
	width: 141px; 
	/*ehem. 149px */
	}
 
/* style the links for the top level */
.menu a, .menu a:visited {
	background: #FFFFFF;
	color: #000;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 30px;
	line-height: 29px;
	padding-left: 10px;
	text-decoration: none;
	width: 138px; }
 
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	w\idth: 138px;
	width: 149px; }
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background: #ffffff; }
 
/* style the second level hover */
.menu ul ul a.drop:hover { background: #ffffff; }
 
.menu ul ul :hover > a.drop { background: #ffffff; }
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	height: 0;
	left: 0;
	position: absolute; /*visibility:hidden;*/
	top: 31px;
	width: 149px; }
 
/* another hack for IE5.5 */
* html .menu ul ul {
	t\op: 31px;
	top: 30px; }
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	;
	border-collapse: collapse;
	left: 0;
	position: absolute;
	top: 0; }
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background: #ffffff;
	border-width: 0 1px 1px 1px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	width: 128px; }
 
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	w\idth: 128px;
	width: 150px; }
 
/*hr {
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
	border:0px;
	
	}*/

div.hr {
  height: 20px;
 border-bottom:1px solid #DDDDDD;
  margin-bottom:25px;
}
div.hr hr {
  display: none;
}

 /* style the top level hover */
/*.menu a:hover, .menu ul ul a:hover
{
color:#000; 
background:#ffffff;
}
.menu :hover > a, .menu ul ul :hover > a 
{
	color:#000;
	background-color: #F0F0FF;
}
*/
/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.
 
   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */
.menu ul li ul li.current_page_item a {
	color: #3a3a6e;
	font-weight: bold; }
 
.menu ul .current_page_item ul li a {
	color: gray;
	font-weight: normal; }
 
.menu .current_page_item ul li a {
	color: gray;
	font-weight: normal; }
 
.menu ul ul .current_page_item a {
	background: white;
	color: #3a3a6e;
	font-weight: bold; }
 
.menu .current_page_item a {
	color: #3a3a6e;
	font-weight: bold; }
 
.menu ul .current_page_item ul a {
	background: white;
	color: #3a3a6e;
	font-weight: bold; }
 
.menu .current_page_item a:hover { background: white; }
.menu ul .current_page_item ul a:hover { /*  background: gray;*/ }

/*WORDPRESS CSS FOR IMAGE HANDLING IN POSTS */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
 
.wp-caption {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px; /* optional rounded corners for browsers that support it */
	-webkit-border-radius: 3px;
	background-color: #f3f3f3;
	border-radius: 3px;
	border: 1px solid #ddd;
	color: #333333;
	margin: 10px;
	padding-top: 4px;
	text-align: center; }
 
	.wp-caption img {
		border: 0 none;
		margin: 0;
		padding: 0; }
 
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0;
		padding: 0 4px 5px; }
 
img.alignright { float:right; margin: 0 0 1em 1em }
 
img.alignleft { float:left; margin: 0 1em 1em 0 }
 
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto }
 
a img.alignright { float:right; margin: 0 0 1em 1em }
 
a img.alignleft { float:left; margin: 0 1em 1em 0 }
 
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto }
 
.alignright { float:right; margin: 0 0 1em 1em }
 
.alignleft { float:left; margin: 0 1em 1em 0 }


/*Spezialcode fuer Plugin-Stylink */
/*------------- Klapplinks expand-text plugin ---------------------- */
.ddet_div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:15px;
	line-height:15px;
	margin-top:10px;
}

.ddet_div p {
	margin-bottom:12px;
}
a.klappelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:25px;
	margin-top:8px;
	font-weight:normal;
	text-decoration:none;
	background-image: url(pics/mehr_lesen.gif);
	background-repeat: no-repeat;

 }
/*------------- Klapplinks expand-text plugin ---------------------- */