@charset "utf-8";

/* -----------------------------------*/
/* ------> GLOBAL <<<-----------*/
/* -----------------------------------*/

* {
	margin:0;
	padding:0;}

html, body {
	margin:0;
	padding:0;
	height:100%;}
	
	body {
	margin:0px;
	padding:0px;
	background:#696866 url(../images/body-bg.jpg) 0 0 repeat-x;
	font:101%/1.25 "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	line-height:1.5em;
	color:#000;
}

a, a:visited {color:#ff8500; text-decoration:none;}
a:hover, a:active {color:#ce1e2f; text-decoration:underline;}
a:focus {outline: none;}

a.active {
	background-position:0 100% !important;
}

br.clear {
	float:none;
	clear:both;
}

/* -----------------------------------*/
/* ------> LAYOUT <<<-----------*/
/* -----------------------------------*/

div#wrapper {
	margin:0 auto;
	padding:0;
	width:920px;
	height:auto;
	background:transparent url(../images/wrapper-bg.jpg) 0 0 repeat-y;
}

div#top {
	margin:0;
	padding:0;
	width:920px;
	height:131px;
	background:transparent url(../images/top-bg.jpg) 0 0 no-repeat;
	position:relative;}
	
	div#top h1 {
	margin:0;
	padding:0;
	display:block;
	width:263px;
	height:79px;
	background:transparent url(../images/orgaterm-logo.jpg) 0 0 no-repeat;
	position:absolute;
	top:38px;
	left:26px;}
	
	div#top h1 a {
	margin:0;
	padding:0;
	display:block;
	width:263px;
	height:79px;
	text-indent:-9000em;}
	
	div#top div#language {
	margin:0;
	padding:0;
	width:48px;
	height:16px;
	background:transparent;
	position:absolute;
	top:108px;
	right:42px;}
	
	div#top div#language a {
	float:left;}
	
	div#top div#language a.lang-de, div#top div#language a.lang-de:visited {
	margin:0;
	padding:0;
	display:block;
	width:24px;
	height:16px;
	text-indent:-9000em;
	background:transparent url(../images/flag-de.png) 0 0 no-repeat;}
	
	div#top div#language a.lang-de:hover, div#top div#language a.lang-de:active {
	background:transparent url(../images/flag-de.png) 0 -16px no-repeat;}
	
	div#top div#language a.lang-en, div#top div#language a.lang-en:visited {
	margin:0;
	padding:0;
	display:block;
	width:24px;
	height:16px;
	text-indent:-9000em;
	background:transparent url(../images/flag-gb.png) 0 0 no-repeat;}
	
	div#top div#language a.lang-en:hover, div#top div#language a.lang-en:active {
	background:transparent url(../images/flag-gb.png) 0 -15px no-repeat;}

div#navi {
	margin:0;
	padding:0;
	width:289px;
	height:258px;
	background:transparent;
	float:left;
}

div#head {
	margin:0;
	padding:0;
	width:631px;
	height:258px;
	background:transparent url(../images/header-bg.jpg) 0 0 no-repeat;
	float:left;
}

div#content-container {
	margin:0;
	padding:0;
	width:920px;
	height:auto;
	background:transparent url(../images/content-bg.jpg) 0 0 no-repeat;}
	
	div#sidebar {
	margin:0;
	padding:40px 9px 20px 25px;
	width:254px;
	height:auto;
	background:transparent;
	float:left;}
	
	div#sidebar p {
	margin:0 0 10px 0;
	padding:0 0 0 4px;
	font-weight:normal;
	font-size:0.85em;
	color:#5d5b59;
	line-height:1.8em;}
	
	div#sidebar h3 {
	margin:10px 0 6px 0;
	padding:0 0 0 3px;
	font-weight:normal;
	font-size:1.233em;
	color:#474747;
	line-height:1.2em;
	border-bottom:3px solid #ce1e2f;
	letter-spacing:-0.05em;}
	
	div#sidebar ul {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;}
	
	div#sidebar ul li {
	margin:0;
	padding:0 0 0 18px;
	font-size:0.85em;
	color:#474747;
	line-height:2em;
	border-bottom:1px solid #fee35d;
	background:url(../images/sidebar-li.png) 5px 12px no-repeat;}
	
	div#sidebar ul li.noborder {
	border-bottom:none !important;}
	
	div#sidebar a, div#sidebar a:visited {
	color:#ff8500;}
	
	div#sidebar a:hover, div#sidebar a:active {
	color:#ce1e2f;}
	
	div#content {
	margin:0;
	padding:20px 45px 30px 25px;
	width:561px;
	height:auto;
	background:transparent;
	float:left;}
	
	div#content p {
	margin:0 0 16px 0;
	padding:0;
	font-weight:normal;
	font-size:0.833em;
	color:#5d5b59;
	line-height:1.8em;}
	
	div#content p.small {
	font-size:0.75em;
	line-height:1.5em;}
	
	div#content h2 {
	margin:10px 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:1.833em;
	color:#ce1e2f;
	line-height:1.2em;
	letter-spacing:-0.02em;}
	
	div#content h4 {
	margin:10px 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:1.033em;
	color:#ff8500;
	line-height:1.2em;
	letter-spacing:-0.01em;
	border-bottom:1px solid #fee35d;}
	
	div#content h5 {
	margin:10px 0 10px 0;
	padding:0;
	font-weight:bold;
	font-size:0.833em;
	color:#ff8500;
	line-height:1.6em;
	letter-spacing:-0.01em;
	border-bottom:1px solid #fee35d;}
	
	div#content div.shoplink {
	margin:10px 0 0 0;
	padding:10px 10px 10px 80px;
	background:#fff8be url(../images/ico-shop.jpg) 6px center no-repeat;
	border:1px solid #feda55;
	line-height:1.4em;
	width:400px;}
	
	div#content div.shoplink p {
	margin:0;}
	
	div#content div.shoplink p strong {
	color:#ce1e2f;}
	
	div#content div.ansprechpartner {
	width:210px;
	height:320px;
	margin:10px 20px 0 0;
	float:left;}
	
	div#content img.thumb {
	padding:4px;
	background:#fff8be;
	border:1px solid #feda55;}
	
	div#content img.left {
	margin:10px 16px 10px 0px;
	float:left;}
	
	div#content img.right {
	margin:10px 0px 10px 16px;
	float:right;}
	
	div#content ul {
	margin:0 0 16px 0;
	padding:0;
	list-style:none;
	font-size:0.833em;
	display:block;}
	
	div#content li {
	margin:0;
	padding:0 0 0 16px;
	background:transparent url(../images/sidebar-li.png) 0px 10px no-repeat;}
	
	div#content li.pdf {
	padding:0 0 0 28px;
	background:transparent url(../images/acrobat.png) 2px 4px no-repeat;}
	
	div#content li.shop {
	padding:0 0 0 28px;
	background:transparent url(../images/shop.png) 0 4px no-repeat;}
	
	div#content a.escape {
	padding:0 0 0 20px;
	background:transparent url(../images/email.png) 0 3px no-repeat;}
	
	div#content div#containerSwf {
	padding:4px;
	background:#fff8be;
	border:1px solid #feda55;}

div#footer {
	margin:0;
	padding:0;
	width:920px;
	height:109px;
	background:transparent url(../images/footer-bg.jpg) 0 0 no-repeat;}
	
	div#footer ul {
	margin:0 0 0 26px;
	padding:0;
	width:850px;
	height:80px;
	background:transparent;}
	
	div#footer ul li {
	margin:0;
	padding:0;
	display:block;
	height:80px;
	float:left;}
	
	div#footer ul li a, div#footer ul li a:visited {
	margin:0;
	padding:0;
	display:block;
	height:80px;
	background-position:0 0;
	float:left;
	text-indent:-9000em;}
	
	div#footer ul li a:hover, div#footer ul li a:active {
	background-position:0 100% !important;}
	
	div#footer ul li a.logo-bonny {
	width:82px;
	background:transparent url(../images/logo-bonny.jpg) 0 0 no-repeat;}
	div#footer ul li a.logo-pferde {
	width:147px;
	background:transparent url(../images/logo-pferde.jpg) 0 0 no-repeat;}
	div#footer ul li a.logo-magnofit {
	width:159px;
	background:transparent url(../images/logo-magnofit.jpg) 0 0 no-repeat;}
	div#footer ul li a.logo-magnoflex {
	width:112px;
	background:transparent url(../images/logo-magnoflex.jpg) 0 0 no-repeat;}
	div#footer ul li a.logo-babyschmusewelt {
	width:175px;
	background:transparent url(../images/logo-babyschmusewelt.jpg) 0 0 no-repeat;}
	div#footer ul li a.logo-orgaterm {
	width:175px;
	background:transparent url(../images/logo-orgaterm.jpg) 0 0 no-repeat;}

/* -----------------------------------*/
/* -------> NAVI <<<------------*/
/* -----------------------------------*/

div#navi ul {
	margin:0;
	padding:0;
	display:block;
	width:289px;
	height:258px;
	background:transparent;
	list-style:none;
}

div#navi ul li {
	margin:0;
	padding:0;
	display:block;
	width:289px;
}

div#navi ul li a, div#navi ul li a:visited {
	margin:0;
	padding:0;
	display:block;
	width:289px;
	text-indent:-9000em;
	background-position:0 0;
}

div#navi ul li a:hover, div#navi ul li a:active {
	background-position:0 100% !important;
}


	div#navi ul li a.nvLink-ueberuns, div#navi ul li a.nvLink-ueberuns:visited {
	height:43px;
	background:transparent url(../images/nvLink-ueberuns.jpg) 0 0 no-repeat;}
	div#navi ul li a.nvLink-anfahrt, div#navi ul li a.nvLink-anfahrt:visited {
	height:44px;
	background:transparent url(../images/nvLink-anfahrt.jpg) 0 0 no-repeat;}
	div#navi ul li a.nvLink-shop, div#navi ul li a.nvLink-shop:visited {
	height:34px;
	background:transparent url(../images/nvLink-shop.jpg) 0 0 no-repeat;}
	div#navi ul li a.nvLink-kontakt, div#navi ul li a.nvLink-kontakt:visited {
	height:33px;
	background:transparent url(../images/nvLink-kontakt.jpg) 0 0 no-repeat;}
	div#navi ul li a.nvLink-links, div#navi ul li a.nvLink-links:visited {
	height:35px;
	background:transparent url(../images/nvLink-links.jpg) 0 0 no-repeat;}
	div#navi ul li a.nvLink-aktuelles, div#navi ul li a.nvLink-aktuelles:visited {
	height:34px;
	background:transparent url(../images/nvLink-aktuelles.jpg) 0 0 no-repeat;}
	div#navi ul li a.nvLink-produktbereiche, div#navi ul li a.nvLink-produktbereiche:visited {
	height:35px;
	background:transparent url(../images/nvLink-produktbereiche.jpg) 0 0 no-repeat;}
