/*
mod.basic:	round corners
mod.simple:	round corners with 1px border

/* overrides to compensate for other Falck css*/
.mod .pad {padding:0;}
.mod  h2 {font-weight:bold; margin:10px 0 0.5em;}
.mod .bd {padding:10px 10px 0;}
.mod .hd {padding:0 10px;}
.mod .inner {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:right bottom;
}


.size1of4 ul {margin:0;padding:0;list-style:none; width:100%;overflow:hidden;}
.size1of4 li {padding:2px 0 2px 10px;}


/*

Modular grid approach based on oo-CSS by Nicole Sullivan 

Copyright (c) 2009, Nicole Sullivan. All rights reserved.
Code licensed under the BSD License:
version: 0.2

*/

/* module */
.mod{margin:5px;}
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative; zoom:1;}

b.top, b.tl, b.tr, b.bottom, b.bl, b.br {display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left;}
.tl{background-position: left top;}
.tr{background-position: right top;}
.bl{background-position: left bottom;} 
.br{background-position: right bottom;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden;margin-bottom:-32000px;}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px;}
.top{background-position:center top;}
.bottom{background-position:center bottom; _zoom:1;}/* this zoom required for IE5.5 only*/


/* ----- simple (extends mod) ----- */
.simple .inner {padding-bottom:10px; background-color:#e5e5e5; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.simple b.top, .simple b.tl, .simple b.tr, .simple b.bottom, .simple b.bl, .simple b.br {background-image:url(img/corners.png); _background-image:url(img/corners.gif);}

/* ----- basic (extends mod) ----- */
.basic .inner {	-moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px;}
.basic b.top, .basic b.tl, .basic b.tr, .basic b.bottom, .basic b.bl, .basic b.br{background-image:url(img/corners-trans.png); _background-image:url(img/corners-trans.gif);}
.basic .inner {background:#e5e5e5; }
.basic .bd {padding:0;}

/* complex */
.complex{overflow:hidden; *position:relative; *zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;}
.complex .bl, .complex .br{/*margin-top:0;*/}
.complex .top{height:5px;}
.complex .bottom{height:5px;/*margin-top:-10px;*/}

/* pop  */
.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
.pop .tl, .pop .br{display:none;}
.pop .bl{bottom:-10px;}
.pop .tr{right:-10px;}


/* **************** GRIDS ***************** */
.line, .lastUnit {overflow:hidden;_overflow:visible;_zoom:1;}
.unit {_overflow:hidden;}
#sidebar {_z-index:0; _position:relative;}
.line {margin:-5px -5px 5px; *margin-bottom:10px; /*<-IE7*/ _margin-bottom:5px; /*<-IE6*/}
.line .line {margin:0;}

/* want to use lists for columns? ok then... */
ul.line, ol.line {margin:0; padding:0;}
li.unit {margin:0; padding:0; list-style:none;}


.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%; _width:33.3%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none; _position:relative; _left:-3px; _margin-right:-3px; width:auto;}

/* extending grids to allow a unit that takes the width of its content */
.media {width:auto;}



/* **************** BLOCK SKINS ***************** */

/* ----- photo (extends complex) ----- */
/*.photo {margin:1px;}
.photo .inner{margin:0 4px;}/* muck with margins to change how the block will align with other blocks, any value between 0-10px * /
.photo b {background-image:url(http://oocss.org/css/skin/mod/photo.png);}
.photo .tr, .photo .tl{width:20px;}
.photo .top, .photo .bottom{height:4px;margin-top:0px;} 
.photo .bl, .photo .br{height:16px;margin-top: -12px;}
*/

/*mod-falcon (extends simple) */
.mod-falcon,.mod-red {color:#fff;}
.mod-falcon .bd,.mod-red .bd {padding:10px;}
.mod-falcon h2,.mod-red h2 {margin-top:0; font-weight:normal;}
.mod-falcon a, .mod-falcon a:visited,
.mod-red a, .mod-red a:visited
 {color:#fff;}
.mod-falcon ul {margin:0; padding:0;}
.mod-falcon ul li {line-height:20px; margin:0; padding:0; list-style:none;}

/*color variations. class="mod simple mod-falcon mod-redfalcon"... */
.mod-redfalcon .inner {background:#be141b no-repeat url(img/mod-redfalcon-bg.png) 100% 50%;}
.mod-bluefalcon .inner {background:#3c6d96 no-repeat url(img/mod-bluefalcon-bg.gif) 100% 50%;}

/*mod-red, a red box-wrapper, used for "ring mig op"-form...*/ 
.mod-red .inner {background:#be141b no-repeat url(img/mod-redfalcon-bg.png) 0% 0%;}
.mod-red .req {color:#fff; font-size:150%; position:absolute;}
.mod .form {padding-bottom:10px;}


/* mod-productgrid (extends basic) */
.mod-productgrid {}
.mod-productgrid ul, .mod-productgrid ul li {margin:0; padding:0;}
.mod-productgrid li {
	background-color:#e8e7e7;
	border-top:1px solid #fff; 
	border-bottom:1px solid #D5D5D5;	
	border-left:1px solid #fff;
	border-right:1px solid #D5D5D5;	
}
.mod-productgrid .sheader { 
	background:#e31e26 repeat-x url('img/shope_redgrad.jpg') 0 100%; 
	border-left:1px solid #ef161f; 
	border-right:1px solid #c1151c; 
	border-bottom:1px solid #BE141B; 
	border-top:1px solid #E41E26;
	white-space:nowrap;
}
.mod-productgrid .erhverv .sheader {
	background:#618da8 repeat-x url('img/shope_bluegrad.jpg') 0 100%;
	border-color:#345d7f;
	border-top-color:#618da8;
	border-left-color:#618da8;
}

.mod-productgrid .sfooter { background-color:#cfcfcf;}


.mod-productgrid a, .mod-productgrid a:visited {
    display:block;
    padding:5px 5px;
    color:#000;
    text-decoration:none;
    min-height:16px;
	_height:16px;
}

.mod-productgrid .sheader a,
.mod-productgrid .unit li.sheader a:visited {
    display:block;
	background:transparent url('img/shope_cart.gif') no-repeat 10px 50%;
	font-size:14px;
    padding:10px 0 10px 30px;
    color:#fff;
    text-decoration:none;
}


/*	campaign boxes: .mod.simple.buttonBox (extends simple)
------------------------------------------------------ */
/* 	extra padding for the button. 
	a.btn gets positioned in the bottom.
	works well in conjunction with line.autoheight... 
*/
.buttonBox .bd {padding-bottom:23px;}
.buttonBox .bd a.btn {position:absolute; bottom:5px; *bottom:10px;}
a.btn img {border:none;}

