/*
Theme Name: So Simple
Theme URI: http://sosimple.pixert.com
Description: So Simple Wordpress Theme created by Pixert (pixert.com)
Author: Pixert/K
Author URI: http://www.pixert.com
Version: 1.0.0
*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
margin: 0;
padding: 0;
}

.publikation {
display:block;
margin-bottom: 27px;
}
.pubimg {
display:block;
clear:left;
}
.pubtxt {
display:block;
clear:left;
}

#header-graphic {
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 84px;
	background: #00bbff url(http://www.h2d2.de/wp2/wp-content/uploads/h2d2_header_back.jpg) ;
    background-repeat:no-repeat;
}
#head {
	position:relative;
	float: left;
	display: block;
	width:246px;
	height: 84px;
	margin: 0px;
    padding: 0px;
}
#header-rainbow {
	position:absolute;
	top: 84px;
	left:0px;
	height: 8px;
	width: 246px;
	display: block;
	background: url(http://www.h2d2.de/wp2/wp-content/uploads/h2d2_header_rainbow_stripe.jpg) ;
}
#logo img {
	left:28px;
	margin-bottom: 10px;
}
#navi img {
	left:28px;
	margin-bottom: 10px;
}
#adress img {
	left:28px;
	margin-bottom: 10px;
}
#alt_logo {
margin-bottom: 0px;
}
#logo {
	margin-top: 28px;
	margin-left:28px;
}
#h2d2 {
	margin-left:28px;
}
#pos-navi{
position: absolute;
top: 92px;
left: 0px;
width: 200px;
}
#navi {
	position:relative;
	float: left;
	display: block;
	list-style-type:none;
	margin-left:28px;
	margin-top:28px;
	padding-top: 23px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:22px;
	line-height:28px;

}

#level2 {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
#level3 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	line-height:23px;
	list-style-type:none;
	padding-left: 0px;
	margin:0px;
	padding-bottom: 7px;
}

#navi a {
		display: block;
		}
#navi span {
		display: block;
		}
.submenu { 
			display: none;
		 }
#adress {
	position:relative;
	float: left;
	display: block;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:11px;
	line-height:16px;
	margin-top: 47px;
	margin-left:28px;
}

#followus {
	position:relative;
	float: left;
	display: block;
	margin-left: 28px;
	margin-top: 36px;
	background-color: #efefef;
	padding: 7px;


}
.facebook {


	background: url(http://www.h2d2.de/wp2/wp-content/uploads/facebook-icon-sprite.gif) 0px 0px no-repeat;
	padding: 2px 0 0 22px;
    font-size: 11px;
    height:14px;

}
.facebook:hover{
	background-position: 0px -16px;
	
}

body {
	
        font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 75%;
	margin:0pt 0pt 20px;
	padding:0pt;
	text-align:left;
	line-height:18px;
}
a:link {
	color: #656565;
	text-decoration: none;

}

a:visited {
	color: #656565;
	text-decoration: none;

}
a:hover {
	color: #00BBFF;
	text-decoration: none;
}
#slidebox {

position: absolute;
top: 140px;
left: 0px;
width:644px;
height: 420px;
}
/* SLIDER */
#slideshow { margin: 0px auto; width: 644px; height: 420px; cursor: pointer;}
#nav { z-index: 50; position: absolute; top: 440px; left: 290px; width:131px; height: 50px;}
#nav li { 
    cursor: pointer;
    margin: 0 2px;
    float: left;
    color: none;
    list-style: none }
#nav a { 
	background-image: url("http://www.h2d2.de/wp2/wp-content/uploads/homeslider_dots.png");
	background-repeat: no-repeat; 
    width: 12px;
    height: 12px; padding: 0px; display: block; border: 0px solid #ccc;
    }
#nav li.activeSlide a{
    background-image: url("http://www.h2d2.de/wp2/wp-content/uploads/homeslider_dots.png");
	background-repeat: no-repeat; 
    background-position: -24px 0px; }
#nav a:hover{
    background-image: url("http://www.h2d2.de/wp2/wp-content/uploads/homeslider_dots.png");
	background-repeat: no-repeat; 
    background-position: -12px 0px; }


#hometext {
position: absolute;
left: 0px;
top: 616px;
width: 644px;
min-height:400px;
}

#impressum {
position: absolute;

top: 0px;

padding-right: 0px;
padding-top: 137px;
float: left;
width: 655px;
}

#awards {
display:block;
clear:left;
}

#awards h2 {
padding: 0px;
}

#awards p {
margin-bottom: 37px;
}

.img_awards {
display:block;
clear:left;
}

.txt_awards {
display:block;
clear:left;
}

#kunden h2 {
padding: 0px;
}

#team h2 {
padding: 0px;
}
#team h4 {
padding: 0px;
font-size: 19px;
font-weight: normal;
}
#team h5 {
padding: 0px;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#konstrukteur1 { position: absolute; left:0px; top: 550px; }
#konstrukteur2 { position: absolute; left:220px; top: 550px; }
#konstrukteur3 { position: absolute; left:440px; top: 550px; }
#konstrukteur4 { position: absolute; left:0px; top: 860px; }
#konstrukteur5 { position: absolute; left:220px; top: 860px; }
#team img {
float: left;
}


#mainiframe {
width:672px;
}
.referenz {
font-size:11px;
line-height:16px;
float: left;
width: 196px;
margin-right: 28px;
margin-bottom: 42px;
}
.referenz h4 {
font-size:11px;
line-height:16px;
}

.detailnavi {
width: 644px;
position: relative;
}
.vor {
position: absolute;
left: 0px;
}
.zurueck {
position: absolute;
right: 0px;
}
#detailcontent {
position: relative;
top: 49px;
}
.detailbild {
position:absolute;
top: 0px;
left: 0px;
}
.detailbild_mygallery {
position:absolute;
top: 0px;
left: 0px;
height: 550px;
}
.detailbild_mygallery_kontakt {
position:absolute;
top: 144px;
left: 0px;
height: 550px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 10px;
text-align: right;
}

.detailtext {
width: 644px;
position:absolute;
top: 470px;
left: 0px;

}
.detailtext_mygallery {
width: 644px;
position:absolute;
top: 520px;
left: 0px;
}
.detailtext_mygallery_kontakt {
width: 644px;
position:absolute;
top: 664px;
left: 0px;
}
.mypicsgalleryentry a img {
	border: 4px solid #ffffff;
	padding: 0px;
        margin-top:0px;
        margin-right:4px;
}
.detailbild a {
margin-right: 14px;
}
.detailbild .aktiv {
color: #cc3333;
}


.kontakt {
display: block;
float: left;
width: 644px;
margin-bottom:27px;
}



#level3current {
	color: #00BBFF;
}
#level2current {
	color: #00BBFF;
}
p {
padding: 0px 0 0 0;
}



img {
border-style:none;
}
#wrapper {
position: relative;
background-color:white;
margin:0px;
padding:0pt;
}
#header_logo {
float: left;
width: 720px;
background: #FFFFFF url(http://www.h2d2.de/wp2/wp-content/uploads/logo.jpg) no-repeat;
height: 100px;
margin: 0; padding: 0;
}
#suche {
	position: absolute;
	left: 550px; top: 53px;
	}
#header_text {
float: left;
width: 210px;
}
#container {
padding-left: 0px;
padding-right: 0px;
padding-top: 137px;
width: 525px;
position: absolute;
left: 252px;
}






.post {
padding: 0px 0 0px 0;
font-size: 16px;
line-height:24px;
color: #000000;
}
/*.post #detailcontent a {
display:inline;
float:left;
}
*/
h2.post {
padding: 3px 0 7px 0;
border-top:0px none #000000;
color: #000;
font-weight: normal;
}
h1.post {
border-top:0px none #000000;
}
.entry {
margin-top: 7px;
}
.entry p {
display: block;
margin-bottom: 27px;
}
.entry img {
float: left;
margin-right: 15px;
margin-top: 2px;
margin-bottom: 10px;
}
.entry-detail {
margin-top: -5px;
}
.entry-detail p {
display: block;
margin-bottom: 27px;
}
.entry-detail img {
margin-right: 0px;
margin-top: 2px;
margin-bottom: 10px;
}
.detailbild img {
margin-bottom:0px;
}
p.postmetadata {
margin: 0px 0 0px 0;
color: #000;
}
.infos {
		color: #A0A0A0;
		}
.infos a {
		color: #666666;
		}
.infos a:hover {
		color: #cc0099;
		}


.sidebar {
position: absolute;
top: 140px; left: 535px;
background-color: white;
float: left;

height: max;
padding: 0 0px 0 20px;
display: inline;
z-index:2;
}
.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 10px 0 0px;
}
.sidebar ul li {
border-top:1px solid #b2b2b2;
padding: 4px 0 20px 0;
}

.sidebar li {
border-top:0px none #b2b2b2;
padding: 10px 0 10px 0;
}

.sidebar ul li h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.sidebar ul ul li {
padding: 0;
line-height: 20px;
border-top:0px none #b2b2b2;
}
h1 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size: 20px;
padding: 0 0 10px 0;
}

h2 {
color: #000;
font-weight: normal;
font-size:22px;
line-height:28px;
}
#footer p {
line-height: 18px;
}
.comments-template {
  margin: 10px 0 0 0;
  border-top: 1px solid #000000;
  padding: 1px 0 0 0;
}
.comments-template ol {
  border-bottom: 1px solid #000000;
  margin: 0;
  padding: 0 0 1px 0;
  list-style: none;
}
.comments-template ol li {
  margin: 10px 0 0 0;
  line-height: 18px;
  padding: 0 0 10 px 0;
  border-top: 1px solid #cccccc;  
}
.comments-template h2, .comments-template h3 {
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size: 16px;
}
.commentmetadata {
  font-size: 12px;
}
.comments-template p.nocomments {
  padding: 0;
}
.comments-template textarea {
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size: 12px; 
}
#top_name {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	font-weight: bold;
	color: #466ea8;
	text-decoration: none;
    padding-top: 35px;
}
#bottom_desc {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#post_title {
border-top: 1px solid #000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
        padding-top:5px;
}
.post h2 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 22px;
	line-height:28px;
	color: #000000;
	text-decoration: none;
}
.alignright {
	float: right;
}
	
.alignleft {
	float: left;
}
.top {
        vertical-align: top;
}

.grey {
        color:#666666;
}

.pink {
        font-size:14px;
        font-weight:bold;
        color:#cc0099;
}

.bold {
        font-weight:bold;
}

#rss_box {
position: absolute;
left: 700px;
top: 140px;
}
#rss_text {
	font-family:Georgia,"Times New Roman",Times,serif;
	padding-left: 30px;
	font-size:16px;
	line-height:24px;
}
.eintrag {
width: 418px;
}
#searchsubmit {
	font-family:Georgia,"Times New Roman",Times,serif;
	padding: 1px;
	margin-top: 8px;
}
.navigation {
	font-size: 16px;
	height: 44px;
	width: 418px;	
}

div.jb{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-jobs_d.gif);
background-repeat:no-repeat;
background-position:35px 240px;
width: 500px;
height: 800px;
border:0px;
padding:0px;
}
div.konstrukteure{
background-image: url(http://www.h2d2.de/wp2/illu/konstrukteure-day.jpg);
background-repeat:no-repeat;
background-position:0px 200px;
width: 598px;
height: 908px;
border:0px;
padding:0px;
}
div.agentur{
background-image: url(http://www.h2d2.de/wp2/illu/agentur_d.gif);
background-repeat:no-repeat;
background-position:260px 0px;
width: 550px;
height: 800px;
border:0px;
padding:0px;
}
div.tdc{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-trophaen_tdc_d.gif);
background-repeat:no-repeat;
width: 93px;
height: 67px;
border:0px;
padding:0px;
}
div.spemann{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-trophaen_speemann_d.gif);
background-repeat:no-repeat;
width: 193px;
height: 75px;
border:0px;
padding:0px;
}
div.leistung{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-leistungen_d.gif);
background-repeat:no-repeat;
background-position:175px 75px;
width: 600px;
height: 800px;
border:0px;
padding:0px;
}
div.corporate{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-leistungen-corporatedesign_d.gif);
background-repeat:no-repeat;
background-position:15px 230px;
width: 530px;
height: 800px;
border:0px;
padding:0px;
}
div.online{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-leistungen-onlineshop_d.gif);
background-repeat:no-repeat;
background-position:55px 353px;
width: 530px;
height: 800px;
border:0px;
padding:0px;
}

div.web{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-leistungen-webdesign_d.gif);
background-repeat:no-repeat;
background-position:12px 345px;
width: 530px;
height: 800px;
border:0px;
padding:0px;
}
div.editorial{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-leistungen-editorial_d.gif);
background-repeat:no-repeat;
background-position:20px 220px;
width: 530px;
height: 800px;
border:0px;
padding:0px;
}
div.print{
background-image: url(http://www.h2d2.de/wp2/illu/agentur-leistungen-print_d.gif);
background-repeat:no-repeat;
background-position:0px 220px;
width: 530px;
height: 800px;
border:0px;
padding:0px;
}
div.contact{
/*background-image: url(http://www.h2d2.de/wp2/illu/agentur-kontakt_d.gif);*/
background-repeat:no-repeat;
width: 654px;
height: 445px;
border:0px;
padding:0px;
}


#Oeffnungszeit { 
position: fixed; 
margin-left: 28px;
bottom: 0px;
z-index: 1; 
}


#hometext h2{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-weight: normal;
	margin: 0;
	padding-top: 15px;
	}
	
#hometext p{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	line-height:17px;
	margin: 0;
	padding-top: 0px;
	}
#home_agentur {
position: absolute;
width: 198px;

}
#home_agentur span {
display: none;
}
#home_agentur a {
display: block;
background-image: url(http://www.h2d2.de/wp2/illu/illu_home_agentur_day.jpg);
background-repeat: no-repeat;
width: 196px;
height: 84px;
}
#home_ecommerce {
position: absolute;
left: 448px;

}
#home_ecommerce span {
display: none;
}
#home_ecommerce a {
display: block;
background-image: url(http://www.h2d2.de/wp2/illu/illu_home_e-commerce_day.jpg);
background-repeat: no-repeat;
width: 196px;
height: 84px;
}
#home_leistungen {
position: absolute;
left: 224px;
width: 196px;

}
#home_leistungen span {
display: none;
}
#home_leistungen a {
display: block;
background-image: url(http://www.h2d2.de/wp2/illu/illu_home_leistungen_day.jpg);
background-repeat: no-repeat;
width: 196px;
height: 84px;
}

#home_a {
position: absolute;
width: 198px;
top:84px;

}

#home_l {
position: absolute;
left: 224px;
width: 196px;
top:84px;
}

#home_e{
position: absolute;
left: 448px;
width: 196px;
top:84px;
}
#home_a a{
background: url(http://www.h2d2.de/wp2/img/day/haeckchen.gif) left no-repeat;
padding-left: 9px;
}
#home_l a{
background: url(http://www.h2d2.de/wp2/img/day/haeckchen.gif) left no-repeat;
padding-left: 9px;
}
#home_e a{
background: url(http://www.h2d2.de/wp2/img/day/haeckchen.gif) left no-repeat;
padding-left: 9px;
}	

.haeckchen_gr{
background: url(http://www.h2d2.de/wp2/img/day/haeckchen_gr.gif) left no-repeat;
padding-left: 13px;
}

.universal_tab {
padding-left: 28px;
padding-top: 6px;
}	

.impressum-small {
 line-height: 14px;
font-size: 11px; }

#content-kunden {
width:672px;
}
.kunde,
.kunde2 {
font-size:11px;
line-height:16px;
float: left;
width: 196px;
margin-right: 28px;
height: 166px;
padding: 0px;
}
.kunde {
cursor: pointer;
}
.kunde img {
opacity: 1.00;
}
.kunde:hover img {
opacity: 0.70;
}
.kunde h4,
.kunde2 h4 {
font-size:11px;
line-height:16px;
}
.kunde:hover h4,
.kunde:hover p {
color: #00BBFF;
}

/* STATIC PAGE */


#staticPage {
  font-family: "TransporterRegular";
  font-size: 16px;
  overflow: hidden;
  margin-top: 60px;
}
.navigation_s {
  position: absolute;
  top: 120px;
  left: 0;
}
#staticPage a {
  color: #00bbff;
  text-decoration: none;
}
#staticPage a:hover {
  text-decoration: underline;
}
#staticPage strong {
  font-family: "TransporterRegular";
}
#staticPage p {
  font-family: "TransporterRegular";
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  color: #333;
  margin-bottom: 40px;
}
#staticPage h1 {
  font-size: 30px;
  font-family: "TransporterRegular";
  line-height: 34px;
  color: #00bbff;
  font-weight: normal;
  margin-bottom: -20px;
}
#staticPage h2 {
  font-size: 17px;
  font-weight: normal;
  margin: 0 0;
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman",serif;
}
#staticPage h2.bold {
  font-weight: bold;
}
#staticPage h3 {
  font-family: "TransporterRegular";
  font-size: 20px;
  line-height: 26px;
  color: #333;
  margin-bottom: 25px;
  margin-top: 30px;
  font-weight: normal;
}
#staticPage h4 {
  font-family: "TransporterRegular";
  font-size: 20px;
  line-height: 26px;
  color: #333;
  margin: 0 0 5px 0;
  font-weight: normal;
}
.caption_s {
  font-size: 14px;
  font-family: "TransporterRegular";
  color: #666;
  display: block;
  line-height: 18px;
  font-weight: normal;
}
#staticPage ul {
  list-style-type: disc;
  font-size: 14px;
  line-height: 21px;
  list-style-position: outside; 
  margin:  10px 0 15px 15px; 
  padding: 0; 

}
#staticPage .goals {
  background: #e5f8ff;
  padding: 26px 30px 11px 30px;
  margin-bottom: 60px;
}
#staticPage img {
  display: block;
  float: none !important;
}
#staticPage hr {
  clear: both;
  border: 0;
  background: #fff;
}