html, body { height: 100%; overflow: hidden; }
body { background-color: #fff; margin: 0; padding: 0;   font-family: verdana; font-size: 11px;   letter-spacing: 0px; }
  
/***************************/
/********  Header Elemente *********/
/***************************/


#title-bar {
	position:absolute;
	top:0.95em/*1.4em*/;
	left:33px;
	height:31px;
	width: 260px;
}

#title-bar h2 {
  font-family:"Times New Roman", Times, serif;
  font-size:13px;
  color:#20cc14;
  text-transform:uppercase;
}

#title-bar h2 a {
  font-family:"Times New Roman", Times, serif;
  font-size:13px;
  color:#20cc14;
  text-transform:uppercase;
}

#title-bar_willkommen {
	position:absolute;
	top:4.0em/*7.4em*/;
	right:0;
	height:30px;
	width:352px;
}

#title-bar p {
  text-align:right;
  font-family:"verdana", serif;
  font-size:12px;
  color:#666666;
}

/***************************/
/********  Iframe Central *********/
/***************************/

#iframe_central { margin:auto; padding: 0 6px; border-width: 0; }


/***************************/
/********  Vertikale Navigation Leistungen *********/
/***************************/

#nav_leistungen { position:absolute; float:left; top:-2px/*7.4em*/;	left:0px;	border: 1px solid #f7c80c;	border-width: 0;	height: 428px;	width: 29px;}
#nav_ueberuns{
	position:absolute;
	float:left;
	top:-2px/*7.4em*/;
	left:0px;
	border: 1px solid #f7c80c;
	border-width: 0;
	height: 428px;
	width: 29px;
}
#nav_gestaltung{
	position:absolute;
	float:left;
	top:-2px/*7.4em*/;
	left:0px;
	border: 1px solid #f7c80c;
	border-width: 0;
	height: 428px;
	width: 29px;
}

#nav_referenzen{
	position:absolute;
	float:left;
	top:-2px/*7.4em*/;
	left:0px;
	border: 1px solid #f7c80c;
	border-width: 0;
	height: 428px;
	width: 29px;
}

#nav_impressum{ position:absolute;	float:left;top:-2px/*7.4em*/;	left:0px;	border: 1px solid #f7c80c;	border-width: 0;	height: 428px;	width: 29px;}
#nav_kontakt{	position:absolute; float:left;	top:-2px/*7.4em*/;	left:0px;	border: 1px solid #f7c80c;border-width: 0;	height: 428px;	width: 29px;}
#nav_partner{	position:absolute;	float:left;	top:-2px/*7.4em*/;	left:0px;	border: 1px solid #f7c80c;	border-width: 0;	height: 428px;	width: 29px; }

#nav_leistungen:hover { color: #fff; background: url(../img/nav_leistungen_hover.jpg); background-position: 0.03em 2px; border-bottom-width: 1px;  }
#nav_ueberuns:hover { color: #fff; background: url(../img/nav_ueberuns_hover.jpg); background-position: -0.1em 2px; border-left-width: 1px;  border-bottom-width: 1px;}
#nav_gestaltung:hover { color: #fff; background: url(../img/nav_gestaltungsideen_hover.jpg); background-position: -0.1em 2px; border-left-width: 1px;  border-right-width: 1px; border-bottom-width: 1px;}
#nav_gestaltung_left:hover { color: #fff; background: url(../img/nav_gestaltungsideen_hover_left.jpg); border-left-width: 1px;  border-bottom-width: 1px;}
#nav_referenzen:hover { color: #fff; background: url(../img/nav_referenzen_hover.jpg); background-position: -1px 2px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px;}
#nav_impressum:hover { color: #fff; background: url(../img/nav_impressum_hover.jpg); background-position: -1px 2px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px;}
#nav_kontakt:hover { color: #fff; background: url(../img/nav_kontakt_hover.jpg); background-position: -1px 2px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px;}
#nav_partner:hover { color: #fff; background: url(../img/nav_partner_hover.jpg); background-position: -1px 2px; border-left-width: 1px; }
#nav_leistungen, nav_ueberuns, nav_gestaltung, nav_referenzen, nav_impressum, nav_kontakt, nav_partner:hover a { color: white; }
#nav_leistungen_title{ margin:inherit;float:left; top:0; left:0; padding: 0 0px; border-width: 0; }

/***************************/
/********  Container in Iframe *********/
/***************************/

#container {

    margin-left:0px;
    margin-top:32px;
    width:545px;
	height:433px;
    margin:0 auto;
	background-image:url(../../img/allcontent_bg.jpg)
}

/***************************/
/********  Menu in Iframe *********/
/***************************/

#menu  { margin-top:32px;
		 width:205px;
		 float:left;
}

#menu h2 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  color:#20cc14;
  margin-left:12px;
  margin-bottom:12px;
}

#menu p {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  font-style:bold;
  margin-left:0px;
  margin-top:12px;
}
#menu a {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  font-style:bold;
  color:#20cc14;
  text-decoration:none;
  margin-left:12px;
  margin-bottom:12px;
}

#menu a:hover {
  font-family:"Verdana", Arial, Helvetica;
  color:#FFCC33;
  font-style:bold;
  font-size:12px;
  text-decoration:none;
}


/***************************/
/********  Menu Referenzen in Iframe *********/
/***************************/

#menu_referenzen  { 
	margin-top:32px;
	width:205px;
	float:left;
}

#menu_referenzen h2 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  color:#20cc14;
  margin-left:12px;
  margin-bottom:6px;
}

#menu_referenzen p {
  font-family:"Verdana", Arial, Helvetica;
  font-size:11px;
  font-style:bold;
  margin-left:0px;
 margin-top:6px;
}
#menu_referenzen a {
  font-family:"Verdana", Arial, Helvetica;
  font-size:11px;
  color:#20cc14;
  text-decoration:none;
  margin-left:12px;
  margin-bottom:6px;
}

#menu_referenzen a:hover {
  font-family:"Verdana", Arial, Helvetica;
  color:#FFCC33;
  font-style:bolder;
  font-size:11px;
  text-decoration:none;
}
/***************************/
/********  Content in Iframe *********/
/***************************/


#content {
	float:left;
	width:337px;
	margin-top:12px;
	text-align:justify;
}

#content h2 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  color:#20cc14;
  margin-left:12px;
  margin-top:32px;
  margin-bottom:12px;
}

#content h3 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:11px;
  color:#20cc14;
  margin-left:12px;
  margin-top:22px;
  margin-bottom:12px;
}

#content p {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  font-style: bold;
  margin-left:12px;
 margin-top:12px;
}

#content a {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  font-style:bold;
  color:#20cc14;
  margin-left:12px;
  margin-bottom:12px;
}

#content a:hover {
  font-family:"Verdana", Arial, Helvetica;
  color:#20cc14;
  font-size:12px;
  text-decoration:none;
  font-style: bold;

}

#content img {
  margin-left:12px;
  border:solid;
  border-width:1px;
  border-color:#CCCCCC;
  background: none;
  width:300px;
}
#content img span{
    margin-left:12px;
	font-size:9px;
	font-style:italic;
	right:8px;
	padding:0 0px 0px 0;
}

#content span{
    margin-left:12px;
	font-size:9px;
	font-style:italic;
	right:8px;
	padding:0 0px 0px 0;
}

#content shadow {
	BORDER-RIGHT: #666 2px solid; Z-INDEX: 10; FILTER: alpha(opacity=40); BORDER-BOTTOM: #b8b7b2 3px solid; moz-opacity: .4;
}

#arrows{
	margin-top:12px;
    margin-left:0px;
	font-size:11px;
	text-align:center;
}

/***************************/
/********  Content in Iframe Impressum/Datenschutz *********/
/***************************/

#content_datenschutz {
	float:left;
	width:310px;
	margin-top:12px;
	text-align:justify;
}
#content_datenschutz h2 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  color:#20cc14;
  margin-left:12px;
  margin-top:32px;
  margin-bottom:12px;
}
#content_datenschutz h3 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:11px;
  color:#20cc14;
  margin-left:12px;
    margin-top:32px;
  margin-bottom:12px;
}

#content_datenschutz p {
  font-family:"Verdana", Arial, Helvetica;
  font-size:10px;
  font-style: bold;
  margin-left:12px;
  margin-top:12px;
}

#content_datenschutz a {
  font-family:"Verdana", Arial, Helvetica;
  font-size:10px;
  font-style:bold;
  color:#20cc14;
  margin-left:12px;
  margin-bottom:12px;
}

#content_datenschutz a:hover {
  font-family:"Verdana", Arial, Helvetica;
  color:#20cc14;
  font-size:10px;
  text-decoration:none;
  font-style: bold;

}

/***************************/
/********  Content in Iframe Gestaltung *********/
/***************************/



#content_gestaltung{
	float:left;
	width:545px;
	margin-top:20px;
	text-align:justify;
	height: 340px;
}

#content_gestaltung h2 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  color:#20cc14;
  margin-left:12px;
  margin-top:22px;
  margin-bottom:12px;
}
#content_gestaltung h3 {
  font-family:"Verdana", Arial, Helvetica;
  font-size:11px;
  color:#20cc14;
  margin-left:12px;
  margin-top:22px;
  margin-bottom:12px;
}

#content_gestaltung p {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  font-style: bold;
  margin-left:12px;
  margin-top:12px;
}


#img span{
    margin-left:12px;
	font-size:9px;
	font-style:italic;
	right:8px;
	padding:0 0px 0px 0;
}
/***************************/
/********  Content smallthumbs in Iframe *********/
/***************************/
#smallthumbs {
	Z-INDEX: 15;
	overflow: hidden;
	visibility: visible;
	width: auto;
	top: 12px;
	width: 200px;
	height: 400px;
}

#smallthumbs p {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  color:#00DF00;
  font-style:bold;
  margin-left:0px;
  margin-top:12px;
}
#smallthumbs a {
  font-family:"Verdana", Arial, Helvetica;
  font-size:12px;
  font-weight:500;
  color:#00DF00;
  text-decoration:none;
  margin-left:12px;
  margin-bottom:12px;
}
#smallthumbs a:hover {
  font-family:"Verdana", Arial, Helvetica;
  color:#FFCC33;
  font-weight:500;
  font-size:12px;
  text-decoration:none;
}

#smallthumbs IMG {
	BORDER-LEFT-COLOR: #ffffff; 
	BORDER-BOTTOM-COLOR: #ffffff; 
	BORDER-TOP-COLOR: #ffffff; 
	BORDER-RIGHT-COLOR: #ffffff;
}
.frames {
	Z-INDEX: 14;
	LEFT: 227px;
	VISIBILITY: hidden;
	WIDTH: 302px;
	POSITION: absolute;
	TOP: 20px;
	HEIGHT: 339px;
}
.transMenu {
	LEFT: -1000px; 
	OVERFLOW: hidden; 
	POSITION: absolute; 
	TOP: -1000px;
}
.transMenu .content {
	POSITION: absolute;
}
.transMenu .items {
	Z-INDEX: 20; 
	LEFT: 0px; 
	POSITION: relative; 
	TOP: 0px;
}
.top .items {
	BORDER-TOP: medium none;
}
.transMenu .item {
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: medium none; 
	CURSOR: hand; COLOR: #fff; 
	BORDER-BOTTOM: medium none; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}
.transMenu .background {
	Z-INDEX: 10; 
	FILTER: alpha(opacity=80); 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	moz-opacity: .8;
}
.transMenu .shadowRight {
	Z-INDEX: 30; 
	FILTER: alpha(opacity=40); 
	WIDTH: 2px; 
	POSITION: absolute; 
	TOP: 3px; 
	moz-opacity: .4;
}
.transMenu .shadowBottom {
	Z-INDEX: 10; 
	FILTER: alpha(opacity=40); 
	LEFT: 3px; 
	POSITION: absolute; 
	HEIGHT: 2px; 
	moz-opacity: .4;
}
.transMenu .hover {
	BACKGROUND: #555; 
	COLOR: #fff;
}
.transMenu .item IMG {
	MARGIN-LEFT: 10px
}

/***************************/
/********  Foooter *********/
/***************************/



#footer { padding: 0 6px; border: 1px solid #e00; border-width: 0; }
#footer p { color: #aaa; text-align:center; background-color: #fff; border-bottom-width: 1px; }
#footer p span { color: #20cc14; font-size:12px; font-weight:400;}
#footer p span a { color: #20cc14; font-size:12px; font-weight:400;}

.copyright { float: center;color: #676767; }
.copyright a { font-weight: normal;color: #676767; }