* {/* reset default values */
  list-style:none;
  margin:0;
  padding:0;
  text-decoration:none;
  border:none;
}
body {
background-color:#333333;
 text-align:center;
}
body.leistungen {
background:transparent url(../images/header/body_leistungen.jpg) left top repeat-x;
}
body.webdesign {
background:transparent url(../images/header/body_webdesign.jpg) left top repeat-x;
}
:focus {
outline: 0;
}
acronym {
cursor: help;
}
/*** Main Positioning ********************************************************/

#main_wrapper {
  width:960px;
  max-width:100%;
  padding-left:0;
  margin:0 auto;
  overflow:hidden;
  text-align:left; /*wichtig! Zentriert das Layout nach Überschreiten der Höchstbreite*/

}

#header,
#footer {
  max-width:100%;
  width:960px;
  padding-left:0;
  margin:8px auto 0 auto;
  overflow:hidden;
  text-align:left;

}
/*** Main Typographic Settings ************************************************/
body {
  font: small/130% Verdana, Georgia, sans-serif;
  color:#f0f0f0;
  text-align:center;
}
a {
  color:#f0f0f0;
  outline:0;
  text-decoration:none;
   font-size:.85em;
   letter-spacing:.1em;
  }
a:hover {
  color: #676767;
}
a.active {
 color:#676676;
}
ul#navi li.referenzen a:hover {
color:#950000;
}

ul#navi li.leistungen a:hover {
color: #BAC601;
}
ul#navi li.tipps a:hover {
color: #00CCFF;
}
p {
  
  line-height:1.9em;
  margin:5px 0px 15px 0px;
  font-size:.85em;
  line-height: 1.5em; 
}
p.kontakt {
text-align:left;
line-height:1.6em;
margin:5px 0px 15px 0px;
}
h4 {
font-weight:normal;
font-size:1em;
letter-spacing:.05em;
margin:20px 0 15px 0;
padding:0px;
}

h3 {
font-weight:normal;
font-size:1em;
letter-spacing:.05em;
margin:0 0 15px 0;
padding:0px;
}
h2 {
font-weight:normal;
font-size:1.1em;
letter-spacing:.1em;
margin:10px 0 15px 0;
padding:0px;
}
/*** Header *******************************************************************/

#header h1, #header h1 a, #header h1 span.home {
background: transparent url(../logo/logo2.gif) left top no-repeat;
height: 50px;
width: 186px;
display: block;
font-size: 0;

}
#header h1 {
float: left;
margin-top: 10px;
margin-left:3px;

}

#header a {
color: #FFF;
color: #FFF;
color: #FFF;
}

#header h1 a, #header h1 span.home {

height: 50px;
text-indent: -3000px;
}

#header h1 a span, #header h2 {
display: none;
}

/*** Navigation ***************************************************************/
#navigation {
float:right;
margin:24px 0px 0px 0px;
}
ul#navi li {
float:left;  /*richtet die list items horizontal aus*/
padding:10px 0 10px 30px;

}
ul#navi li a {
font-size:.9em;
padding:5px 0 5px 0;
}
ul#navi li a.active {
  color: #676767;
}
ul#navi li a:hover {
 color:#676676;
}
/*** Content Startpage*********************************************************/
#content {
max-width:100%;
  width:960px;
  padding-left:0;
  margin:15px auto 0px auto;
  overflow:hidden;
  text-align:left;

}

#content_top {
float:left;
margin:20px 0 0 0;
padding:0;
overflow:hidden;
}
#content_top_left {
margin:0px 0px 0 0px;
float:left;
width:30%;

}
#content_top_left img {
width:41px;
height:42px;
margin:0px 15px 0px 0px;
float:left;
}
#content_top_left h3 {
margin:7px 0 25px 0px;

}
#content_top_right {
float:right;
width:25%;
margin:0px 0px 0 0;
height:260px;
background: #202020;
}
#content_top_center {
float:left;
width:30%;
margin:37px 0px 0 70px;

}
#content_top_centerindex {
float:left;
width:30%;
margin:0px 0px 0 70px;
}
#content_top_center img {
width:41px;
height:40px;
margin:0px 15px 0px 0px;
float:left;
}
#content_top_centerindex img{
width:41px;
height:40px;
margin:0px 15px 0px 0px;
float:left;
}
#content_top_center h3 {
margin:7px 0 25px 15px;
}
#content_top_centerindex h3 {
margin:7px 0 25px 15px;
}
#content_top_center ul, #content_top_left ul {
margin:30px 0 15px 0;
}
#content_top_center ul li, #content_top_left ul li {
font-size:.85em;
list-style:square;
margin:0 0 0px 15px;
padding:.5em;
}
/*** #content_quicklinks {
max-width:100%;
  width:73em;
  padding-left:0;
  margin:0px auto 10px auto;
  overflow:hidden;
  text-align:left;
  clear:both;
}



#content_top_right_referenzen {
float:right;
width:35%;
margin:55px 0px 0 0;
height:242px;
}
#content_top_right_leistungen {
margin:40px 0px 0 0px;
float:left;
width:57%;
}



}
/*****Aktuelle Projekte*******************************************************/
#content_top_right h3 {
margin:10px 0 0 17px;
letter-spacing:.1em;
}

img#projekte {
float:left;
width:202px;
height:128px;
margin:15px 0 0 15px;
}
#link1 {
  float:left;
  width:230px;
  height:42px;
  padding:0;
  margin:15px 0 0 30px;
  color:f0f0f0;
 
}

/**ENDE********************************/

/**REFERENZEN***************************************************************/
#content_top_referenzen, #content_top_leistungen {
margin:0px 0px 0 0px;
float:left;
width:60%;
}
#content_top_leistungen h3 {
margin:9px 0 20px 10px;
} 
#content_top_leistungen p {
margin:0 0 15px 55px;
}
#kontakt_referenzen strong {
margin:0 0px 10px 0px;
text-decoration:underline;
}

#content_top_left_leistungen {
float:left;
width:60%;
margin:0px 0px 0 0;

}
#content_top_right_quick {
float:right;
width:25%;
margin:0px 0px 0 0;
height:220px;
background: #202020;

}
#content_top_right_quick h3 {
margin:10px 0 13px 17px;
letter-spacing:.1em;
}
#content_top_right_quick ul li {
margin:0px 0 0 17px;
padding:3px 0;
}

#content_top_right_quick ul li a:hover {
color: #BAC601;
}
img#referenzen {
float:right;
width:289px;
height:230px;
margin:0px 0 0 0px;
}
#content_top_right_leistungen img {
float:right;
width:231px;
height:190px;
margin:0px 0 0 0px;
}
#content_top_left_leistungen img#kontakt {
float:right;
width:184px;
height:167px;
margin:19px 100px 0 0px;

}
#content_bottom {

max-width:100%;
width:960px;
padding-left:0;
margin:10px auto 0 auto;
overflow:hidden;
text-align:left;
float:left;

}
#content_bottom_left {
margin:15px 0px 0 0px;
float:left;
width:31%;
}
div#tipps {
margin:60px 0px 0 0px;
float:left;
width:31%;
border:1px solid red;
}
#content_bottom_left img, #content_top_leistungen img {
width:42px;
height:40px;
margin:0px 15px 0 0px;
float:left;

}
#content_bottom_left h3 {
margin:7px 0 25px 15px;
}
#content_bottom_right {
float:right;

width:25%;
margin:15px 0px 0 0px;
padding-right:0px;

}
#content_bottom_right img {
width:41px;
height:42px;
margin:0px 15px 0 0px;
float:left;
}
#content_bottom_right h3 {
margin:7px 0 25px 15px;
}
#content_bottom_center {
float:left;
width:30%;
margin:15px 0px 0 70px;
}
#content_bottom_center img {
width:41px;
height:40px;
margin:0px 15px 0 0px;
float:left;
}
#content_bottom_center h3 {
margin:7px 0 25px 15px;
}
#content_bottom_leistungen {
clear:both;
max-width:100%;
width:73em;
padding-left:0;
margin:0px auto 0 auto;
overflow:hidden;
text-align:left;
float:left;

}

#content_bottom_left_leistungen, #impressum {
margin:0px 10px 0 0px;
padding:0 0px 0 0px;
float:left;
width:60%;
}
#content_bottom_leistungen a {
font-size:1em;
}
#content_bottom_right h3.kontakt, #content_bottom_center h3.kontakt, #content_bottom_left h3.kontakt {
margin:0 0 15px 0;

}
#content_bottom_left ul, #content_bottom_center ul, #content_bottom_right ul li, #impressum ul {
margin:0.5em 0 0 1em;
padding:0;

}
#content_bottom_left ul li, #content_bottom_center ul li, #content_bottom_right ul li, #impressum ul li {
margin:0;
padding:.8em 0;
list-style:square;
font-size:.85em;

}
#content_bottom_left ul li a strong, #content_bottom_center ul li a strong, #content_bottom_right ul li a strong, #impressum ul li a strong {
text-decoration:underline;
font-size:1.2em;

}
#impressum h3 {
font-size:120%;
margin-top:30px;
}
#content_bottom_left h3#leistungen {
background:transparent url(../images/content/leistungen.gif) top left no-repeat;
width:406px;
height:48px;

}

#aboutme {
background:transparent url(../images/content/aboutme.gif) top left no-repeat;
width:261px;
height:53px;

margin:0px 0 0 0px;
}
#guteswebdesign {
background:transparent url(../images/content/werkzeug.gif) top left no-repeat;
width:352px;
height:49px;
margin:0px 0 0 0px;


}
#angebot {
background:transparent url(../images/content/angebot.gif) top left no-repeat;
width:194px;
height:54px;

margin:0px 0 0 0px;

}


#content_bottom_right_leistungen {
margin:10px 10px 0 0px;
padding-left:20px;
float:right;
width:25%;
border-left:1px solid #E1EEFD;

}
#content_bottom_right_leistungen h3 {
background:transparent url(../images/content/quicklinks.jpg) top left no-repeat;
width:190px;
height:52px;

margin-left:15px;
}
#content_bottom_right_leistungen ul {
margin:0.5em 0 0 1em;
padding:0;

}
#content_bottom_right_leistungen ul li {
border-bottom:1px solid #E1EEFD;
}
#content_bottom_right_leistungen ul li a {
color:#5C9501;
padding: .7em;
display:block;

}
#content_bottom_right_leistungen ul li a:hover {
text-decoration:underline;
background:#333333;
padding: .7em;

}
#content_bottom_referenzen {
max-width:100%;
width:73em;
padding-left:0;
margin:0px auto 0 0px;
overflow:hidden;
text-align:center;
float:left;

}
#content_bottom_referenzen img {
border:none;
}
#content_bottom_referenzen h2 {
margin:5px 0 25px 0;
}
#content_bottom_referenzen dt {
text-align:left;
margin:40px 0 10px 0px;
}
/*** Footer ******************************************************************/
#footer {
float:left;
margin:40px 0px 0px 0;
font-size:100%;
}
#footer a {
text-decoration:underline;

padding:.1em;
}
#footer a:hover {
text-decoration:underline;
padding:.1em;
}
ul#navifooter li {
float:left;  /*richtet die list items horizontal aus*/
padding:10px 0 0 20px ;
font-weight:bold;
}
#footer a {
font-size:95%;
}
ul#navifooter li a:hover {
color: #FFF;

}/****bookmarks****************************************************************/
#footer .rgt {	
/*		background: transparent url('../img/socialbg.gif') left top no-repeat;*/
		display: block;	
/*		padding: 30px 0 10px 60px;*/
		width: 280px;
		width: 160px;
	}
#bookmarks {
		float: right;
		padding: 0 0 30px 10px;
		position: relative;
		width: 640px;
}
	
	.rgt #g {
		background: transparent url('../img/g.gif') left top no-repeat;
		display: block;
		height: 200px !important;
		margin-top: -10px;
		padding-top: 20px;
		position: absolute;
		z-index: 100;
		top: 100%;
	}

	#bookmarksall strong {
		display: block;
		font-weight: normal;
		padding-bottom: 5px;
	}

	#bookmarksall a {
		background: #fff;
		border: 3px solid #eee;
		display: block;
		float: left;
		height: 20px;
		padding: 1px;
		margin-right: 2px;
		vertical-align: middle;
	}

	#bookmarksall a img {
		display: block;
		vertical-align: middle !important;
	}

	#bookmarksallg.gif a:hover, #social a:focus {
		border-color: #96d0e8;
	}