/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.clear { clear:both; }
.bordertest { border: 1px dotted blue; }


/* #Page Styles
================================================== */
form { background: url('../images/SunyeeShin_topstrimmel.png') repeat-x top left; font-size: 10px;}

.redbar { margin: 0 0 5px 0; border-top: 2px solid #c40f2f; }

.greybar { margin: 0 0 5px 0; border-top: 1px solid #5e5b5b; }


#HorizontalMenuContainer { padding: 3px 0 0 0; }

.plainbox { margin: 2px 10px 15px 0; overflow:hidden; /* border: 1px dotted blue; */ }
.plainbox .billede { float: left; margin: 0 12px 10px 0; width:108px; height:108px; }
.plainbox .billede img { width:108px; height:108px; }
.plainbox h1 { font-size: 1.2em; margin-bottom: 0.2em; font-weight: bold;  /* color: #05738c; */ }
.plainbox .Body { font-size: 1em; }

.productbox { margin: 2px 10px 15px 0; overflow:hidden; /* border: 1px dotted blue; */ }
.productbox .billede { float: left; margin: 0 12px 8px 0; width:108px; height:108px; }
.productbox .billede img { width:108px; height:108px; }
.productbox h1 { font-size: 1.2em; margin-bottom: 0.2em; font-weight: bold; /* color: #05738c; */ }
.productbox .TeaserText { font-size: 1em; }
.productbox .ProductPrice { font-size: 1em; }

.productbox .ProductPrice .buy { margin-top: 6px; }
.productbox .ProductPrice .buy .ppoffer { float:left; margin: 2px 15px 0 0; }
.productbox .ProductPrice .buy .ppoffer .lbl { font-size: 1.1em; font-weight: bold; }
.productbox .ProductPrice .ppoffer .val { font-size: 1.1em; font-weight: bold; }

.productbox .ProductPrice .buy .pib,
.productbox .ProductPrice .buy .pnis { float:left; padding-top: 2px; cursor: pointer; }


#Logo { padding: 24px 0 26px 10px; background-color: transparent; float: left; }
#Logo img { width: 132px;}

#Flags { padding: 48px 10px 0 0; background-color: transparent; float: right; }
#Flags a { margin-left: 10px; }
#Flags img { width:39px; height: 29px; }

#TopRight { height: 97px; }

#ShortcutMenu { text-align: right; padding: 8px 105px 10px 0; background: transparent; /*border: 1px dotted green; */}
#ShortcutMenu a { padding: 4px 6px; color: #474646; font-size: 1em; text-decoration: none;	 display: inline-block; }
#ShortcutMenu a:hover { color: #474646; text-decoration:underline; }
#ShortcutMenu a img { vertical-align: middle; }

/*-- Sub nav.: Search  --*/
#SearchBox { text-align: right; padding: 30px 10px 10px 0; font-size: 100%; font-weight:normal; background: transparent; /*border: 1px dotted blue; */}
#SearchBox .SearchBlock { padding: 0 0 0 6px; }
#SearchBox .SearchBlock .SearchField { margin: 0; padding: 0; width: 10em; border: none; border-collapse: collapse; border: 1px solid #555; 		
                                       font-size: 1em; height: 17px; color: #434343; background-color: #fff; }
#SearchBox .SearchBlock .SearchButton { margin:0 15px 0 0; padding: 0; width: 36px; height: 18px; font-size: 1em; color: #344a71;
                                        font-weight: bold; vertical-align: bottom; text-align: center; border-collapse: collapse;
                                        border: 1px solid #444; background-color: white; cursor: pointer; }
                              
#topimage { border-bottom: 3px solid #8aa1b1; }                                        
#topimage img { width:940px; border-bottom: 1px solid #728596; }

#LeftCol { padding: 23px 8px 25px 0; }

#RightCol { padding: 8px 12px 10px 0; }

#Content { padding: 30px 8% 0 15px; color: #18355a; font-size: 1em; line-height: 140%;}
.sixteen #Content { padding: 30px 8% 10px 8%;}
#Content p,
#Content table { font-size: 1.1em;}

/*-- Bread crumb --*/
#Breadcrumb { margin: 8px 0 8px 20px; font-size: 1.1em;	color: #434343;}
#Breadcrumb span { margin: 0; padding: 0; line-height: 1.4em; }
#Breadcrumb span a { white-space: nowrap; color: #434343; text-decoration: underline;}
#Breadcrumb span a:hover { text-decoration: none;}


#Col1  { padding: 25px 0 0 15px; } 
#Col2,
#Col3 { padding: 25px 0 0 5px; }

#Col1 h1, 
#Col2 h1,
#Col3 h1 { text-transform: uppercase; font-weight: bold; font-size: 1.5em; color: #18355a; }

#Col1 p, 
#Col2 p,
#Col3 p { font-size: 1.1em; line-height: 140%; }

hr.horizdelim { margin:0; padding:0; border: none; height: 1px; border-top: solid 1px #88a2b1; }

#LeftSub { padding: 25px 0 20px 15px; }
#RightSub { padding: 25px 0 20px 5px;}
#LeftSub h1,
#RightSub h1 { text-transform: uppercase; font-weight: normal; font-size: 1.5em; color: #18355a; }
#LeftSub p,
#RightSub p { font-size: 1.1em; line-height: 140%; }


.GreenBox { margin-bottom: 10px; background-color: #b4c51f; padding: 12px 8px 10px 10px; }
.GreenBox h1 { color: #020346; font-size: 14px; }
.GreenBox ul.LinkList { list-style-type: none; margin: 0; padding: 0 10px 0 0; font-size: 1em; line-height: 180%;	}
.GreenBox ul.LinkList li { padding-left: 15px; background-image: url(../images/linklistpil_hvid.png); 
							background-position: 3px 0.6em; background-repeat: no-repeat;}
.GreenBox ul.LinkList li a { text-decoration: underline; color: #010447; }
.GreenBox ul.LinkList li a:hover { text-decoration: underline; font-weight:bold; color: #010447;}

.FPBox { margin-bottom: 4px; padding: 10px 8px 10px 10px; }
.FPBox h1 { font-size: 14px; }
.FPBox h1.lightblue { color: #215e9a; }
.FPBox h1.darkblue { color: #03446a; }
.FPBox .FPBoxText { color: #1f2020; }

.GenericBox { margin-bottom: 6px; padding: 10px; background-color: #c2cedf; }
.GenericBox h1 { margin: 4px 0 4px 0; font-size: 1.3em; text-transform: uppercase; color: #03446a; }
.GBText { padding: 7px 8px 4px 8px; line-height: 120%; font-size: 1em; color: #000; }
.GBText h2 { font-size: 1.1em; margin-top: 0.2em; margin-bottom: 0em; }
.GBText p { margin-top: 0.2em; margin-bottom: 0.8em; }

.LinkBox { margin-bottom: 6px; padding: 10px; background-color: #e6e7e7; }
.LinkBox h1 { margin: 4px 0 4px 0; font-size: 1.3em; text-transform: uppercase; color: #03446a; }
.LinkBox ul.LinkList { list-style-type: none; margin: 0; padding: 0 10px 0 0; font-size: 1em; line-height: 180%;	}
.LinkBox ul.LinkList li { padding-left: 15px; background-image: url(../images/linklistpil_graa.png); 
                 background-position: 3px 0.7em; background-repeat: no-repeat;}
.LinkBox ul.LinkList li a { text-decoration: underline; color: #00507e;}
.LinkBox ul.LinkList li a:hover { text-decoration: underline; font-weight:bold; color: #00507e;}


#footerContainer { width: 100%; min-height: 40px; margin-top: 25px; background-color: #004385; color: #fff; text-align: center; vertical-align: middle; font-size: 14px; font-weight:bold; }
#Footer { padding: 14px 0 5px 0; }
#Footer img { margin-bottom: 8px; }

#CopyRightContainer { text-align: right; padding: 10px 13px 10px 0; color: #a4bccf; font-size: 1.1em;	font-weight: normal;}
#CopyRightContainer a { text-decoration: none; color: #a4bccf; }
#CopyRightContainer a:hover { text-decoration: underline; color: #a4bccf; }


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) 
	{
		li.menuL1,
		li.menuL1on,
		li.menuL1sel, 
		li.menuL1xtra,
		li.menuL1onxtra,
		li.menuL1selxtra 
		{    
			padding: 8px 28px 10px 11px;
		}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) 
	{						
		form { background: url('../images/SunyeeShin_topstrimmel_mellem.png') repeat-x top left; }

		#Logo { padding: 34px 0 18px 10px; }		
		#Logo img { width: 132px;}

		li.menuL1,
		li.menuL1on,
		li.menuL1sel, 
		li.menuL1xtra,
		li.menuL1onxtra,
		li.menuL1selxtra 
		{    
			padding: 7px 28px 10px 11px;
		}
		
		#Col1  { padding: 25px 0 0 5px; } 
		#LeftSub { padding: 25px 0 20px 5px; }
		#footerContainer { line-height: 160%; }
		#Footer { padding: 14px 0 14px 0; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px)  
	{		
		body { font-size: 11px; }
		form { background: url('../images/SunyeeShin_topstrimmel_stor.png') repeat-x top left; }	
		#Logo { padding: 35px 0 12px 10px; }		
		#Logo img { width: 132px;}
		#Flags { padding: 48px 1px 0 0; }
		#Flags a { margin-left: 5px; }
		#Flags img { width:19px; height: auto; }

		#Horizontalmenu ul { padding: 1px 0 0 0;}
		li.menuL1,
		li.menuL1on,
		li.menuL1sel, 
		li.menuL1xtra,
		li.menuL1onxtra,
		li.menuL1selxtra 
		{    
			padding: 9px 14px 10px 11px;
		}
			
		h1 { font-size: 1.7em; line-height: 1.1em; margin-bottom: 0.55em;}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/*
	@font-face {
	    font-family: Antenna-ExtraLight;
	    src: url(/fonts/ANTELT__.ttf);
	    font-weight: normal;
	    font-style: normal; 
	    }

p.customfont { 
    font-family: Antenna-ExtraLight, Verdana, Tahoma;
    font-size: 18px;
}
*/