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

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;
}


#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;
	}
	
#butterfly{
height:100%;
position:absolute;
left:0;
top:0;
width:100%;
z-index:-1;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: 100%; /* Mindesthöhe in IE (<7) */

}	
 #container { 	
/*  height: 100%;*/
	width: 760px;  
	background: #FFFFFF;
	z-index: 10;

	margin: 0 auto 0; /* the auto margins (in conjunction with a width) center the page */
	/*border: 2px solid #fff;*/
	text-align: left; /* this overrides the text-align: center on the body element. */

	
/*	text-align:justify;*/
} 
 #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;}

 #mainContent { 
	margin: 20px 260px 20px 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	text-align:justify;*/
} 
#blog #mainContent { 
	margin: 20px 20px 20px 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
/*	text-align:justify;*/
} 
#blog ol{
margin-left:20px;
} 

 #mainContentNews { 
	margin: 0 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	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;

	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; 
} 
 #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 */
}
.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;
}
/*-------------------------------------------- Navigation Top
#navi {

	margin:0;
	padding:0;
	position:absolute;

	height:53px;
	width:760px;
	left: 0px;
	top: 188px;
}
 
#navi ul {

	margin:0;
	padding: 0px 8px 4px 12px;


}
#navi li{
	display:inline;
	font-size:11px;
	font-weight:bold;
} 
#navi a{ font-size:9.3px;
	margin-right:5px;
	padding: 4px 8px 4px 8px;
	text-decoration:none;
	color:#666666;
} 
 #navi a:hover{

 	border-bottom:2px solid #a5b604;
    text-decoration:none;
	}*/
/*<------ 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{

 	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;


}


#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;
		}
		

#submenu_1 a:hover{ color:#000; background-color:#A5B604;}

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

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

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

#submenu_2 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;}