@charset "utf-8";

/*-----------------------------------------------/
   Company: Euroweb Internet GmbH
   Company-URL: http://www.euroweb.de
   Year: 2009
   Author: Jonas Hellwig
/-----------------------------------------------*/

* {
   padding:0;
   border:none;
   margin:0;
   list-style:none;
}

/*----------------------------------------------*/
/*---------------| global tags |----------------*/
/*----------------------------------------------*/

html {
   background:#2b3134 url(../images/bg-html.jpg) top left repeat;
   height:100%;
}

body {
   background:transparent url(../images/bg-body.jpg) top left repeat-x;
   height:100%;
   font:14px/150% Arial, Helvetica, sans-serif;
   color:#161616;
}

hr { display:none; }

a:focus {
	outline:0;
}

/*----------------------------------------------*/
/*------------| global classes/ids |------------*/
/*----------------------------------------------*/

.clear {
   float:none;
   clear:both;
}

.left { float:left; }

.right { float:right; }

.hr {
   height:2px;
   width:557px;
   background:url(../images/bg-hr.gif) 0 0 repeat;
   margin:20px 0 15px 0;
   float:none;
   clear:both;
}

.accessibility {
	display:none;
}

.tab {
	float:left;
   width:70px;
}

/*----------------------------------------------*/
/*-----------------| container |----------------*/
/*----------------------------------------------*/

div#container {
   width:888px;
   position:relative;
   margin:0 auto;
   background:url(../images/bg-container.jpg) top center repeat-y;
}

/*----------------------------------------------*/
/*-------------------| header |-----------------*/
/*----------------------------------------------*/

div#header {
   position:relative;
   height:68px;
   width:888px;
   background:url(../images/bg-header.jpg) top left no-repeat;
}

/*------------------| branding |----------------*/

div#header h1 a {
   position:absolute;
   top:21px;
   left:15px;
   width:663px;
   height:48px;
   text-indent:-9999px;
   background:url(../images/bg-h1.jpg) top left no-repeat;
}

div#header h1 a:hover { background:url(../images/bg-h1.jpg) bottom left no-repeat; }

/*----------------------------------------------*/
/*-------------------| content |----------------*/
/*----------------------------------------------*/

div#content {
   float:right;
   width:557px;
   min-height:462px;
   padding:50px 55px 20px 39px;
   background:transparent url(../images/bg-content.jpg) top left no-repeat;
}

div#content p {
	margin:0 0 15px 0;
}

div#content .highlight {
	font-weight:bold;
}

/*-----------------| headlines 2 |--------------*/

div#content h2 {
	width:557px;
   height:28px;
   text-indent:-9999px;
   background-image:url(../images/bg-h2.jpg);
   margin:0 0 5px 0;
}

h2#home {
	background-position:0 0;
}

h2#objektverwaltung {
	background-position:0 -28px;
}

h2#specials {
	background-position:0 -56px;
}

h2#service {
	background-position:0 -84px;
}


h2#online-marketing {
	background-position:0 -112px;
}

h2#design {
	background-position:0 -140px;
}

h2#objektpraesentation {
	background-position:0 -168px;
}

h2#kontakt {
	background-position:0 -196px;
}

h2#danke {
	background-position:0 -224px;
}

h2#fehler {
	background-position:0 -252px;
}

h2#impressum {
	background-position:0 -280px;
}

h2#demo-version-testen {
	background-position: 0 -308px;
}

/*-----------------| headlines 3 |--------------*/

div#content h3 {
   margin:5px 0 0 0;
   color:#035a8f;
   font-size:15px;
}

h3#home2 {
	background-position:0 0;
   width:557px;
   height:28px;
   text-indent:-9999px;
   background-image:url(../images/bg-h3.jpg);
}

/*------------------| images |-----------------*/

dl#features-home {
	text-indent:-9999px;
   height:472px;
   width:557px;
   background:url(../images/home/top-features.jpg) 0 0 no-repeat;
}

img.screenshot {
	float:left;
   margin:15px 15px 25px 0;
}

/*------------------| lists |------------------*/

div#content ul {
	line-height:170%;
   margin:5px 0 15px 10px;
}

div#content ul li {
	background:url(../images/li-checkbox.gif) left no-repeat;
   padding:0 0 0 27px;
}

/*------------------| links |------------------*/

div#content a:link,
div#content a:visited {
	color:#0177AF;
   text-decoration:underline;
}

div#content a:hover,
div#content a:active {
	color:#85B748;
   text-decoration:none;
}

div#content a.demo-testen {
	display:block;
   height: 30px;
   width:174px;
   background:url(../images/button-testen2.jpg) top left;
   text-indent:-9999px;
}

div#content a.demo-testen:hover {
	display:block;
   height: 30px;
   width:174px;
   background:url(../images/button-testen2.jpg) bottom left;
   text-indent:-9999px;
}

/*----------------------------------------------*/
/*-------------------| sidebar |----------------*/
/*----------------------------------------------*/

div#sidebar {
   float:left;
   width:237px;
   min-height:462px;
   background:transparent url(../images/bg-sidebar.jpg) top left no-repeat;
}

/*---------------------| navi |-----------------*/

ul#navi {
   float:right;
   margin:41px 0 50px 0;
}

ul#navi li { text-indent:-9999px; }

ul#navi li a {
   height:40px;
   width:218px;
   display:block;
   background-image:url(../images/navi.jpg);
   background-repeat:no-repeat;
}

.home { background-position:0 0; }

.home:hover,
.home-active { background-position:-218px 0; }

.design { background-position:0 -40px; }

.design:hover,
.design-active { background-position:-218px -40px; }

.objektpraesentation { background-position:0 -80px; }

.objektpraesentation:hover,
.objektpraesentation-active { background-position:-218px -80px; }

.objektverwaltung { background-position:0 -120px; }

.objektverwaltung:hover,
.objektverwaltung-active { background-position:-218px -120px; }

.specials { background-position:0 -160px; }

.specials:hover,
.specials-active { background-position:-218px -160px; }

.online-marketing { background-position:0 -200px; }

.online-marketing:hover,
.online-marketing-active { background-position:-218px -200px; }

.service { background-position:0 -240px; }

.service:hover,
.service-active { background-position:-218px -240px; }

.referenzen { background-position:0 -280px; }

.referenzen:hover,
.referenzen-active { background-position:-218px -280px; }

.kontakt { background-position:0 -320px; }

.kontakt:hover,
.kontakt-active { background-position:-218px -320px; }


.demo-version-testen { background-position:0 -360px; }

.demo-version-testen:hover,
.demo-version-testen-active { background-position:-218px -360px; }

/*---------------------| demo |-----------------*/

a#demo {
   height:173px;
   width:175px;
   background-image:url(../images/bg-demo.jpg);
   background-position:top left;
   display:block;
   text-indent:-9999px;
   float:right;
   margin:0 24px 0 0;
}

a#demo:hover { background-position:top right; }

/*----------------------------------------------*/
/*-------------------| footer |-----------------*/
/*----------------------------------------------*/

div#footer {
  	position:relative;
   width:888px;
   height:287px;
   background:transparent url(../images/bg-footer.jpg) top left no-repeat;
}

div#footer a:link,  
div#footer a:visited	{
	color:#666;
   text-decoration:none;
}

div#footer a:hover,  
div#footer a:active	{
	color:#999;
   text-decoration:none;
}

div#footer h4 {
	background:url(../images/bg-h4.gif) 0 0 no-repeat;
   height:17px;
   width:482px;
   text-indent:-9999px;
   position:absolute;
   top:24px;
   left:276px;
}

/*---------------| navi additional |------------*/

div#footer ul {
	position:absolute;
   left:658px;
   top:255px;
   font:10px Arial, Helvetica, sans-serif;
}

div#footer ul li {
	float:left;
   padding:0 0 0 16px;
}

/*-----------------| testen button |-------------*/

a.button-testen {
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	text-decoration: none;	
	width: 174px;
	height: 30px;
	outline: none;
}

a.button-testen:hover {
	background-position: 0 -30px;
}

/*-----------------| thumbnails |-------------*/

.img-th {
	border: none;
	outline: none;
	width: 288px;
	height: 250px;
	float: left;
	margin: 0 30px 0 20px 0;
}