/*
marenfick.eu Global Stylesheet
2011 Volker E. (temporaer.co.at) for Maren Fick -- www.marenfick.eu

$Revision:  $
Last modified $Date:  $
*/

/* ||| GLOBAL RESET by e|vo 110404 |||
   Based on http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
textarea, input, button, select {
	margin: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, canvas, figcaption, figure, figure img,
footer, header, hgroup, menu, nav, section, audio, video {
	display: block;
}

/* ||| HTML ELEMENTS ||| */
body {
	background: #FFF;
	color: #000;
	margin: 16px;
	font-family: "Times New Roman",Times,serif;
	font-size: 87%; /* resets 1em to 11px */
	line-height: 1.8em;
}

a {
	color: #000; 
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

a img,
img {
	border: none;
}

abbr {
	border-bottom: 1px dashed #9B9B9B;
	cursor: help;
	font-size: 0.9em;
}

address {
	margin-left: 4px;
	font-style: normal;
}

/*h1, h2, h3 {}*/

h1 {
	font-size: 2em;
}

h3 {
	margin-bottom: 7px; /* should be 10px, but pxperf */
	font-size: 1.1em;
}

h4 { /* only strong */
	display: block;
	font-size: 1em;
}

hr {
	display: none;
}

#col-c ol {
	margin-left: 15px;
	padding-left: 15px;
}

p {
	margin-bottom: 1em;
}

small {
	font: 0.8em/1.2em Arial,Helvetica,sans-serif;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}

/* Forms */
button {
	cursor: pointer;
}


/* Fieldsets todo comments */
fieldset {
	display: block;
	clear: left;
	border: 1px solid #ECECEC;
	margin: 0 0 10px 0;
	padding: 10px 0;
}

fieldset legend {
	display: none;
}

/* Checkboxes */
div.chkbox {
	height: 14px;
	width: 20px;
}
div.chkbox,
label.chkboxlabel {
	line-height: 14px !important;
	margin: 4px 0 5px;
	vertical-align: middle;
}

/* Textarea */
textarea {
	display: block;
	float: left;
	width: 224px; /* +p2*2+b1*2 = 220px */
	height: 140px;
	max-height: 300px;
	padding: 2px;
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	overflow: auto;
}

p.error {
    color: #F00;
}


/* ||| COMMOM CLASSES ('Superklassen') ||| */
.bg0   { background: none !important; }
.f0    { float: none; }
.f-l   { float: left; }
.f-r   { float: right; }
.b0    { border: none !important; }
.bc-c  { border-collapse: collapse; }
.m0    { margin: 0 !important; }
.p0    { padding: 0 !important; }
.b     { font-weight: bold; }
.n     { font-weight: normal; }
.i     { font-style: italic; }
.u     { text-decoration: underline; }
.ta-l  { text-align: left; }
.ta-c  { text-align: center; }
.ta-r  { text-align: right; }
.ws0   { white-space: nowrap; }

.m-t5  { margin-top: 5px !important; }
.m-l0  { margin-left: 0 !important; }
.m-l5  { margin-left: 5px !important; }
.m-l10 { margin-left: 10px !important; }
.m-l15 { margin-left: 15px; }
.p-h5  { padding-left: 5px !important; padding-right: 5px !important; }
.p-h10 { padding-left: 10px !important; padding-right: 10px !important; }
.p-h13 { padding: 0 13px !important; }
.p-h15 { padding: 0 15px !important; } /* padding-horizontal */

/* ... Var. Widths ... */
.w100pc{ width: 100%; }
.w50pc { width:  50%; }
.w33pc { width:  33%; }
.w25pc { width:  25%; margin-left: 0 !important; }
	.w50pc-col-last {	width: 44%;	}
	.col-last {	width: 24%; } /* IE6 */

/* ... Clear Blocks ... */
.clear { clear: both; }

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { /* >IE6.css */
	display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
	display: block;
}

/* ... List Bullets ... */
.no-bullets,
.no-bullets li {
	list-style: none !important;
	list-style-image: none !important;
	list-style-type: none !important;
	margin-left: 0 !important;
	padding: 0 !important;
}
ul.custom-bullets,
.ui-tooltip ul,
#col-c .mod-bd ul {
	margin-left: 20px;
	list-style-position: inside;
}

.imagedescr,
.placeholder,
.subtle { color: #7A7A7A; }
.necessary { background: #FFE0E0; }
.zzz,
.hiddenmodule { display: none !important; }


/* ||| STRUCTURE ||| */
#skip,
#skip a, #skip a:hover, #skip a:visited,
.screen-reader-text {
	position: absolute;
	left: 0px;
	top: -1000em;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
	#skip a:focus {
		position: static;
		width: auto;
		height: auto;
		}


/* ::: Content Box ::: */
#content-box {
	position: relative;
	width: 945px;
	min-height: 550px;
	margin: 0 auto;
}

/* ::: Header ::: */
#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 550px;
}

#header h1 { /* todo http://clagnut.com/sandbox/js-enhanced-IR.php/ */
	background: transparent url(../mf-images/logo-maren-fick.png) no-repeat;
	width: 279px;
	height: 133px;
	margin-bottom: 10px;
	text-indent: -9999em;
}
	#header h1 a {
		display: block;
		width: 279px;
		height: 133px;
		text-decoration: none;
		overflow: hidden;
	}

	#header h2 {
		font-weight: normal;
		text-transform: uppercase;
	}



.work-dwnld {
	background: url(../mf-images/lnk-work.png) no-repeat left center;
	display: block;
	width: 200px;
	padding-left: 15px;
	text-transform: uppercase;
}



/* ... Main Nav Box ... */
#nav-box {
	background: transparent url(../images/bg-cnt-top-meta.png) no-repeat left bottom;
	position: relative;
	width: 953px;
	height: 35px;
	margin-left: 12px;
	z-index: 2;
}



/* ... Main Nav: Plugin Superfish enhanced ... */
#nav-main li,
#nav-main li a {
	color: #FFF;
	float: left;
	height: 30px;
	font-size: 1em;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
}
	#nav-main li {
		position: relative;
		float: left;
		width: 189px;
		/*left: 15px; */
	}
		#nav-main li a {
			background: #B22C1B url(../images/bg-mastergrid-24bit.png) no-repeat 0 0;
			position: relative;
			display: block;
			width: 188px;
			z-index: 1;
			cursor: pointer;
			overflow: hidden;
		}
		#nav-main li a:hover,
		#nav-main li.sfHover a {
			background-position: -189px 0;
		}

	#nav-main li.current-sect {
		height: 31px;
	}
	#nav-main li.current-sect a {
		background-position: 0px -30px !important;
		color: #B22C1B;
		height: 31px;
	}

/* ... Superfish Nav Menus ... */

/*** ESSENTIAL STYLES ***/
#nav-main {
	line-height: 1.0;
}
#nav-main ul {
	position: absolute;
	top: -999em;
	width: 188px; /* left offset of submenus need to match (see below) */
	z-index: 99999;
}
/*#nav-main ul li {
	width: 100%;
}*/
#nav-main li:hover ul,
#nav-main li.sfHover ul {
	left: 0;
	top: 30px; /* match top ul list item height */
	z-index: 99;
}


#nav-main li li {/* IE6.css */
	background: #FFF;
	width: 186px !important;
	border: 1px solid #D9D9D9;
	border-width: 0 1px 1px 1px;
	font-size: 0.9em;
	overflow: hidden;
}
#nav-main li li,
#nav-main li li a {
	height: auto !important;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	text-transform: none;
}
#nav-main li li a {
	background: transparent;
	color: #B22C1B !important;
	display: block;
	padding: 4px 6px !important;
}
	#nav-main li li:hover,
	#nav-main li li a:hover {
		background: #B22C1B;
		color: #FFF !important;
	}

#nav-main li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	position: relative;
	z-index: 999;
}

/*** shadows for all but IE6 **
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}*/


/* ::: Content ::: */
#content {
	background: url(../mf-images/bg-cnt.png) no-repeat left top;
	position: absolute;
	top: 0;
	left: 300px;
	width: 645px;
	height: 550px;
	z-index: 1;
}

	#picture-box {
		width: 539px;
		height: 439px;
		overflow: hidden;
	}

/* ||| Content Pages ||| */



/* ||| PLUGINS ||| */
/* ::: jQuery UI ::: */


/* ::: jqTransform ::: */

/* :::/jQTransform ::: */



/* ||| PRINT STYLES ||| */
@media print {
}
/* ||| /PRINT-STYLES ||| */