/*
Theme Name: KOLIBRI WP2.7.1
Theme URI: http://www.koli-bri.net
Description: The KOLIBRI theme.
Version: WP2.7.1
Author: Vangelis Dimitriadis
Author URI: http://www.koli-bri.net
Tags: kolibri, cms, werbemittel, show, some, respect
*/

/*
BASIC INFOS


***************** FONTS *********************

Arial, 'Helvetica Neue', Helvetica, sans-serif


****************** COLORS ********************

COLOR KEY:

Yellow		(K): #f7c500
Orange		(O): #e99420
Orange2		(L): #e77118
Red			(I): #de421a
Lightgreen	(B): #4bb431
Green		(R): #009c3a
Blue		(I): #1963a4

****************** TEXT **********************
Text:			 #333333


****************** BORDERS *******************
Border Color:	 #d3d3d3
Border: 1px solid #d3d3d3;

*/




/*
RESET & GENERAL UTILITIES
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 16px;vertical-align:baseline;margin:0;padding:0;outline:0;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


.aligncenter {
			display:block; margin:0 auto;
			 }
.alignleft {
			float:left;
		   }
.alignright	{
			float:right;
			}
.clear {
		clear: both;
		}

#container {
			background: url(images/body-bg.jpg) center repeat-y;
			margin: 0 auto;
			width: 776px;
			}		
div					{ position:relative; } /* This will declare each div's position as 'relative' and allows you to absolutely position elements inside them */
a img				{ border:none; } /* Gets rid of IE's blue borders */
strong				{ font-weight: bold; }
em					{ font-style: italic; }	
hr					{ width: 700px; height: 5px; margin: 5px auto 5px auto; border: 1px solid #dfdfdf;}
			
			
/* COLORS & LINK-COLORS */
		
.white				{ background-color: white;}
.yellow				{ background-color: #ffb400; border: none;}
.orange				{ background-color: #e99420; border: none;}
.orange2			{ background-color: #e7792e; border: none;}
.red-werbemittel	{ background-color: #de421a; border: none;}
.green-kolibri		{ background-color: #4bb431; border: none;}
.blue-kolibri		{ background-color: #1963a4; border: none;}
a.yellowk			{ color: #f7c500; text-decoration: none;}
a:hover.yellowk		{ text-decoration: underline;}
a.orangeo			{ color: #e99420; text-decoration: none;}
a:hover.orangeo		{ text-decoration: underline;}			
a.orangel			{ color: #e77118; text-decoration: none;}
a:hover.orangel			{ text-decoration: underline;}
a.redi				{ color: #de421a; text-decoration: none;}
a:hover.redi		{ text-decoration: underline;}
a.greenb			{ color: #4bb431; text-decoration: none;}
a:hover.greenb		{ text-decoration: underline;}
a.greenr			{ color: #009c3a; text-decoration: none;}
a:hover.greenr		{ text-decoration: underline;}
a.bluei				{ color: #1963a4; text-decoration: none;}
a:hover.bluei		{ text-decoration: underline;}
h6.restpos			{ color: #f6c500; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}
h6.knueller			{ color: #d49a30; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}
h6.brandneu			{ color: #e7792e; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}
h6.einblick			{ color: #de421a; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}
h6.markenwelten		{ color: #4bb531; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}
h6.wissenshunger	{ color: #009c39; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}
h6.erfolgsstory		{ color: #1963a4; font-size: 22px; font-weight: bold; margin: 10px 0 15px 0; width: 400px; line-height: 25px;}		

			
			
/*
HEADER
*/

#header {
		background: url(images/header-bg.jpg) center top no-repeat;
		z-index: 101;
		}

#header2 {
		background: url(images/header-bg2.jpg) center top no-repeat;
		z-index: 101;
		}		
		
		
#logo	{
		margin: 0 auto 1px auto;
		padding-top: 5px;
		width: 716px;
		height: 113px;
		}

#home-link {
		text-indent: -9999px;
		position: absolute;
		top: 16px;
		width: 718px;
		height: 100px;
		}
		
/*
MENU
*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:710px; height:49px; position:relative; z-index:101;border-right:1px solid #fff; font-family:arial, sans-serif; margin: -5px auto 0 37px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:710px; w\idth:710px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; width:100px; height:49px; border:1px solid #fff; border-width:1px 0 1px 1px; /*padding-left:10px;*/ line-height:29px; font-weight:normal;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:100px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:100px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {height:auto; line-height:1.2em; padding:5px 10px; width:80px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:100px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; }
.menu :hover > a, .menu ul ul :hover > a {color:#000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#nav-news {
			background: url(images/menu/news-events.gif) left no-repeat;
			}
a.unav-news {
			background-color: #f7c500; color: #fff;
			}

#nav-fullservice {
			background: url(images/menu/fullservice.gif) left no-repeat;
			}
#nav-kataloge {
			background: url(images/menu/kataloge.gif) left no-repeat;
			}
#nav-werbemittel {
			background: url(images/menu/werbemittel.gif) left no-repeat;
			}
a.unav-werbemittel {
			background-color: #de421a; color: #fff;
			}
#nav-kolibri {
			background: url(images/menu/kolibri.gif) left no-repeat;
			}
a.unav-kolibri {
			background-color: #4bb431; color: #fff;
			}

#nav-presse {
			background: url(images/menu/presse.gif) left no-repeat;
			}
#nav-kontakt {
			background: url(images/menu/kontakt.gif) left no-repeat;
			}
a.unav-kontakt {
			background-color: #1963a4; color: #fff;
			}


/*
HOMEPAGE
*/

#content {
		z-index: 99;}

#flash {
border: 1px solid #d3d3d3;
width: 700px;
height: 182px;
margin: 20px auto 0 auto;
z-index: 99;}

#home-content-wrap {

margin: 10px auto 5px auto;
width: 700px;
}


#home-content-left{
float: left;
background: url(images/iconnews.jpg) top left no-repeat;
width: 220px;
height: 171px;
}

#newsteaser {
position: absolute;
margin-top: 55px;}




#home-content-right {
float: right;
background: url(images/iconproducts.jpg) top left no-repeat;
width: 470px;
height: 171px;
}

#home-content-right p {
margin-top: 55px;
}

#neuheiten-teaser {
margin-top: 5px;
}

#neuheiten-teaser img {
margin-right: 1px;
border: 1px solid #d3d3d3;
}


/*
HOMEPAGE2
*/
.home-left {
float: left;
width: 225px;
margin-right: 12px;
margin-top: 10px
}

.home-mid {
float: left;
width: 225px;
margin-right: 8px;
margin-top: 10px
}

.home-right {
float: right;
width: 225px;
margin-top: 10px
}

.news-events-home {
float: left;
margin-right: 10px;
width: 460px;

}

.news-events-home-left {
float: left;
width: 200px;
}

.news-events-home-right {
float: right;
width: 200px;
}


/*.home-links-bold {
font-weight: bold;
text-decoration: none;
}*/

.not-bold {
font-weight: normal;
}

/* 
SINGLE
*/

#single-26 {
width: 700px;
margin: 0 auto;
}

.single-text-left {
float: left;
margin-top: 5px;
width: 405px;
}

.single-archive-right {
float: right;
margin-top: 5px;
width: 275px;
}



/*
NEWS & EVENTS
*/
#archiv-bar {
width: 700px;
margin: 10px auto 0px;
}
#archiv-bar p {
margin-left: 200px;
}
#archiv-bar a {
padding-top: 5px; 
}
#archiv-bar img {
padding-top: 2px;
}

#news-wrap {
margin: 0 auto;
width: 776px;

}

#news-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/news01.gif) top left no-repeat;
border-bottom: 1px solid #f7c500;
}

#news-topbar a {
margin-top: 22px;
}


#primarynews {
float:left;
margin-left: 38px;
width: 380px;

}

#primarynews h1 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 16px;
}

#primarynews-img {
width: 380px;
height: 300px;
border: 1px solid #d3d3d3;}



#secondarynews {
float:right;
margin-right: 38px;
width: 280px;

}

#secondarynews h1 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 16px;
}

#secondarynews-img {
width: 280px;

border: 1px solid #d3d3d3;}


#newsletter-teaser {
margin: 20px auto;
width: 600px;
height: 80px;
border: 1px dotted #d3d3d3;
}

#newsletter-teaser p {
padding: 8px 0 0 8px;
width: 530px;
}

/* =============== */
/* ! SINGLE-NEWS   */
/* =============== */
#primarynews-single {
margin: 0 auto;
width: 700px;

}

#primarynews-single h1 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 16px;
}

#primarynews-img {
width: 380px;
height: 300px;
border: 1px solid #d3d3d3;}



/*
NEWSARCHIV
*/

#newsarchiv-wrap {
margin: 0 auto;
width: 776px;

}
#newsarchiv-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/newsarchiv.gif) top left no-repeat;
}

#newsarchiv-cont {
margin: 0 auto;
width: 700px;
}

#newsarchivcol1 {
float: left;
width: 225px;
}

#newsarchivcol2 {
float: left;
margin-left: 10px;
width: 225px;
}

#newsarchivcol3{
float: right;
margin-left: 10px;
width: 230px;
}

/*
NEWSLETTER
*/

#newsletter-wrap {
margin: 0 auto;
width: 776px;
}

#newsletter-topbar {
margin: 0 auto 15px auto;
width: 700px;
height: 49px;
background: url(images/newsletter01.gif) top left no-repeat;
border-bottom: 1px solid #f7c500;
}

#pdf-down {
margin-right: 30px;
}

#newsletter-cont {
float: left;
margin-left: 38px;
width: 700px;
}

#newsletter-cont h1 {
margin-bottom: 5px;
font-size: 22px;
}

#newsletter-cont p {
width: 405px;
}


ul.newsletter-tab-nav {
					list-style: none;
                    margin: 0;
                    padding: 0;
                }

UL.newsletter-tab-nav LI {
                    display: inline;
                }

#preisknueller {
float: left;
background: url(images/newsletter/preisknueller.jpg) 0 5px no-repeat;
}
#brandneu {
float: left;
background: url(images/newsletter/brandneu.jpg) 0 5px no-repeat;
}
#wissenshunger {
float: left;
background: url(images/newsletter/wissenshunger.jpg) 0 5px no-repeat;
}
#markenwelten {
float: left;
background: url(images/newsletter/markenwelten.jpg) 0 5px no-repeat;
}
#einblick {
float: left;
background: url(images/newsletter/einblick.jpg) 0 5px no-repeat;
}
#erfolgsstory {
float: left;
background: url(images/newsletter/erfolgsstory.jpg) 0 5px no-repeat;
}

#restposten {
float: left;
background: url(images/newsletter/restposten.jpg) 0 5px no-repeat;
}


.bildbeschreibung {
width: 400px;
}
.newsletter-img {
margin-top: 59px;
margin-left: 3px;
margin-bottom: 20px;
}

.ausgabe {
margin-top: 35px;
float: right;
color: black;
font-size: 14px;
font-weight: bold;
z-index: 350;
}
			
/************ NEWSLETTERARCHIV****************/
#newsletterarchiv-wrap {
margin: 0 auto;
width: 776px;

}
#newsletterarchiv-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/newsletterarchiv.gif) top left no-repeat;
}

#newsletterarchiv-cont {
margin: 0 auto;
width: 700px;
}

/* ============== */
/* ! SCROLLABLE   */
/* ============== */

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 600px;	 
	height:330px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs2 {	
	position:absolute;
	width:20000em;	
	clear:both;
	/*border:1px solid #222;*/
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs2 div {
	float:left;
	width:200px;
	height:330px;
	color:#fff;
	/*border-left:1px solid #333;*/
	cursor:pointer;
}


/* style when mouse is over the item */
#thumbs2 div.hover {
	background-color:#fff;	
}

/* style when element is active (clicked) */
#thumbs2 div.active {
	background-color:#fff;
	cursor:default;
}

#thumbs2 h3, #thumbs2 p, #thumbs2 span {
	margin:13px;		
	font-family:"Arial" sans-serif;
	font-size:12px;
	color:#333;	
}

#thumbs2 h3 em {
	font-style:normal;
	color:yellow;
}

/* ============== */
/* ! SCROLLABLE   */
/* ============== */



/*
FOTOGALLERIE
*/

/************** FOTOGALLERIE-PRIVAT ********/

#fotogallerie-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/fotogalerie-events.png) top left no-repeat;
}

#fotogallerie-topbar-privat {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/fotogalerie-green.png) top left no-repeat;
}


#fotogallerie-wrap {
margin: 0 auto 10px auto;
width: 700px;
}

#fotogallerie-cont {
margin-top: 25px;
}

.gallerie-col {
text-align: center;
width: 700px;
float: left;
border: 1px solid #d3d3d3;
padding-top: 10px;
}

.gallerie-col div {
float: left;
width: 210px;
margin-left: 18px;
}
.gallerie-col img {
padding: 3px;}

a.decoration {
text-decoration: none;
color: olive;
}

a:hover.decoration {
text-decoration: underline;
color: olive;
}

a img {
text-decoration: none;}



#fotogallerie-nav {
width: 700px;
margin: 0 auto;
}


/************ SPONSORING *****************/

#sponsoring-wrap {
margin: 0 auto 10px auto;
width: 700px;
}

#sponsoring-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/sponsoring.png) top left no-repeat;
}

/*
#sponsoring-cont {
margin: 0 auto;
width: 700px;
background: url(images/sponsoring_cont.jpg) bottom right no-repeat;
}
*/

.left-spon {
float: left;
width: 260px;
margin: 10px auto;
}

.right-spon {
float: right;
width: 440px;
margin: 10px auto;
}

/**************** PRESSE *****************/

#presse-wrap {
margin: 0 auto 10px auto;
width: 700px;
}

#presse-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/presse.gif) top left no-repeat;
}


#presse-col1 {
width: 175px;
float: left;
}
#presse-col2 {
width: 175px;
float: left;
}
#presse-col3 {
width: 175px;
float: left;
}
#presse-col4 {
width: 175px;
float: right;
}




/*
FULLSERVICE
*/


#fullservice-wrap {
background: url(images/runde-sache.png) top left no-repeat;
margin: 0 0 0 39px;
width: 700px;
height: 385px;
}

#sonder-wrap {
background: url(images/runde-sache.png) top left no-repeat;
margin: 0 0 0 39px;
width: 700px;
/*height: 500px;*/
}

h6.son-block {
margin-top: 30px;
margin-bottom: 15px;
font-size: 22px;
font-weight: bold;
text-align: center;
}

#slidecont {
padding-top: 35px;}

#myController {
width: 700px;
padding-bottom: 5px;}

#myController span{
font-size: 16px;
color:#e99420;
background:#fff;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide{
width: 700px; 
height: 345px;

}

#jFlowSlide2{
width: 700px; 
height: 500px;

}
#myController span.jFlowSelected {
border-bottom: 1px solid #e99420;
background:#fff;
}


.jFlowPrev, .jFlowNext{
cursor:pointer;
}

div.screen{
width: 405px; padding-top: 40px; float:right;}

div.screen p {
padding-top: 10px;} 

#slide-fullservice {
background: url(images/fullservice/slide-fullservice.png) top left no-repeat;
width: 700px;
height: 320px;
}

#slide-beratung {
background: url(images/fullservice/slide-beratung.png) top left no-repeat;
width: 700px;
height: 320px;
}

#slide-design {
background: url(images/fullservice/slide-design.png) top left no-repeat;
width: 700px;
height: 320px;
}

#slide-produktion {
background: url(images/fullservice/slide-produktion.png) top left no-repeat;
width: 700px;
height: 320px;
}

#slide-onlineshop {
background: url(images/fullservice/slide-onlineshop.png) top left no-repeat;
width: 700px;
height: 320px;
}

#slide-logistik {
background: url(images/fullservice/slide-logistik.png) top left no-repeat;
width: 700px;
height: 320px;
}

#slide-reporting {
background: url(images/fullservice/slide-reporting.png) top left no-repeat;
width: 700px;
height: 320px;
}


#slide-sonder {
background: url(images/fullservice/slide-fullservice.png) top left no-repeat;
width: 700px;
height: 500px;
}


/*Sonderpoduktionen
*/
.sonder-text {
float: left;
width: 365px;
}

.sonder-bilder {
float: right;
width: 310px;
}

.titel-sonder {
line-height: 1.1em;
font-size: 20px;
font-weight: bold;
padding: 10px 0;
}



/*
VEREDELUNGEN
*/

#myController ul li {
list-style-type: none;
display: block;
float: left;
padding: 5px 5px 2px 5px;
font-size: 14px;
font-weight: bold;
color:#de421a; 
}

#myController ul span.jFlowSelected li {
border-bottom: 1px solid #e99420;
background:#fff;
}


/*
KATALOGE
*/

a.katalog-color-link {
color:#e77118;
text-decoration: underline; }
#kataloge-wrap {
margin: 0 auto;
width: 776px;
}

#kataloge-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/kataloge.gif) bottom left no-repeat;
border-bottom: 1px solid #e77114;
}

#kataloge-cont {
margin: 0 auto;
width: 700px;
}

#kataloge-links {
margin: 0 auto;
width: 750px;
margin-top: 30px;
}

#katalog1 {
float:left;
margin-left: 20px;}

#katalog1 p.k1 {
padding-left: 5px;}

#katalog1 p {
padding-left: 5px; }

#katalog2 {
float:left;
margin-left: 35px;}

#katalog2 p.k2 {
color: #f7c500;

}

#katalog2 p {
padding-left: 5px; }

#katalog3 {
float:left;
margin-left: 35px;}

#katalog3 p.k3 {
color: #e99420;
padding-left: 5px;
}


#katalog4 {
float:left;
margin-left: 35px;}

#katalog4 p.k4 {
color: #009c3a;
padding-left: 5px;
}

#katalog4 p {
padding-left: 5px; }


#katalog5 {
float:left;
margin-left: 35px;}

#katalog5 p.k5 {
color: #1963a4;

}

#katalog5 p {
padding-left: 5px; }

#kataloge-zeile {
margin: 0 auto;
width: 750px;
margin-top: 30px;
}

#katalog6 {
float:left;
margin-left: 20px;}

#katalog6 p.k6 {
color: black;
}

#katalog6 p {
padding-left: 5px; }

#katalog7 {
float:left;
margin-left: 35px;}

#katalog7 p.k7 {
color: black;
}

#katalog7 p {
padding-left: 5px; }

#katalog8 p {
padding-left: 5px; }

#katalog8 {
float:left;
margin-left: 35px;}

#katalog8 p.k8 {
color: black;
}

#katalog9 {
float:left;
margin-left: 35px;}

#katalog9 p.k9 {
color: black;
}

#katalog9 p {
padding-left: 5px; }

#katalog10 {
float:left;
margin-left: 35px;}

#katalog10 p.k10 {
color: black;
}

#katalog10 p {
padding-left: 5px; }

#kataloge-bestellung {
width: 700px;
margin: 0 auto;}

#kataloge-bestellung p {
margin: 20px 0 10px 0;}

/* ==================== */
/* ! KATALOG-FORMULAR   */
/* ==================== */

#group1 {
margin-right: 100px;}

#group2 {
margin-right: 120px;}

#kontaktdaten {
margin-right: 20px;}

#email-tel {
margin-right: 40px;}

/*
WERBEMITTEL
*/
#flash-werbemittelwelt {
border: 1px solid #d3d3d3;
width: 700px;
height: 400px;
margin:0 auto;
z-index: 100;}

/************* KOLLEKTIONEN ********************/

#kollektionen-wrap {
margin: 0 auto;
}


#kollektionen-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/kollektionen.gif) top left no-repeat;
}

#kollektionen-single-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/kollektionen.gif) top left no-repeat;
}

#kollektionen-cont {
margin-bottom: 20px;
width: 700px;
}

#erk {

margin-left: 40px;
margin-bottom: 10px;}

#kollektionen-colleft {
margin: 0 auto 0 38px;
float: left;
width: 700px;
/*height: 330px;*/
}

#kollektionen-colleft img {
border: 1px solid #d3d3d3;
margin-bottom: 10px;
}


#kollektionen-colright {
float: right;
width: 350px;
border: 1px solid #d3d3d3;
margin-bottom: 20px;
margin-right: -33px;

}

.link-back-kol {
margin-top: 10px;
}
/************* JQUERY TABS ****************/

/* Contains the entire tabbed section */
.tabbed {
float: left;
	}

/* List of tabs */.tabbed ul.tabs {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
.tabbed ul.tabs li a {
	overflow: hidden;
	display: block;
	margin: 0 3px 0 0;
	}
.tabbed ul.tabs li a:hover {
	}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
	}

/* The content shown when a tab is selected */
.tabbed div {
	float: left;
	display: block;
	width: 100%;
	}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4, .tabbed div.t5, .tabbed div.t6, .tabbed div.t7 .tabbed div.t8 {
	display: none;
	}

/* Content for inside your tabs' divs */
.tabbed div ul {
	}
.tabbed div p {
	}
.tabbed div div {
	}
	
.tabbed span {
	float: left;
	width: 350px;
	}

.tabbed span strong {
	margin-left: 50px;

	}	
	
/****************** NEUHEITEN ********************/

#neuheiten-wrap {
margin: 0 auto;
}


#neuheiten-topbar {
margin: 3px auto 10px auto;
width: 700px;
height: 49px;
background: url(images/bannerneuheiten.gif) top left no-repeat;
}

#neuheiten-cont {
margin-bottom: 20px;
width: 718px;
}

#erk {
margin: 0 0 10px 40px;}

#neuheiten-colleft {
margin: 0 auto 0 40px;
float: left;
width: 310px;
/*height: 310px;*/
display: inline;
}

#neuheiten-colleft img {
margin-right: 1px;
border: 1px solid #d3d3d3;
}


#neuheiten-colright {
float: right;
width: 355px;
border: 1px solid #d3d3d3;
margin-bottom: 20px;
margin-right: -18px;
display: inline;

}

#img-colright {
width: 355px;
height: 280px;
border-bottom: 1px solid #d3d3d3;
}

#img-colright img {
margin:15px 27px 15px 28px;}

#cont-colright {
margin-top: 15px;
width: 355px;

}

.pad {
padding-left: 15px;
}
#cont-colright p {
padding: 5px 15px;
}
#cont-colright strong {

}
#onlinekatalog-teaser p {
padding-top: 5px; margin-left: 33px;}



/**************** ONLINEKATALOG *******************/


#onlinekatalog-teaser {
margin: 0 auto;
width: 700px;
height: 36px;
border: 1px solid #d3d3d3;
text-align: center;}



#onlinekatalog-wrap {
margin: 0 auto;
width: 700px;
}

#onlinekatalog-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 45px;
background: url(images/banneronlinekatalog.gif) top left no-repeat;
}

/* KOLIBRI
*/

/************* ABOUT US *****************/

#aboutus-wrap {
margin: 0 auto 10px auto;
width: 700px;
}

#aboutus-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/wir_ueber_uns.gif) top left no-repeat;
}


.aboutus-colleft {
width: 320px;
float: left;
}

.aboutus-colleft ul {
padding-left: 12px;
}
.aboutus-colright ul {
padding-left: 12px;
}
.aboutus-colright {
width: 320px;
float: right;
}

.sec {
padding-top: 55px;
}

/******************* MITARBEITER *******************/
#mitarbeiter-wrap {
margin: 0 auto 10px auto;
width: 700px;
}

#mitarbeiter-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/mitarbeiter.gif) top left no-repeat;
}

/* ============== */
/* ! SCROLLABLE   */
/* ============== */

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 600px;	 
	height:240px;	
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	/*border:1px solid #222;*/
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
font-family:"Arial" sans-serif;
	float:left;
	width:158px;
	height:230px;
	color:#fff;
	/*border-left:1px solid #333;*/
	cursor:pointer;
}

/* image positioning in #thumbs div */
.scr {
	margin-left: 15px;
	margin-top: 10px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#fff;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#fff;
	cursor:default;
}

#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"Arial" sans-serif;
	font-size:12px;
	color:#333;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}

/* ============== */
/* ! SCROLLABLE   */
/* ============== */

#gruppenfoto {
background: url(images/gruppenfoto.jpg) center center no-repeat;
height: 170px;
margin: 10px auto;
width: 700px;
}

/*
KONTAKT
*/

#anfahrt-wrap {
margin: 0 auto;
width: 700px;
}

#anfahrt-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/anfahrt.gif) top left no-repeat;

}

#anfahrt-cont {
width: 700px;
margin:0 auto;
}

#anfahrt-colleft {
float: left;
width: 343px;
height: 544px;
background: url(images/anfahrtsskizze.gif) top left no-repeat;
}

#anfahrt-colright {
float: right;

}

#popup {
position:absolute; width:200px; height:231px; margin-left: -100px; margin-top:-117px; left:45%; top:50%; z-index:103; display:none;}


#impressum-wrap {
width: 700px;
margin: 0 auto;
}

#impressum-topbar {
width: 700px;
margin: 0 auto;
}

#impressum-colright p { margin-left: 10px;
}

#impressum-cont {
margin: 15px auto 0 auto;}


#kontakt-wrap {
margin: 0 auto;
width: 710px;
}

#kontakt-bar {
margin: 0 auto 10px auto;
width: 710px;
height: 49px;
background: url(images/kontakt.gif) top left no-repeat;

}

#anmeldung-bar {
margin: 0 auto 10px auto;
width: 710px;
height: 49px;
background: url(images/anmelden.gif) top left no-repeat;

}
/*
ABG & HA
*/

#ha-wrap {
width: 700px;
margin: 25px auto;}

#agb-cont {
width: 700px;
margin: 25px auto;}



#agb-cont p {
width: 700px;
margin: 0 auto;}

#agb-cont h1 {
width: 700px;
margin: 0 auto;}



/*
FOOTER
*/

#footer {
margin: 0 auto 0 auto;
width: 776px;
height: 53px;
background: url(images/footer-bg.jpg) no-repeat;
}

#footer-left {
background-color: black;
margin: 0 auto;
width: 718px;
height: 20px;
}

#footer-right {
font-family: "Arial" sans-serif;
font-size: 0.8em;
float:right;
margin-top: -19px;
margin-right: 35px;
color: #fff;
}


/*
BLANK
*/

#blank-wrap {
margin: 0 auto;
width: 710px;
}

#blank-topbar {
margin: 0 auto 10px auto;
width: 700px;
height: 49px;
background: url(images/pressemitteilung.png) top left no-repeat;
}

#blank-cont {
margin: 15px auto 15px 5px;
}


/*
404
*/

#404 {
margin: 10px auto;
width: 710px;
}
#404-cont {
width: 700px;
margin:30px auto;
}