@charset "UTF-8";

/**
 stylesheet for http://www.minimalistisch.de
 © Maximilian Wambach, http://www.der-gestalt.de

***/

/*************************************************************************/

/**
*
* Tags
*
**/
* {margin: 0;padding: 0;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin: 0;padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; vertical-align:  baseline;}

body {background-color: #FFFFFF; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 90%; height: 100%;color: #333333;}
ol li {	list-style-type: square;list-style-position: inside;}
li {list-style-type: none;}
a {color: #666666; text-decoration: underline;}

/*Header and Wrapper*/
.wrapper {width: 1065px; margin: 80px auto;}
.header {height: 50px;}
h1.logo {float: left;}
h1.logo a {width: 314px; height: 45px; display: block; background: transparent url('_img/logo.gif') no-repeat 0 0; text-indent: -9999px;}
.content {margin-top:40px;}
/*Navigation*/
ul.navigation {float: right;margin-right: 30px; width: 347px; height: 38px; margin-top: -7px;}
ul.navigation li {float: left;}
ul.navigation li a {display: block; background: transparent url('_img/navi.gif') no-repeat left top; text-indent: -9999px;}
ul.navigation li.about a {background-position: 0 0; height: 50px; width: 104px;}
ul.navigation li.portfolio a {background-position: -104px 0; height: 50px; width: 138px;}
ul.navigation li.contact a {background-position: -242px 0; height: 50px; width: 105px;}
ul.navigation a:hover, ul.navigation a.selected {background-image: url('_img/navi_hover.gif');}

ul.dropdown {}
ul.dropdown li {}
ul.dropdown li.hover, ul.dropdown li:hover {}
ul.dropdown a:link,	ul.dropdown a:visited	{text-decoration: none; }
ul.dropdown a:hover	{ color: #F1ED95; }
ul.dropdown ul { margin-top: 1px;}
ul.dropdown ul.active {visibility: visible; display: block;}
ul.dropdown ul li { font-weight: normal;}
ul.dropdown *.dir {font-size: 90%;}
ul.dropdown *.dir a.drop { cursor: default;}
ul.dropdown *.dir li a {background: none; text-indent: 0; width: auto; height: 20px; margin-left: 15px; color: #666666;}
ul.dropdown *.dir li a:hover {color: #333333;}
ul.dropdown *.dir li a.selected {font-weight: bold; color: #333333;}
ul.dropdown-horizontal ul *.dir { padding-right: 15px;}
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; }
ul.dropdown { position: relative; z-index: 597;}
ul.dropdown li { float: left; line-height: 1.3em; zoom: 1;}
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default;}
ul.dropdown ul { visibility: hidden; position: absolute; top: 45px; right: 0; z-index: 598; width: 600px; background: none;}
ul.dropdown ul li { float: right;}
ul.dropdown ul ul {top: 1px; left: 99%;} 
ul.dropdown li:hover > ul {visibility: visible;}
ul.dropdown li:hover > a.drop {background-image: url('_img/navi_hover.gif');}

ul.dropdown-linear {}
ul.dropdown-linear ul li { float: right;}
ul.dropdown-linear li.hover,ul.dropdown-linear li:hover { position: static;}
ul.dropdown-linear ul ul { display: none !important;}

/*home*/
#mainpicture {position: relative; width: 1065px; height: 308px; background: transparent url('_img/headerpic_bg.gif') no-repeat 0 0; padding: 7px 0 0;}
#mainpicture p {text-align: center;}
.home .slogan {margin-top: 30px;}
.new_work {margin: 50px 0; height: 225px; width}
.new_work h3 {background: transparent url('_img/aktuelle_arbeiten.gif') no-repeat left top; display: block; width: 151px; height: 17px; text-indent: -9999px;}
.new_work ul {margin-top: 20px;	position: relative; height: 75px; }
.new_work li {float: left; position: relative; margin-right: 21px; overflow: hidden;}
.new_work li a {text-decoration: none;}
.new_work li.last {float: right; margin: 0;}
.new_work span {position: absolute; left: -5px; bottom: -14px; background: transparent url('_img/hover_bg.png') no-repeat left top; width: 255px; height: 50px; display: block; padding-top: 15px; text-align: center;}
*html .new_work span {left: -5px; width: 258px;}
.slogan {width: 633px; height: auto; margin: 0 auto; display: block; postion: relative; background: transparent url('_img/mark_top.gif') no-repeat right top; padding-top: 32px;}
.slogan h2 {text-align: center; font-size: 170%; background: transparent url('_img/mark_bottom.gif') no-repeat left bottom; width: 550px; padding: 0 0 40px 45px;}


/*about*/
div.about  {margin-top: 75px;}
.about .slogan {width: 641px;}
.about .slogan h2 {width: 555px;}
.info {margin-top: 35px; }
.info img {float: right; margin-top: 18px; margin-right: 7px;}
.info div {float: left;	margin-top: 48px;}
.info ol {margin-top: 25px;}
.break {display: block;clear: both;}
.partner {background: transparent url(_img/footer_bg_alpha.jpg) no-repeat top left; display: block; width: 1065px; min-height: 264px; margin-top: 50px; padding: 20px 0 0 20px;}
.partner h2 {font-size: 140%;}
.partner dl {margin: 10px 0; font-size: 90%; height: 150px;}
.partner dt {margin-top: 11px;}
.partner dd {margin-bottom:11px;}
.partner dl div {float: left; margin-right: 200px; width: 200px;}
.partner dl div.r6, .partner dl div.r18, .partner dl div.r36 {float: right; margin-right: 30px;}


/*portfolio*/
/*IE */
*html div.portfolio {height: 850px;}
*:first-child+html div.portfolio {height: 750px;}
.portfolio .loader {background: transparent url("_img/ajax-loader.gif") no-repeat left top; display: block; width: 32px; height: 32px; top: 300px; position: absolute; left: 400px; padding: 0; display:none;}
div.portfolio {margin-top: 75px; min-height: 650px;  position: relative; margin-bottom: 50px; }
.slide_container {width: 800px;height: auto;float: right; position: relative;}
div.hochzeiten .slide_container { background: #FFF; margin-top: -18px; padding-top: 18px; background: url(_img/hochzeitsbilder-bg.png) top center no-repeat; }
#thumbs-hochzeiten, #thumbs {width: auto;float: left; clear: left; position: relative;}
div.categories .category {font-size: 200%; color: #666666;}
#thumbs-hochzeiten .pagination, #thumbs .pagination {margin-top: 15px; clear: both;}
#thumbs-hochzeiten .pagination span.current, #thumbs .pagination span.current {background-color:#333333;border-color:#333333;color:#FFFFFF;font-weight:bold;}
#thumbs-hochzeiten .pagination a, #thumbs-hochzeiten .pagination span, #thumbs .pagination a, #thumbs .pagination span {border:1px solid #CCCCCC;display:block;float:left;margin-right:2px;padding:4px 7px 2px; text-decoration: none;}
#thumbs .pagination a:hover {background-color: #EEEEEE;}
#controls-hochzeiten, #controls {clear:both; display: block; height: 30px;margin-bottom: 10px; font-size: 106%;}
#controls-hochzeiten .ss-controls, #controls .ss-controls {float: left;}
#controls-hochzeiten .nav-controls, #controls .nav-controls {float: right;margin-right: 228px; width: 327px;}
#controls-hochzeiten .nav-controls .next, #controls .nav-controls .next {background: transparent url('_img/right.gif') no-repeat 0 0; display: block; width: 115px; height: 30px;padding-left: 42px; float: right;}
#controls-hochzeiten .nav-controls .prev, #controls .nav-controls .prev {background: transparent url('_img/left.gif') no-repeat right top; display: block; width: 130px; height: 30px;padding-right: 10px; float: left;}
#controls-hochzeiten a, #controls a {text-decoration: none;}
#controls-hochzeiten a:hover, #controls a:hover {text-decoration: underline;}
#controls-hochzeiten a.play, #controls-hochzeiten a.pause, #controls a.pause, #controls a.play, #controls a.pause {background: transparent url('_img/slideshow.gif') no-repeat 0 0; display: block; width: 138px; height: 30px;padding-left: 42px;}
ul.thumbs li {float: left; margin: 0 13px 10px 0;}
#slideshow {position: absolute;}
/**html #slideshow {top: 50%; position: absolute;}
*:first-child+html #slideshow {top: 50%; position: absolute; display: block;}*/
#slideshow img {vertical-align: middle;}
#slideshow-hochzeiten img {vertical-align: middle;}
#slideshow a.advance-link {width: 800px; text-align: center; display: block; color: #FFFFFF;}
#slideshow-hochzeiten a.advance-link {width: 800px; text-align: center; display: block; color: #FFFFFF;}
.categories {left: 0;bottom: 0; position: absolute; display: none;}
.categories li span {background: transparent url('_img/kategorien.gif') no-repeat 0 0; display: block; width: 140px; height: 39px; text-indent: -9999px; }
ul.dropdown-upward ul { top: auto !important; bottom: 0; left: 130px;}
ul.dropdown-upward ul ul { bottom: 1px;}
ul.dropdown-upward a:link,	ul.dropdown-upward a:visited{}
ul.dropdown-upward a:hover {color: #F1ED95;}
ul.dropdown-upward ul li a {display: block;background-color: #333333; text-indent: 0; width: auto; text-align: center; height: 20px; padding: 10px 0; border-bottom: 1px solid #FFFFFF;}
ul.dropdown li:hover > span {background-image: url('_img/kategorien_hover.gif');}
#caption-hochzeiten, #caption {text-align: center; font-size: 80%; position: absolute; top: 680px; left: 35px; color: #BBBBBB;}
div.slideshow span.image-wrapper{display:block; }
div.hochzeiten div.slideshow span.image-wrapper{display:block; }
.portfolio .slides h2 {display:block;font-size:140%;margin:0 0 0.6em;}
.portfolio #descr {display:block; font-size:85%;position:absolute;top:360px;width:230px; line-height:1.3em; background: transparent url(_img/box_bg.jpg) no-repeat left top; min-height: 209px; height: 265px;}
.portfolio #descr p {margin: 15px 0 15px 15px; width: 190px;}
.portfolio #descr ul {margin: 5px 0 5px 29px; width: 172px;}
.portfolio #descr ul li {list-style-type: disc; list-style-position: outside;}
/**html div.slideshow span.image-wrapper {position: relative; top: -50%;}
*:first-child+html div.slideshow span.image-wrapper{position: relative; top: -50%;}*/
*html #controls {position: relative;}
*html #controls .nav-controls {position: absolute; float: none; right: 0;}


/*Kontakt*/
div.contact {margin-top: 75px;}
.contact .loader {background: transparent url("_img/ajax-loader.gif") no-repeat left top; display: block; width: 32px; height: 32px; bottom: 121px; position: absolute; right: 170px; padding: 0;}
.contact .contactform h3.error_msg {-moz-border-radius:4px;background-color:#F1ED95;padding:5px;position:absolute;right:0;top:89px;width:200px;}
.contact .contactform label.error {width: 200px; margin-left: 20px;}
.contact .contactform input.error, .contact .contactform textarea.error {border-color: #F1ED95;}
.contact .slogan {width: 462px;}
.contact .slogan h2 {width: 377px;}
.contact dl {float: left; width: 240px; margin: 20px 95px 0 20px;}
.contact dl.last {float: right; margin-right: 70px; margin-left: 0; }
.contact dt {font-size: 140%; margin-bottom: 30px; }
.contact dd {font-size: 85%; line-height: 1.3; margin: 5px 0;}
.footer {display: block; width: 1065px; height: 264px; background: transparent url('_img/footer_bg.gif') no-repeat 0 0;}
.contact .contactform {display: block; width: 570px; height: 240px; margin: 50px auto 100px auto; position: relative;}
.contact .contactform form {position: relative; height: 240px;}
.contact .contactform .row {display: block; width: 570px; position: relative; clear: both; height: 20px; margin-bottom: 10px;}
.contact .contactform label {font-size: 85%; float: left; width: 75px;}
.contact .contactform input, .contact .contactform textarea {float: left; border: 1px solid #333333; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 90%;}
.contact .contactform textarea {width: 250px; height: 140px;}
.contact .contactform p {font-size: 80%; color: #F1ED95; clear: both;}
.contact .contactform .send_btns {bottom: 0; position: absolute; right: 0; width: 149px; right: 55px;}
.contact .contactform .send_btns input {margin-bottom: 5px;}
.contact .contactform input.reset {background: transparent url('_img/reset.gif') no-repeat 0 0; display: block; width: 102px; height: 35px; border: none; text-indent: -9999px; cursor: pointer;}
.contact .contactform input.reset:hover {background-image: url('_img/reset_hover.gif');}
.contact .contactform input.submit {background: transparent url('_img/absenden.gif') no-repeat 0 0; display: block; width: 149px; height: 48px; border: none; text-indent: -9999px; cursor: pointer;}
.contact .contactform input.submit:hover {background-image: url('_img/absenden_hover.gif');}
.contact .contactform h3.answer_text {position: absolute; width: 193px; bottom: 118px; right: 10px;}
.contact .contactform .failure {font-weight: bold;}
/*IEs*/
*html .categories {position: relative};
*html .contact .contactform .send_btns input {	font-size: 0;text-align: right;	color: #FFFFFF;}
*:first-child+html .contact .contactform .send_btns input {	font-size: 0;	text-align: right;	color: #FFFFFF; padding-top: 150px; }
*html ul.dropdown .dir li  { width: 75px; display: inline; float: right; color: #666666;}
*html ul.dropdown .dir li a {width: 75px; float: right; background: none; text-indent: 0; width: auto; text-align: center; height: 20px; margin-left: 15px; color: #666666;}
*html ul.dropdown .dir li a:hover {background: none; }
*html ul.dropdown li:hover {background: none; }

/* Hochzeiten */
.toggleGalleries {
  display: inline-block;
  height: 26px;
  padding-left: 25px;
  padding-top: 1px;
  background: url('_img/back.png') no-repeat;
  /* position: absolute; */
  /* top: 60px; */
  /* left: -100px; */
}


.toggleGalleries a { text-decoration: none; }
body.hochzeiten {
  background: url(_img/washi.png);
}
body.hochzeiten div.header {
  z-index: 10;
}

body.hochzeiten div.header-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 185px;
  z-index: -1;
  background: #FFF;
}
div.content.hochzeiten {
  background: url(_img/header-inner-shadow.png) no-repeat center top;
}

div.content.hochzeiten {
  margin-top: 55px;
  padding-top: 25px;
}

div#hochzeiten-content {
  float: right;
  position: relative;
  width: 614px;
  margin-right: 134px;
}

div#hochzeit-title,
div#hochzeiten-content h2 {
  font-family: 'Italianno', cursive;
  font-size: 40px;
  margin: 0;
}

div#hochzeit-title {
  display: inline-block;
  margin-left: 10px;
  font-size: 28px;
  width: 138px;
  text-align: right;
}

div#hochzeiten-content p,
div#hochzeiten-content p.odd {
  font-size: 85%;
  padding-bottom: 38px;
  margin-bottom: 20px;
  line-height: 1.5em;
  background: url(_img/hochzeiten-p-divider2.png) bottom no-repeat;
}

div#hochzeiten-content p.even {
  background: url(_img/hochzeiten-p-divider.png) bottom no-repeat;
}

div#slideshow-hochzeiten {
/*  margin-top: 36px; */
}