/****************************************************************
  © by agentur-vida.de
  KATALOG
*****************************************************************/
#katalog{padding-bottom:25px;}
#katalog h1{font-size:22px; text-align:left;}
#katalog .slider{padding:1px; border:1px solid #0e1230; margin-bottom:10px;}
#katalog h3{width:100%; float:left; margin:0 0 10px 0; font-style:italic; text-transform:uppercase; text-decoration:underline;}
#katalog img{padding:1px; border:1px solid #d9d9d9; margin-top:5px; margin-bottom:15px;}

#katalog .slider img{padding:0; border:none; margin:0;}

#katalog .element{width:575px; float:left; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:2px solid #f1f1f1;}
#katalog .halter{width:571px; float:left; border:1px solid #acacac; padding:1px; margin:15px 0 15px 0;}
#katalog .technisch{width:551px; float:left; padding:6px 10px 6px 10px; background:#f1f1f1;}
#katalog .toggler, #katalog .headline{width:547px; float:left; margin:0 0 0 0; padding:2px; font-weight:bold; font-size:11px; font-style:italic;}
#katalog .new_accordion .toggler{display:block; cursor:pointer;}
#katalog .new_accordion .toggler:hover{background:#ffffff;}
#katalog .accordion{width:551px; float:left; padding:15px 2px 2px 2px}
#katalog ul{width:575px; float:left;}
#katalog ul li{width:566px; float:left; margin:0; padding:2px; display:inline;}
#katalog ul li .preis{text-align:right; float:right;}

.artikelnavigation{width:575px; height:25px; position:absolute; right:20px; bottom:30px; padding:0;}
.artikelnavigation .prev{float:left;}
.artikelnavigation .next{float:right;}

#katalog .gallery_headline{width:575px; float:left; margin:20px 0 0 0; padding:0; font-weight:bold; font-size:11px; font-style:italic;}
#katalog .gallery_headline.top{margin:0;}

#katalog .image_navi{width:573px; float:left; margin:5px 0 5px 0; padding:1px; border:1px solid #acacac; position:relative;}
#katalog .image_navi.top{margin:5px 0 20px 0;}

/**
 * Imagenavigation
 */
#katalog .gallery_container{width:575px; height:96px; background:#e4e4e4; padding:5px 0 0 0; position:relative;}
#katalog .thumb_container{position:relative; overflow:hidden; width:100%; height:110px; margin:0; padding:0; left:25px; right:25px;}
.thumb_container img{margin:0; padding:0; border:1px solid #d9d9d9;}
.thumbs{white-space:nowrap; display:block; position:relative;}
.thumbs a{padding:0px; margin:0;}

.addfwd{display:block; position:absolute; cursor:pointer; width:25px; height:96px; top:0px; right:-2px; background:url(../images/gallery_fwd.jpg) no-repeat;}
.addbkwd{display:block; position:absolute; cursor:pointer; width:25px; height:96px; top:0px; left:0px; background:url(../images/gallery_back.jpg) no-repeat;}


/*===================================
	PAGINATION
===================================*/
#pagination{width:575px; float:left; margin:0 0 10px 0; padding:0;}
#pagination p{width:auto; float:left; color:#999999; margin:7px 0 0 0; padding:0; font-size:11px;}
#pagination ul{width:auto; float:right; margin:0; padding:0; display:inline; list-style-type:none;}
#pagination ul li{float:left; margin:0; padding:0; display:inline; width:auto;}
#pagination .current{width:auto; float:left; margin:2px; padding:5px; display:block; border:1px solid #e4e4e4; color:#b22535; font-size:10px; font-weight:bold;}
#pagination li a{width:auto; float:left; margin:2px; padding:5px; display:block; border:1px solid #e4e4e4; font-size:10px;}

/****************************************************************
  EVENTCENTER
*****************************************************************/
#eventcenter .h3{font-size:16px; text-align:left; padding-bottom:6px;}
#eventcenter .slider{padding:1px; border:1px solid #0e1230; margin-bottom:10px;}
#eventcenter h3{width:100%; float:left; margin:0 0 10px 0; font-style:italic; text-transform:uppercase; text-decoration:underline;}
#eventcenter img{padding:1px; border:1px solid #d9d9d9; margin-top:5px; margin-bottom:15px;}

#eventcenter .slider img{padding:0; border:none; margin:0;}

#eventcenter .element{width:575px; float:left; margin:15px 0 0 0; padding:0 0 15px 0; border-bottom:2px solid #f1f1f1; font-size:11px;}
#eventcenter .halter{width:571px; float:left; border:1px solid #acacac; padding:1px; margin:15px 0 15px 0;}
#eventcenter .technisch{width:551px; float:left; padding:6px 10px 6px 10px; background:#f1f1f1;}
#eventcenter .toggler, #eventcenter .headline{width:547px; float:left; margin:0 0 0 0; padding:2px; font-weight:bold; font-size:11px; font-style:italic;}
#eventcenter .new_accordion .toggler{display:block; cursor:pointer;}
#eventcenter .new_accordion .toggler:hover{background:#ffffff;}
#eventcenter .accordion{width:551px; float:left; padding:5px 2px 2px 2px}
#eventcenter p{width:566px; float:left; margin:0; padding:2px; display:inline;}
#eventcenter p .preis{text-align:right; float:right;}

.artikelnavigation{width:575px; height:25px; position:absolute; right:20px; bottom:30px; padding:0;}
.artikelnavigation .prev{float:left;}
.artikelnavigation .next{float:right;}

#katalog .gallery_headline, #eventcenter .gallery_headline{width:575px; float:left; margin:20px 0 0 0; padding:0; font-weight:bold; font-size:11px; font-style:italic;}
#katalog .gallery_headline.top, #eventcenter .gallery_headline.top{margin:0;}

#katalog .image_navi, #eventcenter .image_navi{width:573px; float:left; margin:5px 0 5px 0; padding:1px; border:1px solid #acacac; position:relative;}
#katalog .image_navi.top, #eventcenter .image_navi.top{margin:5px 0 20px 0;}

/**
 * Imagenavigation
 */
#katalog .gallery_container, #eventcenter .gallery_container{width:575px; height:96px; background:#e4e4e4; padding:5px 0 0 0; position:relative;}
#katalog .thumb_container, #eventcenter .thumb_container{position:relative; overflow:hidden; width:100%; height:110px; margin:0; padding:0; left:25px; right:25px;}

#katalog img.links, #eventcenter img.links{float:left; margin:0 10px 0 0;}
#katalog img.rechts, #eventcenter img.rechts{float:right; margin:0 0 0 10px;}