@charset "utf-8";
/* css document */

* 							{ margin:0px; padding:0px; border:none;}
html 						{ overflow-y:scroll; /* permanent scrollbar in Firefox */}
/*body 						{ font:12px/20px Verdana, Arial, Helvetica, sans-serif; color:#767677; background:#65372c ;}*/

/*p   						{ margin-bottom:20px;}*/
a							{ color:#767677; text-decoration:none;} 
a:hover						{ text-decoration:none;}


/* -------------- */
/* layoutelements */
/* -------------- */
div#layout 					{ background:url(../images/layout.jpg) no-repeat; margin:0px auto; width:870px; height:710px;}
div#container 	    		{ width:100%; height:auto; margin:0px auto;}

/* header */
div#header					{ width:100%; height:157px; margin:0px auto; background:  url(../images/bg-header.gif) repeat-x;}
div#headerInner				{ width:968px; height:157px; margin:0px auto; position:relative; z-index:50; }
h1#branding					{ padding:28px 0 0 80px;}
h1#branding a				{ width:474px; height:72px; display:block; background:url(../images/bg-branding.png) no-repeat; text-indent:-9000px; overflow:hidden;}
#claim						{ padding:0 0 0 0; width:100px; height:100px; text-indent:-9000px; overflow:hidden;}

/* content */
div#contentContainer		{ width:100%; height:auto; background: #d9d9d9 url(../images/bg-contentcontainer.jpg) repeat-x;}
div#contentContainerMain    { width:100%; min-height:500px; height:auto !important; height:500px; background: url(../images/bg-contentcontainermain.jpg) repeat-x bottom;}
div#contentMain	 			{ width:800px; padding: 20px 0 0 0; margin:0px auto; min-height:300px; height:auto !important; height:300px; }
div#contentMain h1 			{ font-size:14px; color:#767677;}
div#contentMain h2 			{ font-size:20px; font-weight:normal; color:#633327; margin: 30px 0 20px 0; font-family:"Times New Roman", Times, serif; }
div#contentMain h3 			{ font-size:18px; font-weight:normal; color:#633327; margin: 0 0 20px 0; font-family:"Times New Roman", Times, serif; }
div#contentMain ul 			{ list-style-type:none; margin-bottom:20px;}
div#contentMain ul li		{ list-style-type:none; padding:0 0 5px 30px; color:#633327; background:url(../images/icon-li.gif) 0px 7px no-repeat;}
div.contentColumn 	 		{ width:300px; float:left; background:url(../images/bg-contentcolumn.jpg) no-repeat;}
div#contentMain-sidebar-left { width:500px; float:left; }
div#contentMain-sidebar-right { padding: 70px 0 0 0; width:300px; float:left; }

/* footer */
div#footer					{ width:100%; height:71px; border-top:#FFFFFF 1px solid;  background:url(../images/bg-footer.gif) repeat-x; }
div#footerMain				{ width:800px; padding:5px 0 0 0; margin:0px auto; color:#FFFFFF; line-height:14px;/* font-size:9px;*/  /*font: Verdana, Arial, Helvetica, sans-serif; */}
div#footerMain a            { color:#FFFFFF; text-decoration:none;}
div#footerMain a:hover      { color:#FFFFFF; text-decoration:none;}	


/* navi with bg-image */
ul#navi  			   		{ list-style-type:none; width:580px; height:21px; position:absolute; z-index:60; left:80px; top:115px; color:#767677; }
ul#navi li 					{ list-style-type:none; background-image:none; float:left;}
ul#navi li a				{ text-indent:-9000px; overflow:hidden; display:block; height:21px;}
ul#navi li a.nav1 			{ background:url(../images/navi/home.gif) no-repeat; width:55px;color:#767677;}
ul#navi li a.nav2 			{ background:url(../images/navi/ueberuns.gif) no-repeat; width:90px;}
ul#navi li a.nav3 			{ background:url(../images/navi/produkte.gif) no-repeat; width:92px;}
ul#navi li a.nav4 			{ background:url(../images/navi/galerie.gif) no-repeat; width:75px;}
ul#navi li a.nav5 			{ background:url(../images/navi/blog.gif) no-repeat; width:56px;}
ul#navi li a.nav6 			{ background:url(../images/navi/kundenlogin.gif) no-repeat; width:118px;}
ul#navi li a.nav7 			{ background:url(../images/navi/contact.gif) no-repeat; width:71px;}
ul#navi li a:hover, #index ul#navi li a.nav1, #ueberuns ul#navi li a.nav2, #produkte ul#navi li a.nav3, #galerie ul#navi li a.nav4, 
#blog ul#navi li a.nav5, #kundenlogin ul#navi li a.nav6, #kontakt ul#navi li a.nav7  {background-position:0 -20px;}
ul#navi li ul               { display: none;  width:172px; }
ul#navi li:hover ul         { display:block;  z-index:40; margin: 0; list-style-type:none; padding: 0; position:absolute; width:172px;top:0px;  left: 0px;}
ul#navi li ul a.dropdown1   { background:url(../images/navi/produkteweddingdigitalben.gif) no-repeat; width:194px;position:absolute; top:21px; left:151px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown1 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown2   { background:url(../images/navi/produktegrusskarten.gif) no-repeat; width:194px;position:absolute; top:42px; left:151px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown2 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown3   { background:url(../images/navi/produkteelternalben.gif) no-repeat; width:194px;position:absolute; top:63px; left:151px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown3 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown4   { background:url(../images/navi/produktedigitalgemaelde.gif) no-repeat; width:194px;position:absolute; top:84px; left:151px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown4 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown41   { background:url(../images/navi/produkteexklusivweddingalben.gif) no-repeat; width:194px;position:absolute; top:105px; left:151px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown41 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown5   { background:url(../images/navi/galerieindoor.gif) no-repeat; width:127px;position:absolute; top:21px; left:242px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown5 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown6   { background:url(../images/navi/galerieoutdoor.gif) no-repeat; width:127px;position:absolute; top:42px; left:242px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown6 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown7   { background:url(../images/navi/galeriereportage.gif) no-repeat; width:127px;position:absolute; top:63px; left:242px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown7 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown8   { background:url(../images/navi/galerieinlove.gif) no-repeat; width:127px;position:absolute; top:84px; left:242px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown8 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
ul#navi li ul a.dropdown9   { background:url(../images/navi/galerietrashthedress.gif) no-repeat; width:127px;position:absolute; top:105px; left:242px; padding: 0 0 0 0; }
ul#navi li ul a:hover.dropdown9 {position:absolute; background-position:0 -20px;   margin: 0 ; color:#086b5e;}
/* ----------------------- */
/* classes ans other stuff */
/* ----------------------- */

/* color and fonts */
.hightlight1 				{color:#633327;} /*  */
.hightlight2 				{} /*  */	

/* site-elements */
.top						{}
.image 						{ padding:1px; background:#fff; border:1px solid #000;}
div#declaration 			{ width:auto; background:#eee; padding:20px 20px 0 20px; margin:0 0 20px 0; border:1px solid #ccc; font-size:11px;}
div#thanks 					{ width:auto; background:#eee; padding:10px 10px 0 10px; margin:0 0 20px 0; border:1px solid #ccc;}
.pdf						{ padding:0 0 10px 26px; background:url(../images/icon-pdf.gif) no-repeat;}
.pdfText					{ font-size:11px; border-top:1px solid #808080; padding-top:20px; margin-top:30px;}

/* floats */
.clear		  				{ clear:both; font-size:0.0001em; line-height:0.00001em;}
.floatRight 				{ float:right;}
.floatLeft 					{ float:left;}
.spacer { clear: both;
          height: 30px;
          padding: 0 0 20px 0;
}
.spacer2 { clear: both;
          height: 60px;
          padding: 0 0 20px 0;
}
/* flash implementation */
#containerSwf-1{
	width:280px;
	height:85px;
	position:absolute;
    top:74px;
    left:605px;
	border: none;
    /*background-color:#fff;*/
	/*background: url(images/bg-header.jpg) bottom left no-repeat;*/
}
#containerSwf-2{
	    width:100%;
	height:600px;
	padding:0 0 0 0;
	margin:0 0 -3px 0;
	border: none;
    /*background-color:#fff;*/
	/*background: url(images/bg-header.jpg) bottom left no-repeat;*/
}
#containerSwf-3{
	width:800px;
	height:510px;
	padding:0 0 250px 0;
    _padding:0 0 70px 0;
	margin:0 0 0 0;
	border: none;
    /*background-color:#fff;*/
	/*background: url(images/bg-header.jpg) bottom left no-repeat;*/
}
/* margin */
.mT5 						{ margin-top:5px !important;}
.mT10 						{ margin-top:10px !important;}
.mT20 						{ margin-top:20px !important;}
.mT30						{ margin-top:30px !important;}
.mT40						{ margin-top:40px !important;}
.mT50						{ margin-top:50px !important;}

.mB0 						{ margin-bottom:0px !important;}
.mB5 						{ margin-bottom:5px !important;}
.mB10 						{ margin-bottom:10px !important;}
.mB20 						{ margin-bottom:20px !important;}
.mB30 						{ margin-bottom:30px !important;}
.mB40 						{ margin-bottom:40px !important;}
.mB50 						{ margin-bottom:50px !important;}

.mL5 						{ margin-left:5px !important;}
.mL10 						{ margin-left:10px !important;}
.mL20 						{ margin-left:20px !important;}
.mL30 						{ margin-left:30px !important;}
.mL40 						{ margin-left:40px !important;}
.mL50 						{ margin-left:50px !important;}

.mR5 						{ margin-right:5px !important;}
.mR10 						{ margin-right:10px !important;}
.mR20 						{ margin-right:20px !important;}
.mR30 						{ margin-right:30px !important;}
.mR40 						{ margin-right:40px !important;}
.mR50 						{ margin-right:50px !important;}