@charset "iso-8859-1";
*{padding:0; margin:0;}

html {	
	height:100%; /* Mindesthöhe für den IE */ }
	
body  {

	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	overflow:visible;

	height:100%; /* Mindesthöhe für den IE */ 
}


#shadow{	
width: 770px; 
background-image:url(pics/shadow.png);
	background-repeat:repeat-y;
	margin: 0 auto 0; /* the auto margins (in conjunction with a width) center the page */
	z-index: 1;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */ 
	}
	
#butterfly{
height:100%;
position:absolute;
left:0;
top:0;
width:100%;
z-index:-1;

}	
 #container { 	
	width: 760px;  
	background: #FFFFFF;
	z-index: 10;
	margin: 0 auto 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	padding-bottom:90px;
	
} 
 #header {

	position:relative;
	height:240px;

	padding: 0;
	
	} 

 #sidebar1 {
 font-size:10px;
 border:none;
 margin-top:0;
 padding-top:0;
 margin-right:10px;
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background-image:url(pics/sidebarback.jpg);*/
	background-repeat:repeat-y;
	/*background: #f5f5f5;  the background color will be displayed for the length of the content in the column, but no further */
	
}

#sidebartext{
margin-top:20px;
padding: 0px 15px 15px 20px;
/*background-image:url(pics/sidebarBottom.jpg);*/
background-position: -50px;
background-position:bottom;
background-repeat:no-repeat;}
#sidebartext h3{
	border-bottom:#a5b604 solid 1px;}

 #mainContent { 
	margin: 20px 260px 20px 0; 
	padding: 0 20px; 
		min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */ 
} 
#blog #mainContent { 
	margin: 20px 20px 20px 0; 
	padding: 0 20px; 
} 
#referenzen  #mainContent, #kunden  #mainContent, #werbespots #mainContent { 
	margin: 20px 20px 20px 0; 
	padding: 0 20px; 
}


#blog ol{
margin-left:20px;
} 

 #mainContentNews { 
	margin: 0 0px 0 0; 
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
 #footer {
 height:60px;
margin: 0 auto 0; /* the auto margins (in conjunction with a width) center the page */
	padding: 10 10px 10 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top:#a5b604 2px solid;
	position: relative; margin-top: -60px; 
 	 width: 760px;
} 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#map{ 
width:100%;
height:500px;
margin-bottom: 1em;}

.kundenadr{
	background-color: #EBEBEB;
	display: block;
	float: left;
	height: 10em;
	margin-bottom: 1em;
	padding: 5px;
	text-align: left;
	width: 223px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*<------ Menüpunkt wird auf enstprechender Seite markiert (z.B. Menüpunkt Home auf der Indexseite)*/
#home #menue1 a, #agentur #menue2 a, #internet #menue3 a, #cms #menue3 a, #refprint #menue4 a, #refprint2 #menue6 a,  #ci #menue4 a,#ci2 #menue6 a, #referenzen #menue4 a, #werbespots #menue4, #news #menue7 a, #kontakt #menue6 a, #seo #menue3 a, #flash #menue3, #print #menue3 a,#multimedia #menue3 a,#newsletter #menue3 a, #multimedia2 #menue4 a, #kunden #menue2 a{

 	border-bottom:2px solid #a5b604;
    text-decoration:none;

} 
/*--------------------------------------------Navigation Top NEU*/
#navi {

	margin:0;
	padding:0;
	position:absolute;
	z-index:20;
	height:53px;
	width:760px;
	left: 0px;
	top: 188px;
	margin-bottom:1em;
}
#navi ul {

	margin:0;
	padding: 0;
	list-style-type:none;


}


#menue1,#menue2,#menue3,#menue4,#menue5,#menue6{
	width:126px;
	height:33px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
	background-image:url(pics/navi_b1.jpg);
	background-position: top left;
	background-repeat:no-repeat;	
	padding-top:15px;
	/*background-color:#C9C9C9;*/
} 

#menue2 a{padding: 15px 15px;}

#navi a{ font-size:12px;
    padding: 15px 25px;;
	text-decoration:none;
	color:#666666;
} 
#navi a:hover{
color:#A5B604;
} 
#menue2 a{padding: 15px 15px;}
#submenu_1{ padding-top:18px;}
.pnav{padding:0px 5px;}

#submenu_1 a{ 
padding:9px 0 10px 0;

border-bottom:1px #fff solid;
display:block;
		}
		
.smenu,.umenu{ background-color:#e3e3e3; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid;}
#submenu_1 a:hover{ color:#000; background-color:#A5B604;}

#submenu_2,#submenu_3 { padding-top:18px;}
.pnav{padding:0px 5px;}

#submenu_2 a,#submenu_3 a{ 
padding:9px 0 10px 0;

border-bottom:1px #fff solid;
display:block;
		}
		

#submenu_2 a:hover,#submenu_3 a:hover{ color:#000; background-color:#A5B604;}
/*--------------------------------------------Navigation Top ENDE*/


/*-------------------------------------------- SUBNavigation */
 
#subnavi{
	margin:0;
	padding:0;
	position:absolute;
	height:23px;
	width:587px;
	left: 9px;
	top: 207px;
}
	
#subnavi ul {

	padding: 3px 5px;


}
#subnavi li{
	display:inline;
	
	
} 
#subnavi a{
	
	font-weight:bold;
	font-size:9px;
	background:none;
	margin-right:5px;
	padding: 2px 8px 2px 8px;
	color:#666666;
	
	border-right:1px solid #a5b604;

	text-decoration:none;
	} 
 #subnavi a:hover{
	background:none;
	color:#999999; 
	text-decoration:underline;
	}
#internet #sub1 a,#referenzen #sub1 a, #referenzen2 #sub1 a, #referenzen3 #sub1 a, #referenzen4 #sub1 a, #cms #sub2 a,#refprint #sub2 a, #refprint2 #sub2 a, #ci #sub3 a, #ci2 #sub3 a, #flash #sub3 a,#seo #sub4 a, #multimedia #sub4 a, #werbespots #sub5 a {
	 color:#a5b604;
	 } 

/*--------------------------------------------SUBNavigation ENDE*/
/*----------------------------------------------------------Links*/
a:link { font-weight:bold; color:#a5b604; text-decoration:none; }
a:visited { font-weight:bold; color:#a5b604; text-decoration:none; }
a:focus { font-weight:bold; color:#a5b604; text-decoration:underline; }
a:hover { font-weight:bold; color:#999999; text-decoration:underline; }
/*a:hover { font-weight:bold; color:#FFFFFF; text-decoration:none; background-color:#a5b604; }*/
a:active { font-weight:bold; color:#a5b604; text-decoration:underline; }
/*----------------------------------------------------------Links ENDE*/

/*----------------------------------------------------------Schriften */
p {margin-bottom:1em;}
h1{
	font-size:20px;
	color:#a5b604;
	margin-bottom:1em;
}
h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
}
h4{
	font-size:11px;
	font-weight:bold;
	margin-bottom:1em;
}
h5{
	font-size:12px;
	color:#a5b604;
	font-weight:bold;
	margin-bottom: 0.5em;
}

#blog h2 {
	font-weight:bold;
	font-size:20px;

	margin-bottom:0.5em;
}

h2 {
	font-weight:bold;
	font-size:12px;

	margin-bottom:0;
}

cite  {font-size:9px;}
address {
	font-size:9px;
	text-align:center;
	font-style:normal;
	margin-top:10px;
}
.textsmall{font-size:9px;}
/*----------------------------------------------------------Schriften ENDE*/

.bildborder{border:#CCCCCC solid 1px;}
.bildborder a:hover {border:##CC0000 solid 1px;}

hr{
background-color:#a5b604; /* Mozilla 1.4 */
color:#a5b604; /* IE 6 */
border: #a5b604; /* Opera 7.11 */
height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

/*------------------------------------------Aufzählung allgemein-------------*/

ul {
padding-left:15px;
padding-top:10px;
padding-bottom:10px;


}
.tableBeschreibung{
/*	background-color:#CCCCCC;
	color:#666666;
	font-size:9px;*/
}
.tablehead{
/*	background-color:#CCCCCC;*/
	color:#a5b604;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 0.5em;
}
/*------------------------------------------Aufzählung allgemein ende------------*/

/*------------------------------------------Aufzählung Seiten-------------*/

#seite ul {
	text-align:right;
	/*padding: 3px 5px;*/


}
#seite li{
	color:#FFFFFF;

	display:inline;
	
} 
#seite a{
	background-color:#a5b604;
	margin-right:3px;
	padding:  3px;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	} 
 #seite a:hover{
	background-color:#FFFFFF;
	color:#a5b604; 
		}
#referenzen #seite1 a,#referenzen2 #seite2 a, #referenzen3 #seite3 a, #referenzen4 #seite4 a, #refprint #seite1 a, #refprint2 #seite2 a, #ci #seite1 a, #ci2 #seite2 a{
background-color:#FFFFFF;
	color:#a5b604; 
}

/*------------------------------------------Aufzählung Seiten  ende-------------*/

/* ----------------------Lightbox ---------------------------------start*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 19;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {
	background-image: url(images/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: left 15%;
}
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* ----------------------Lightbox ---------------------------------End*/
/* ----------------------Kontakt ---------------------------------Start*/

#honigtopf{
display:none;
visibility:hidden;}

form{
	border-right:1px #DADADA solid;
	border-bottom: 1px #DADADA solid;
	background-color:#E9E9E9;
	width:430px;
	padding:10px;
}
label{
	display:block;
	}
#name, #EMail,#telefon,  textarea{
	width:400px;
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	color:#666666;}
	#name, #EMail, #telefon  {
	background-color:none;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: 1px #A5B604 dotted;
	}
textarea{

    border:none;
	color:#666666;
	height:8em;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;}
input:focus, textarea:focus{
		background-color:#ddeb85;}
	#submit  {margin-top:15px;
		color:#666666;
		font-weight:bold;
		width:400px;
		height:20px;
	    border-left:1px #ffffff solid;
	border-right:1px #666666 solid;
	border-top:1px #ffffff solid;
	border-bottom: 1px #666666 solid;
		 background-color:#ddeb85;
	}
	#submit:hover  {
		margin-top:15px;
		color:#000000;
		font-weight:bold;
		width:400px;
		height:20px;
	    border-left:1px #666666 solid;
	border-right:1px #ffffff solid;
	border-top:1px #666666 solid;
	border-bottom: 1px #ffffff solid;
		 background-color:#ddeb85;
	}
	
	/* >>>>>>>> Validate Form <<<<<<<<<  */
/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
}

/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}
/* >>>>>>>> Validate Form ENDE <<<<<<<<<  */
	/* ----------------------Kontakt ---------------------------------ende*/
	
		/* ----------------------Akkordion ---------------------------------start*/
.ui-icon-circle-arrow-e {
background-image:url(pics/pfeil1_open.jpg);

}

.accordion{
height:300px;
}

h6{
padding-left:20px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
	background-image:url(pics/pfeil_close.jpg);
	background-repeat:no-repeat;
/*	background-color:#E9E9E9;*/
	color:#000000;
	height:18px;
	border-bottom:#E9E9E9 1px solid;
	

}

#accordion a {

	color:#666666;
}
#accordion a:hover {

	color:#A5B604;
}
.selected h6{
padding-left:20x;
background-image:url(pics/pfeil_open.jpg);
	background-repeat:no-repeat;
	border-bottom:#A5B604 1px solid;
		
	
	}

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion li {display: inline;}
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
	/* ----------------------Akkordion ---------------------------------ende*/
	
#preview{position:absolute;}

/* ----------------------Karusell Buttons ---------------------------------start*/

.karussell{
	position:relative;
	z-index:0;
}
/* ----------------------show/hide Buttons ---------------------------------start*/
.showButton { background-color:#a5b604; text-align:right; margin:1em 0 ; padding-right:10px; display:block;color:#FFFFFF; font-weight:bold; cursor:pointer;}
.showButton a{ color:#FFFFFF;} 
.hideButton { background-color:#fff; text-align:right; margin:1em 0 0 0; padding-right:10px; display:block;font-weight:bold; color:#333333;cursor:pointer;}
#weihnachtskarten{ display: none;}

/* ---------------------- REFERENZEN ---------------------------------start*/
.refposfix{margin-left:130px;}
#top-link { display:none; 
position:fixed;

bottom:5px; 
font-weight:bold; 
text-decoration:none; 
border:1px solid green; 
padding:10px;
background-image:url(pics/transparent.png);
background-repeat:repeat;
display:block;
  width: 100%;
  z-index:99999999;}
  #top-link a:link{ color:#006633;}
.refdiv{
border:#a5b604 1px solid;margin-bottom:1em; width:620px; margin-left: 40px;
background-color:#F0F0F0;
padding:10px;}
.refhead{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 1.5em;
	text-align:center;
	background:#a5b604;
	padding:5px;
}
.refbild{
text-align:center;margin-bottom:1em;
background-image:url(pics/refbilder_back.jpg);
position:relative;
background-color:#FFFFFF;}
.reftext{
text-align:justify;
}
.refleistung{
width:200px;

}
.reflink{  padding-right: 51px;text-align:right; margin-top:5px;}

.refrub{ background-color:#a5b604; color:#FFFFFF; font-size:16px; padding:10px; margin-bottom:1em; font-weight:bold;}

/*  -------- FILTER ------- */
#katfilter{ text-align:center; padding:5px; background-color:#F0F0F0; color:#999;}
#katfilter p{ font-weight:bold; font-size:12px;}
ul#filter {
	font-size: 10px;
	list-style: none;
	margin-left: 0;
}
ul#filter li {
	border-right: 1px solid #dedede;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
	display:inline;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #A5B604; font-weight: bold; }

/* Easy Slider */


	.refbild ul,.refbild li,.slider ul, .slider li,
	.slider2 ul, .slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	.refbild li, .slider li, .slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:364px;
		height:291px;
		overflow:hidden;
		}	
	.prevslide,#prevBtn, #nextBtn,
	.nextslide,#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
	
		top:71px;
		z-index:1000;
		left:97px;	
		}	
	.nextslide,#nextBtn, #slider1next{ 
		left:497px;
		}														
	.prevslide a,#prevBtn a, #nextBtn a,
	.nextslide a,#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;
		
		}	
	.nextslide a,#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		

	
/* // Easy Slider */
.wp-caption {
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #F3F3F3;
    border: 1px solid #DDDDDD;
    margin: 10px;
    padding-top: 4px;
    text-align: center;
}

/* //  **************** FB-Button **************** */

#fb-button {  background-color: #ECEEF5;
    border: 1px solid #CAD4E7;
	width:80px;
	height:10px;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
	padding: 5px 5px 5px 30px;
	background-image:url(pics/fb-hand.png);
	background-repeat:no-repeat;
	background-position: 10px;	
   }
#fb-stage a{ color:#000066;}