@charset "UTF-8";
/* CSS Document */

html, body {margin:0; height:100%; background:#1D77C9 url(../_clip/bg-blue.png) repeat-x; font-family:"Trebuchet MS", Arial; font-size:12px;}
img {border:none;}
.r {border:0px none; margin:0px; padding:0px; float:none; clear:both; width:0px; height:0px; line-height:0px; font-size:0px}

#container {position:relative; margin:0 auto; width:750px; min-height:100%; background:#2194c8 url(../_clip/bg-shine.jpg) repeat-x; background-position:0 100px; border-left:1px solid #5F9ED7; border-right:1px solid #5F9ED7;}

/* H1 */
#logo h1 {background:transparent url(../_clip/logo-pepsico.png) no-repeat top right; margin:0; width:320px; height:100px; float:left;}
#logo h1 span {display:none}
/******/

/* ABSOLUTE TO #container */
#glass {position:absolute; top:120px; left:554px; background:url(../_clip/glass.png) no-repeat; width:235px; height:337px;}
#links {position:absolute; margin:247px 0 0 80px; z-index:2;}
	#links ul.mainUl {margin:0; padding:0; list-style:none;}
	#links a.mainA {font-size:10px; color:#01539d; text-decoration:none;}
/*************************/

#header {width:100%; background:#FFFFFF;}
/**#header #logo {width:320px; padding:0 0 0 30px; float:left;}*/
#header #topSearch {width:200px; margin:35px 0 0 0; float:right;}
#header #topSearch input.input1 {border:none; background:#8bbee0; width:100px;}
#header #topSearch input.button1 {background:url(../_clip/button.png); border:none; width:10px;}
#header #topSearch fieldset {border:none;}
#header #topSearch label {float:left; color:#177ec1; font-size:11px; display:inline; padding:5px 5px 0 0;}


#mainContainer {margin:auto; width:100%; overflow:hidden;}
#menu {padding:0 0 0 30px;}
#menu ul {margin:0; padding:0px; list-style:none;}
#menu li {margin:0; height:36px; line-height:36px; float:left; background:url(../_clip/bg-li.png);}
#menu li:hover {background:url(../_clip/bg-li-hover.png);}
#menu a {padding:10px 15px 9px 15px; color:#50a3e4; font-size:13px; text-decoration:none; background:url(../_clip/bg-li-line.png) right no-repeat;}
#menu a.noLine {background:none;}

#mainFloats {margin:50px 0 0 0;}

#breadcrumbs {font-size:12px; padding:5px 0 5px 0; border-bottom:1px dotted #5F9ED7; border-top:1px dotted #5F9ED7;}
#breadcrumbs a {color:#FFF;}
#breadcrumbs a:hover {color:#1D77C9;}

ul.list-product {margin: 15px 0 15px; padding: 0 0 0 20px; list-style: square; color: #FCD87E;}
ul.list-product li a {color: #FCD87E; margin: 0; padding: 0;}
ul.list-product li a:hover {color: #ffffff; text-decoration: none;}

#historie {color:#1D77C9;}
#historie a {font-size:12px; color:#FFF; text-decoration:none;}
#historie a:hover {font-size:12px; color:#FFF; text-decoration:underline;}
#historie h3 {color:#000; margin:10px 0 0 0; font-size:16px; font-style:italic;}
#historie p {color:#000; padding:3px 0 10px 0; margin:0; border-bottom:1px dotted #5F9ED7;}

#normal {color:#1D77C9;}
#normal a {font-size:12px; color:#FFF; text-decoration:none;}
#normal a:hover {font-size:12px; color:#FFF; text-decoration:underline;}
#normal h3 {color:#000; margin:10px 0 0 0; font-size:16px; font-style:italic;}
#normal p {color:#000; padding:3px 0 10px 0; margin:0;}
#normal strong {font-size:13px; color:#000;}
#normal ul {color:#000; font-size:12px;}
#normal li {list-style:none;}

#produkt {}
#produkt #pictures {float:left; width:150px;}
#produkt .pictures {float:left; width:150px; padding:0 0 15px 0;  margin-top: 25px;}

#produkt #description {float:left; width:320px; padding:0 0 0 30px; font-size:12px;}
#produkt #description h3 {margin:0; font-size:18px; color:#FFF;  }
#produkt #description h4 {margin:25px 0 15px 0; font-size:16px;}
#produkt #description table {padding:0; margin:0; border-collapse: separate;}
#produkt #description th {border-right:1px dotted #1D77C9; border-bottom:1px dotted #1D77C9; padding:5px; color:#FFF;}
#produkt #description td {padding:5px; border-bottom:1px dotted #1D77C9;}
#produkt #description th.noBorder {border-right:1px dotted #1D77C9; border-bottom:none;}
#produkt #description td.noBorder {border:none;}
#produkt #description ul {list-style:disc; margin:0; padding:0 0 0 13px;}
#produkt #description a {font-size:12px; color:#FFF; text-decoration:none;}
#produkt #description a:hover {font-size:12px; color:#FFF; text-decoration:underline;}
#produkt .description {float:left; width:320px; padding:0 0 0 30px; font-size:12px; margin-top: 25px;}
#produkt .description h3 {margin:0; font-size:18px; color:#FFF;}
#produkt .description h4 {margin:25px 0 15px 0; font-size:16px;}
#produkt .description table {padding:0; margin:0; border-collapse: separate;}
#produkt .description th {border-right:1px dotted #1D77C9; border-bottom:1px dotted #1D77C9; padding:5px; color:#FFF;}
#produkt .description td {padding:5px; border-bottom:1px dotted #1D77C9;}
#produkt .description th.noBorder {border-right:1px dotted #1D77C9; border-bottom:none;}
#produkt .description td.noBorder {border:none;}
#produkt .description ul {list-style:disc; margin:0; padding:0 0 0 13px;}

#left {width:500px; padding:0 0 0 30px; float:left;}
#left h2 {color:#FFF; font-style:italic;}
#left p {font-size:12px;}
#left strong {font-size:13px;}
#left .logos {margin:80px 0 0 0;}
#right {width:220px; float:left;}
#right ul {margin:50px 0 0 45px; padding:0; color:#FFF;}
#right li {list-style:square;}
#right a {font-size:12px; color:#FFF; text-decoration:none;}
#right a:hover {text-decoration:underline;}
.right {text-align: right;}
.right a {color: #ffffff;}
.right a:hover {text-decoration: none;}

#leftMap {width:690px; padding:0 0 0 30px; float:left;}

#subMenu {margin:0 0 20px 0; color:#2194c8;}
#subMenu a {font-size:12px; color:#FFF; text-decoration:none;}
#subMenu a:hover {font-size:12px; color:#FFF; text-decoration:underline;}

#printForm {}
#printForm p {border-bottom:1px dotted black; padding:0 0 20px 0; width:250px;}
#printForm p.printLeft {float:left; width:150px;}
#printForm p.printRight {float:right; width:150px;}
.infoBox {padding:10px; background:#2194c8; font-size:12px;}
.infoBox a {font-size:12px; color:#FFF; text-decoration:none;}
.infoBox a:hover {font-size:12px; color:#FFF; text-decoration:underline;}


.paragraf {width:200px; padding:0 30px 0 20px; float:left; color:#FFF;}
.paragraf h2 {padding:0 0 5px 20px; margin:0; border-bottom:1px solid #FFF; font-size:14px; font-weight:normal; font-style:italic; letter-spacing:4px; background:url(../_clip/pg-list.png) top left no-repeat;}
.paragraf p {font-size:12px; margin:0; padding:7px 0 0 0;}
.paragraf a {color:#FFF; text-decoration:none; display:block;}
.divider {height:40px;}

#search {width:690px; margin:auto; padding:30px 0 0 0;}
#search a {color:#FFF; text-decoration:none;}
#search #head {background:#2194c8; padding:10px;}

#footer {padding:10px 0 0 0; margin:110px 60px 30px 60px; border-top:1px solid #296EAC; color:#FFF; font-size:12px; font-style:italic; text-align:center;}

/*****  Google Maps  *****/
#infownd h1 {font-size: 95%}
#infownd h2 {font-size: 90%; color: black}
