@charset "UTF-8";
/* CSS Document */

/* =====================
Björn Perborg 
written for Cuisine Bizarre
July 2011 

swatch colors
------------

FFF = white
cc0000 = dark red
ffcccc = pink
660 = military green
cccccc = gray
333300 = dark brown
000 = black
====================*/

/* Resets and overrides
=================== */

* {
	margin: 0;
	padding: 0;
}

img { border: none; margin:0; padding:0;}


/* Links and type
=================*/

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	background-image: url(images/CB_handuk_tile_grafisk.jpg);
	
}

a:link, a:active, a:visited { text-decoration:none;}
a:hover {text-decoration: underline;}

h1 {
	
	font-size: 3em;
	font-weight: bold;
	line-height: .95em;
	margin: .125em 0;
}

h5 {font-size: 2em;
	font-weight: bold;
	margin: .5em 0 .1em;
}
h5 a, h6 a {
	color: #000;
	}
	
h2, h3, h4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;	
}

h2 {
	margin: 0 0 .3em;
}

h3 {
	margin: 0;
}

h4 {
	margin: 1.8em 0 0 0;
}

p, h6 {
	font-size: 0.85em;
	font-weight: normal;
	line-height: 1.7em;
	margin: 0 0 1em;	
}

h7 {
	font-size: 1em;
	line-height: 1.4em;
	margin: 4em 0 0 0;
}

.cestsuper p {
	font-size: 1.5em;
	font-style: italic;
	line-height: 1em;
	margin: 0 1em 1em 0;
}

.udarea h3, .udarea p, .midbox p, .midbox h3 {
	margin-left: .625em; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: .625em;
}

.midbox h3{
border-bottom: 1px dotted #000;
}

span.favo {
	font-weight: bold;}
	
.udarea h3 {
	float: left;
	line-height: 4em;	
}

.footer p {
        opacity: 0.6;
		margin: .625em 0 0;
}

hr {
background-color: #DDD;

color: #DDD;
height:1.5px;


page-break-after:always;

}


/* tables
======================= */
table {
	border-style: hidden;
	font-size: .85em;
	border-collapse: collapse;
	width: 26em;
	margin: 1em 0 2em 3em;
	vertical-align: top;
	background:#DDD;
}
td, th {padding: .625em;}
th {
	background: #660;
	color: #FFF;
}
td {vertical-align:top;}
.tright {text-align: right;}
.odd {background: #EEE;}


/* lists and navigation
======================= */
.mainnav ul {
	list-style-type:none;
	margin: 0;
	padding:0;
	overflow: hidden;
}


.mainnav li a {
	float: left;
	display: block;
	background-color:#cc0000;
	text-decoration: none;
	font-size: 1.125em;
	font-weight: bold;
	color: #FFF;
	margin: .5em .1em 1em .4em;
	padding: .5em .75em;
	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	
}

.mainnav li {
	float: left;
}

.mainnav li a:hover {
	background-color:#333300;
}

.secnav ul {
	list-style-type:none;
	margin: 1.3em 0 0 0;
	padding:0;
	overflow:hidden;
}

ul.secnav li {
	display: inline;
}

.secnav li a {
	float: right;
	
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #cc0000;
	padding: 0 .5em;
	border-right: 2px solid #cc0000;
}


.secnav li a:hover{
	text-decoration: underline;		
}


.secnav li.last a {
	padding: 0 0 0 .5em;
	border-right: none;
}

.midbox ul{
	list-style-type: none;
	margin: 0;
	padding: .625em;
	overflow:hidden;
}


.midbox li {
	list-style-type: none;
	line-height: 1.7em;
	font-size: .85em;
	color: #000;
	margin: .5em 1.625em 0 0;

	
}

.midbox li a {
	text-decoration: none;
	color: #000;
	
}	

.midbox li a:hover {
	text-decoration: underline;
	color: #000;
	
}



.links li {
	list-style-type: none;
	line-height: 1.5em;
	font-size: 1em;
	color: #000;
	margin: .5em 2em 0;
	font-weight: bold;
	
}

.links li li a {
	
	font-size: 1em;
	padding: 0;
	margin: .5em 0 3em;
	font-weight: normal;
	
}

.footernav ul{
	list-style-type:none;
	margin: .2em .5em 0 0;
	padding:0;
	overflow:hidden;
}

ul.footernav li {
	float: left;
}
.footernav li a {
	display: inline;
	text-decoration: none;
	color: #FFF;
	margin: 0 0 1em 0;
	padding: 0 .75em;
	border-left: 1.5px solid #FFF;
}

.footernav li a:hover {
	
	text-decoration: underline;

}

.footer li.first a {
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}

/* layout divs
==============*/

#container {
	border: 1px solid #000;
	width: 61.25em;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
	text-align: left;
	
	-moz-box-shadow: 0px 3px 40px #000;
	-webkit-box-shadow: 0px 3px 40px #000;
	box-shadow: 0px 3px 40px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#000000');
}


div.superheader	{
	width: 100%;
	padding: 0 .59375em;
	background-color: #660; 
	float: left;
}

div.headernav {
	float: left;
	color:#FFF;
	width: 96%; /* since this element is floated, a width must be given */
	background-color: #F99; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 1em; /* top and bottom padding create visual space within this div */
	margin: .625em 0 0 .625em;
	padding: 0 .625em;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	
	
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#ffcccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cc0000,  #ffcccc); /* for firefox 3.6+ */ 
	background: -o-linear-gradient(#cc0000, #ffcccc);
} 


div.cestsuper {
	position: absolute;
	width: 13.75em; /* since this element is floated, a width must be given */
	padding: 0; /* top and bottom padding create visual space within this div */
	margin: 5.75em 0em 0em 43em;
	zoom: -4;
} 


div.mainnav {
	float: left;
	width: 34em;
	
}


div.secnav {
	float: right;
	width: 23em;
	
}


div.mainContent {
	float: left;
	width: 28.65em;
	margin: 0;
	padding: .625em;
}



div.midColumn{
	float: left;
	width: 13.7em;
}

div.midbox {
	float: right; 
	width: 13.7em; /* since this element is floated, a width must be given */
	background: #CCC; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 1em 0; /* top and bottom padding create visual space within this div */
	margin: 1.25em 0 0;
}



div.udarea {
	float: right; 
	width: 17em; /* since this element is floated, a width must be given */
	padding: 1em .625em 0 0;
}	


div.footer {
	color:#FFF;
	width:100%;
	font-size: .85em;
	padding: .625em;
	background-color: #660;
	clear: left;
	float:left;
}


/* Rounded corners
=============== */
div.headernav, div.midbox, img.feature,	img.feature220, img.feature220p, img.play, table{
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

img {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	border: none;
}

/* layout images
=============== */

img.header220 {
	float: left;
	width: 13.75em;
	height: 5em;
}	

img.header258 {
	float: left;
	width: 16.125em;
	height: 5em;
}	

img.header263 {
	float: left;
	width: 16.4375em;
	height: 5em;
}


img.siteidentifier {
	float: left;
	width: 28.2em;
}	

img.cbtv {
	float: left;
	width: 13.5em;
	margin: .75em 0 0 .625em;
}	


img.cestsuper {
	width: 8.125em;
	float: right;
	margin: .75em 0;
}	
	

img.feature {
	width: 28.5em;
	margin: 0 0 .625em;

}

img.feature220p {
	float: left;
	width: 17.12em;
	margin: 0 1em 0 0;
	
}

img.feature220, img.play {
	width: 13.75em;
	margin: 0 1em 1em 0;
}

img.logo {
	float: right;
	width: 10em;
	margin: .3em 2em 0 0;
}

img.youtube {
	float: right;
	width: 16.25em;
	margin: 0;
}
img.ad1 {
	float: right;
	width: 16.25em;
	margin: .3em 0;
}	
	
img.footerlogo {
	float: left;
	width: 7em;
	margin-right: 1em;
}	
	
iframe.tv {
	width: 28.5em;
	height: 23.4em;
}