/*
Theme name: apfelbaumGROUP Design
Editors: Thomas Hübner, Cornelius Horstmann
Version: 1.0
Author: Thomas Hübner, Cornelius Horstmann

*/

@charset "UTF-8";
/* CSS Document */


*{
	margin:0px;
	padding:0px;
}

body{
    padding: 0px !important;
    margin: 0px;
	background-color:#d0d0d0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
address{
	display: block;
	font-style: italic;
	margin-left: 10px;
	margin-bottom: 10px;
}
a{
	color: #004869;
	text-decoration: none;
}
a:hover{
	color: #690000;
	text-decoration: underline;
}
img{
    border-width: 0px;
}
h2{
    margin: 20px 0;
    font-weight: bold;
}
h3{
    margin: 10px 0 20px 0;
    font-weight: bold;
}

/* Classes */

div.firstcolumn{
    width: 400px;
}
div.smallcolumn{
    width: 220px;
    float: right;
    margin: 0 0 0 30px;
}
div.column h1, .headline h1{
    margin: 0 0 30px 0;
    padding: 10px;
    font-size: 1.2em;
}
div.column h1 a, .headline a{
    color: rgb(46, 46, 46);
}
    div.column img.homepicture{
        margin: 0 0 -20px 0;
        border: 0px;
    }
div.columncontent, div.entry{
    font-size: 1em;
    margin: -20px 10px 0 10px;
}
ul.topicons{
    float: right;
    list-style-type: none;
    margin: 30px 0 0 0;
}
ul.topicons li{
    display: block;
    float: right;
}
ul.topicons li:hover a{
  	 margin-top: 0 !important;
  	 background-position: 0 0 !important;
  	 display: none;
  	 height: 90px !important;
}
ul.topicons a#kontakticon{
  	 background: url("images/kontakticon.png") 0 -40px no-repeat;
  	 height: 50px;
  	 width: 62px;
  	 display: block;
  	 margin-top: 40px;
}
ul.topicons a#referenzenicon{
  	 background: url("images/referenzenicon.png") 0 -40px no-repeat;
  	 height: 50px;
  	 width: 62px;
  	 display: block;
  	 margin-top: 40px;
}
img.userpicture{
    float: left;
    margin: 0 10px 10px 0;
    border: 5px solid #222;
}
img.userpicture:hover{
    -webkit-transform: rotate(-4deg);
}

/* ID's */
div#wrapper{
margin-bottom: 50px;
padding:0px;
padding-bottom: 50px;
}
	div#header{
		background-color:#2e2e2e;
		height: 160px;
		margin: 0;
		padding: 0;
		/*background-image:url(images/gitterplatte.jpg);*/
		background-position:bottom;
		background-repeat:repeat-x;
	}
	   div#headernav{
	       /*border: 1px solid green;*/
	       width: 100%;
	       height: 42px;
	       margin: 10px 0 0 0;
            background-image:url(images/navigation.bg.jpg);
            background-repeat: repeat-x;
	   }
	   ul#navigation{
	       list-style-type: none;
	       width: 865px;
	       margin: 0 auto;
	   }
           ul#navigation a *{
                display: none;
           }
           #navigation a, 
           #navigation a .hover {
              height: 42px;
              position: relative;
              display: block;
              background: url(images/navigation.sprite.jpg);
            }
	   div#headernav li{
	       display: block;
	       float: right;
	       height: 42px;
	   }
	       a#kontaktbutton{
	           display: block;
	           width: 64px;
	           background-position: -638px 0;
	       }
	            a#kontaktbutton .hover{
	               background-position: -638px 42px;
	            }
	       a#partnerbutton{
	           display: block;
	           width: 146px;
	           background-position: -492px 0;
	       }
	           a#partnerbutton .hover{
	               background-position: -492px 42px;
	           }
	       a#partnerbutton{
	           margin: 0 0 0 120px;
	       }
	       a#graphicdesignbutton{
	           display: block;
	           width: 111px;
	           background-position: -270px 0;
	       }
	           a#graphicdesignbutton .hover{
	               background-position: -270px 42px;
	           }
	       a#webbutton{
	           display: block;
	           width: 132px;
	           background-position: -138px 0;
	       }
	           a#webbutton .hover{
	               background-position: -138px 42px;
	           }
	       a#iphonebutton{
	           display: block;
	           width: 138px;
	           background-position: 0 0;
	       }
	           a#iphonebutton .hover{
	               background-position: 0 42px;
	           }
	       div#headernav .highlight a:hover{
	           background-position: 0 42px;
	       }
	       
	   div#headercontent{
	       width: 900px;
	       margin: 0 auto;
	   }
		img#header_logo{
			float:left;
			margin-top:10px;
			border: 0px;
		}
		img#header_schriftzug{
			margin: 80px 0px 0px 20px;
		}
	div#newslettersignin{
		display: none;
	}
	div#body{
		margin:0 auto;
		padding:0;
        width: 900px;
	}
		div#content{
			margin: 30px 0 0 0;
		}
		  div#content p{
		      margin: 1em 0;
		  }
		  div#content ul{
		      margin: 0 !important;
		      display: block;
		  }
		  div#content li{
		      list-style-position: inside;
		      padding-left: 10px;
		  }

/* Browserhacks */

@-moz-document url-prefix()
{
	/* Firefox */
}




.alignleft{
    float: left;
    margin: 0 10px 10px 0;
}

.alignright{
    float: right;
    margin: 0 0 10px 10px;
}

#controller{
    margin: 40px 0 0 0;
}

.jFlowControl{
    margin: 0 5px;
    padding: 5px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background-color: #BBB;
    font-size: 0.6em;
}
.jFlowControl:hover{
    background-color: #999;
    color: #222;
    margin: 0 4px;
    border: 1px solid #555;
    cursor: pointer;
}
.jFlowSelected{
    background-color: #999;
    color: #222;
    margin: 0 4px;
    border: 1px solid #555;
    cursor: pointer;
}