/*
Theme Name: HPL
Theme URI: http://wordpress.org/
Description: HPL theme for Wordpress
Version: 1.0
Author: Morepixel
Author URI: http://morepixel.com/
Tags: 

*/









	/**
	*
	*	RESET
	**/
	
	* { text-decoration:none; font-family:Arial, Trebuchet MS, Times New Roman, serif; color: #090a0a; font-size: 13px; }
	a:active { outline: 0; }
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup { font-style:inherit; font-weight:inherit; }
	del,ins { text-decoration:none; }
	li { 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; font-variant:normal; }
	sup { vertical-align:baseline; } 
	sub { vertical-align:baseline; }
	legend { color:#000; }
	input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
	input,button,textarea,select { font-size:100%; }
	br.clear { display:block; height:1px; overflow:hidden; clear:both; }
	strong { font-weight: bold; }
	.alignleft { float:left; clear:both;}
	.alignright { float:right;}
	div#content     a {text-decoration: underline; color:#179BB0;}
    div#content  h3   a {text-decoration: none; color:#000;}
    em { font-style: italic; }

hr {
  color: #fff; background-color: #fff; border: 1px dotted #000000; border-style: none none dotted; 
}




	/**
	*
	*	FRAMEWORK
	*
	**/
	
	html, body {
		width: 100%;
		height: 100%;
	}
	
	body {
		background: #BFBFBF url(./images/bg_body.gif) repeat-x left top;
	}
	
	body.home {
		background: #BFBFBF url(./images/bg_body_home.gif) repeat-x left top;
	}
	
	div#page {
		width: 971px;
		margin: 0 auto;
	}











	/**
	*
	*	HEAD
	*
	**/
	
	div#service-nav {
		height: 29px;
		border-bottom: 1px solid #fff;
		position: relative;
		width: 971px;
	}
	
	div#header {
		height: 89px;
		width: 971px;
		position: relative;
		margin-bottom: 30px;
	}
	
	body.home div#header {
		height: 344px;
		width: 971px;
		position: relative;
		margin-bottom: 17px;
	}
	
	div#header h1 {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div#header ul#nav {
		position: absolute;
		top: 0;
		left: 197px;
		width: 775px;
		z-index: 10;
	}
	
	div#header ul#nav li {
		float: left;
		height: 73px;
		position: relative;
	}
	
	div#header ul#nav li a {
		display: block;
		float: left;
		height: 73px;
		text-indent: -200000em;
		overflow: hidden;
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	div#header ul#nav li a:hover, div#header ul#nav li a:focus, div#header ul#nav li a:active,
	div#header ul#nav li.current-cat a, div#header ul#nav li.current-cat-parent a, div#header ul#nav li:hover a, div#header ul#nav li.hover a {
		background-position: left bottom;
	}
	
	li.cat-item-12 a { background-image: url(./images/btn_home.gif); width: 73px; }
	li.cat-item-3 a { background-image: url(./images/btn_ueber-uns.gif); width: 125px; }
	li.cat-item-4 a { background-image: url(./images/btn_consulting.gif); width: 123px; }
    li.cat-item-5 a { background-image: url(./images/btn_network.gif); width: 151px; }
	li.cat-item-8 a { background-image: url(./images/btn_kontakt.gif); width: 77px; }
	li.cat-item-6 a { background-image: url(./images/btn_publikationen.gif); width: 112px; }
	li.cat-item-7 a { background-image: url(./images/btn_kalender.gif); width: 114px; }

	li.cat-item-11 a { background-image: url(./images/btn_contact.gif); width: 76px; }
	
	body.de li.cat-item-1 a { background-image: url(./images/btn_ueber-uns.gif); }
	body.de li.cat-item-9 a { background-image: url(./images/btn_publikationen.gif); }
	body.de li.cat-item-10 a { background-image: url(./images/btn_kalender.gif); }
	body.de li.cat-item-11 a { background-image: url(./images/btn_kontakt.gif); }
	
	div#header ul#nav li ul.children {
		display: none;
		position: absolute;
		top: 73px;
		left: 0;
		border: 1px solid #d07300;
		border-width: 0 1px;
		width: 123px;
	}
	
	div#header ul#nav li:hover ul.children, div#header ul#nav li.hover ul.children {
		display: block;
	}
	
	div#header ul#nav li ul.children li {
		float: none;
		height: auto;
		width: auto;
	}
	
	div#header ul#nav li ul.children li a {
		float: none;
		height: auto;
		text-indent: 0;
		background: #ffab41;
		border: 1px solid #d07300;
		border-width: 0 0 1px 0;
		padding: 2px 5px;
		color: #fff;
		font-size: 11px;
		width: auto;
	}
	
	div#header ul#nav li ul.children li a:hover, div#header ul#nav li ul.children li a:focus, div#header ul#nav li ul.children li a:active, div#header ul#nav li ul.children li.current-cat a {
		background: #fff; 
		color: #e3840e;
	}
	
	div#service-nav * {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Trebuchet MS, Times New Roman, serif;
	}
	
	div#service-nav div.links {
		height: 29px;
		float: left;
		line-height: 29px;
	}
	
	div#service-nav div.links strong,
	div#service-nav div.links a {
		display: block;
		float: left;
		height: 29px;
		line-height: 29px;
		padding: 0 0 0 1px;
		font-weight: normal;
	}
	
	div#service-nav div.links strong {
		padding-left: 0;
		text-decoration: underline;
		padding-right: 3px;
	}
	
    div#service-nav div.links a:hover,
    div#service-nav div.links .akt {
    	background: #84716b;//988271
    }
	div#service-nav div.links a.btn-youtube{
		padding-right:3px;
		padding-left: 3px;
	}
    div#service-nav div.links a.btn-youtube:hover ,
    div#service-nav div.links a.btn-twitter:hover {
    	background: none;
    }
    
    div#service-nav div.links a.btn-youtube img,
    div#service-nav div.links a.btn-twitter img {
    	padding-top: 4px;
    }

    div#service-nav ul#languages {
    	position: absolute;
    	height: 29px;
    	margin-left: 16px;
    	right: 104px;
    }
	
	div#service-nav ul#languages li {
		float: left;
		margin-right: 3px;
		padding-top: 8px;
	}
	
	div#service-nav .widget_search {
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 5px;
		width: 103px;
		height: 14px;
	}
	
	div#service-nav .widget_search div {
		position: relative;
		width: 103px;
		height: 19px;
		background: url(./images/bg_search.gif) no-repeat left top;
	}
	
	div#service-nav .widget_search * {
		color: #000;
	}
	
	div#service-nav .widget_search label, div#service-nav .widget_search input#searchsubmit {
		display: block;
		width: 25px;
		height: 19px;
		padding: 0;
		border: 0;
		background: url(./images/btn_search.gif) no-repeat left top;
		overflow: hidden;
		text-indent: -200000em;
		font-size: 0;
		line-height: 0;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	div#service-nav .widget_search input#s {
		background: none;
		border: 0;
		width: 72px;
		height: 19px;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 3px;
	}











	/**
	*
	*	HEAD > KEYVISUALS
	*
	**/
	
	body div#header div#keyvisual {
		display: none;
		z-index: 1;
	}
	
	body.home div#header div#keyvisual {
		display: block;
		position: absolute;
		top: 83px;
		left: -12px;
		width: 995px;
		height: 252px;
		overflow: hidden;
		background: url(./images/bg_keyvisual.gif) no-repeat left top;
	}
	
	body div#header div#keyvisual div#keyvisual-content {
		position: absolute;
		top: 9px;
		left: 12px;
		width: 971px;
		height: 233px;
		overflow: hidden;
	}
	
	body div#header div#keyvisual div#keyvisual-content div#keyvisual-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 971px;
		height: 233px;
	}

	body div#keyvisual div#keyvisual-content div#keyvisual-inner h3 {
		position: absolute;
		top: 0;
		left: 0;
		width: 971px;
		height: 233px;
		overflow: hidden;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -200000em;
	}
	
	div#keyvisual-inner h3 {
		display: none;
	}
	
	h3.img1 {
		background-image: url(./images/keyvisuals/world.jpg);
	}
	
	h3.img2 {
		background-image: url(./images/keyvisuals/productivity.jpg);
	}

    h3.img3 {
    	background-image: url(./images/keyvisuals/save.jpg);
    }
    h3.img4 {
    	background-image: url(./images/keyvisuals/shelf.jpg);
    }






















	/**
	*
	*	CONTENT 
	*
	**/
	
    div#content {
    	float: left;
    	width: 743px;
    	margin-right: 25px;
    	overflow: hidden;
    }
    	
    
    div#page div#content {	
        -moz-border-radius: 4px 4px 4px 4px;	
    	background-color: #fff;
    }
    .home #page #content {	
    	background: none!important;
    }
	div#sidebar {
		float: left;
		width: 203px;
		overflow: hidden;
	}

	div#content h2.pagetitle {
		color: #56351b;
		font-size: 22px;
		margin-bottom: 5px;
		margin-left: 20px;
		margin-right: 20px;
	}

	div#content div.post h3 {
		color:#56351B;
		display:block;
		font-size:22px;
		font-weight:bold;
		margin-bottom:5px;
	}
	
	div#content p, div#content table, div#content ul, div#content ol {
		margin-bottom: 20px;
	}


    div#content div.post {
        float: left;
        margin: 10px 20px 10px 20px;
        width: 702px;
    }

    div.category-telepresence-calender {
        width: 700px;
    }



	/**
	*
	*	CONTENT > SITEMAP
	*
	**/
	.ddsg-wrapper h2,
    .ddsg-wrapper ul li strong {
        display: none;
    }
    .ddsg-wrapper ul li.catHeader a,
    .ddsg-wrapper ul li.catHeader li.catHeader a{
        font-weight: bold;
    }
    .ddsg-wrapper ul li ul {
       margin: 0px 0px 0px 20px;
    }
    .ddsg-wrapper ul li.catHeader li a,
    .ddsg-wrapper ul li.catHeader li.catHeader li a {
       font-weight: normal;
    }    





	/**
	*
	*	CONTENT > KEYVISUALS
	*
	**/
	
	div#content div#content-keyvisual {
		width: 743px;
		height: 138px;
		overflow: hidden;
		margin-bottom: 20px;
		-moz-border-radius:4px 4px 0px 0px;
	}
	
	div#content div#content-keyvisual div#content-keyvisual-inner {
		width: 743px;
		height: 138px;
		background: url(./images/keyvisuals/content/dummy1.jpg) no-repeat left top;
		-moz-border-radius:4px 4px 0px 0px;
	}
    body.category-publications div#content div#content-keyvisual div#content-keyvisual-inner {
        background: url(./images/keyvisuals/content/shelf.jpg) no-repeat left top;
    }
    body.category-telepresence-network div#content div#content-keyvisual div#content-keyvisual-inner {
        background: url(./images/keyvisuals/content/network.jpg) no-repeat left top;
    }
    body.category-telepresence-calendar div#content div#content-keyvisual div#content-keyvisual-inner {
        background: url(./images/keyvisuals/content/calendar.jpg) no-repeat left top;
    }
    body.category-contact div#content div#content-keyvisual div#content-keyvisual-inner {
        background: url(./images/keyvisuals/content/contact.jpg) no-repeat left top;
    }

    body.category-telepresence-consulting div#content div#content-keyvisual div#content-keyvisual-inner {
        background: url(./images/keyvisuals/content/consulting.jpg) no-repeat left top;
    }
    













	/**
	*
	*	SIDEBAR
	*
	**/
	
	div#sidebar li.widget {
		background: #fff;
		-moz-border-radius: 4px;
		-khtml-border-radius: 4px;
		padding: 10px 0 20px 0;
		margin: 0 0 10px;
	}
	
	div#sidebar li.widget, div#sidebar li.widget * {
		font-size: 12px;
	}
	
	/* RSS */
	div#sidebar li.widget_rss {
		padding-bottom: 10px;
	}
	
	body.home div#sidebar li.widget_rss {
		padding-bottom: 0;
	}
	
	div#sidebar li.widget_rss h2 {
		height: 40px;
		margin-bottom: 10px;
		border-bottom: 3px solid #56351b;
		padding-bottom: 10px;
	}
	
	div#sidebar li.widget_rss h2 a.rsswidget {
		padding: 0 10px;
		font-size: 15px;
		color: #56351b;
		display: block;
		font-weight: bold;
		text-decoration: none;
	}
	
	div#sidebar li.widget_rss h2 a.rsswidget img {
		display: none;
	}
	
	div#sidebar li.widget_rss ul {
		padding: 10px 10px 0 10px;
	}
	
	div#sidebar li.widget_rss ul a.rsswidget {
		color: #179bb0;
		font-weight: bold;
		text-decoration: underline;
	}
	
	div#sidebar li.widget_rss ul span.rss-date {
		font-style: italic;
		display: block;
	}
	
	div#sidebar li.widget_rss ul div.rssSummary {
		margin-top: 5px;
		padding-top: 5px;
		border-top: 1px dotted #090a0a;
	}
	
	div#sidebar li.widget_rss ul li {
		margin-bottom: 10px;
	}
	
	/* CATEGORY TEASER */
	div#sidebar li.widget_gdsw_recentposts {
		padding-bottom: 0;
	}
	
	div#sidebar li.widget_gdsw_recentposts h2.widgettitle {
		padding: 0 10px;
		font-size: 15px;
		color: #56351b;
		display: block;
		font-weight: bold;
		height: 40px;
		margin-bottom: 10px;
		border-bottom: 3px solid #56351b;
		padding-bottom: 10px;
	}
	
	div#sidebar li.widget_gdsw_recentposts div.gdsw-recent-posts {
		padding: 10px 10px 0 10px;
	}
	
	div#sidebar li.widget_gdsw_recentposts div.gdsw-recent-posts a.gdsw-url {
		color: #179bb0;
		font-weight: bold;
		text-decoration: underline;
	}
	
	div#sidebar li.widget_gdsw_recentposts li {
		padding-bottom: 10px;
		border-bottom: 1px dotted #090a0a;
		margin-bottom: 10px;
	}

	div#sidebar li.widget_gdsw_recentposts li p.gdws-excerpt {
		margin-bottom: 0;
	}
    div#sidebar li.widget_gdsw_recentposts li p .homeBoxImage {
       width: 216px; 
       height: auto;
       margin: 0px 5px 5px 0px!important;
       
    }
    
	/* CALENDAR */
	div#sidebar li.widget_text h2.widgettitle {
		padding: 0 10px;
		font-size: 15px;
		color: #56351b;
		display: block;
		font-weight: bold;
		height: 40px;
		margin-bottom: 10px;
		border-bottom: 3px solid #56351b;
		padding-bottom: 10px;
	}
	
	div#sidebar li.widget_text div.textwidget {
		padding: 0 10px;
	}










	/**
	*
	*	SIDEBAR HOME / FOUR COLUMN SET
	*
	**/
	
	body.home div#content {
		float: none;
		width: 980px;
		margin: 0;
	}
	
	div.sidebar-column-set.four-columns div#sidebar {
		float: none;
		width: 980px;
	}
	
	div.sidebar-column-set.four-columns div#sidebar li.widget {
		float: left;
		width: 235px;
		margin-right: 10px;
	}
	














	/**
	*
	*	FOOTER
	*
	**/
	
	div#footer {
		height: 35px;
		background: #e3e3e3;
		position: relative;
		margin-top: -35px;
	}
	
	div#footer * {
		font-size: 10px;
	}
	
	div#footer div#footer-inner {
		margin: 0 auto;
		width: 971px;
		text-align: center;
		line-height: 35px;
	}
	
	div#nonfooter {
		position:relative;
		min-height:100%;
	}
	
	* html #nonfooter {
		height:100%;
	}
	
	div#page {
		padding-bottom: 85px;
	}