@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{/*overflow-y:scroll;*/background:#252525 url(../images/bg/kachel.gif) top center}
body{background:url(../images/bg/body.jpg) top center repeat-x;font:70% Arial, Helvetica, sans-serif;color:#fff}
#container{width:869px;margin:auto}

/* header */
#header{background:url(../images/bg/navi-streifen.gif) bottom left repeat-x; height:175px;}
#header .branding {border:none; margin:81px 0 5px 2px; float:left;background:url(../images/logo.png) no-repeat;width:230px;height:89px}

/* navi */
#navi{float:right; color:#acacac; padding:147px 0 0 0;}
#navi li{float:left;}
#navi li a{color:#acacac;text-decoration:none; padding:0 6px 10px 6px; margin:0 7px; float:left}
#navi li a:hover, #eventdekoration #navi li.n01 a, #raumdesign #navi li.n02 a, #rent-a-deko #navi li.n03 a, #referenzen #navi li.n04 a, #kontakt #navi li.n05 a, #danke #navi li.n05 a, #newsletter #navi li.n06 a{color:#b325bc;text-decoration:none; border-bottom:2px solid #000;}

/* naviAdd */
.naviAdd{float:right}
.naviAdd li{display:inline}
.naviAdd li a{color:#acacac;text-decoration:none; padding:0 6px 10px 6px; margin:0 7px;}
.naviAdd li a:hover{color:#b325bc;text-decoration:none}

/* content */
#content{}

.contentMain{padding:0 2px 0 3px;}
.colLeft{float:left; width:254px; background:#252525; border:1px solid #343434; height:323px; padding:24px 13px; overflow:hidden}
.colLeft p, .colLeft2 p, .colRight2 p{padding-left:12px;}
.first{background:url(../images/bg/plus.gif) 0 3px no-repeat;}
#agb p.first{margin-bottom:8px;}
.colRight{float:right; width:573px; height:373px; overflow:hidden !important}

.colLeft.scrollable{height:auto}
.colRight.scrollable{height:auto}

.contentMain a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

.contentSidebar{}

/* footer */
#footer{color:#acacac; padding-top:28px; margin-bottom:28px;}

/* allgemein */
a{color:#b325bc;text-decoration:none;}
a:hover{color:#fff; text-decoration:underline;}
ul{list-style:none}
h1{background:#000; height:60px; width:700px;}
#eventdekoration h1{background:url(../images/bg/h1-eventdekoration.png) 0 0 no-repeat;}
#danke h1{background:url(../images/bg/h1-danke.png) 0 0 no-repeat;}
#eventdekoration h1{background:url(../images/bg/h1-eventdekoration.png) 0 0 no-repeat;}
#raumdesign h1{background:url(../images/bg/h1-raumdesign.png) 0 0 no-repeat;}
#rent-a-deko h1{background:url(../images/bg/h1-rentadeko.png) 0 0 no-repeat;}
#kontakt h1{background:url(../images/bg/h1-kontakt.png) 0 0 no-repeat;}
#impressum h1{background:url(../images/bg/h1-impressum.png) 0 0 no-repeat;}
#anfahrt h1{background:url(../images/bg/h1-anfahrt.png) 0 0 no-repeat;}
#agb h1{background:url(../images/bg/h1-agb.png) 0 0 no-repeat;}
#referenzen h1{background:url(../images/bg/h1-referenzen.png) 0 0 no-repeat;}
p{margin-bottom:24px;line-height:1.4em}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}
.left{float:left;}
#footer ul.left{padding-left:8px;}
div.h1{background:#000 url(../images/bg/h1-logo.jpg) top right no-repeat; height:60px;}
div.schatten{background:url(../images/spiegel.png) top center repeat-x; height:37px;}

/****Standards******/
#slideshow{height:247px; width:869px;}
.colLeft2{float:left; width:402px; background:#252525; border:1px solid #343434; min-height:208px; padding:24px 13px;}
.colRight2{float:right; width:402px; background:#252525; border:1px solid #343434; min-height:208px; padding:24px 13px;}

#kontakt .colLeft2, #danke .colLeft2, #impressum .colLeft2, #newsletter .colLeft2{min-height:435px;}
#kontakt .colRight2, #danke .colRight2, #impressum .colRight2, #newsletter .colRight2{min-height:435px;}


#agb .colLeft2, #agb .colRight2{min-height:1565px;}

/******gal*****/
#gallery{width:569px;background:url(../images/load.gif) no-repeat 200px 170px; position:relative;height:375px;overflow:hidden !important;}
#bigImage{width:420px;height:369px;border:1px solid #343434;float:left;overflow:hidden; padding:1px; background:#000; color:#000}
#bigImage img{}
.thumbs{width:140px;height:572px !important;overflow:hidden !important;}
.thumbs .smallImage{width:140px;height:88px;overflow:hidden;border:1px solid #343434; background:#000; margin-bottom:2px;padding:1px;}
.thumbs a img{border:0; _width:140px;}

#slideNavi{padding-left:12px; width:240px}
#slideNavi li{float:left; height:18px}
#slideNavi li a{float:left; margin:0 1px 0 0;background:#000;height:15px;display:block;padding:0 5px;border:1px solid #343434}
#slideNavi li a:hover, #slideNavi li a:active, #slideNavi li a:focus{color:#fff; outline:none}