@charset "utf-8";

@import url('../fonts/delicious/stylesheet.css');
/*@import url('../fonts/Typo3/stylesheet.css');
@import url('../fonts/calluna/stylesheet.css');
@import url('../fonts/scriptina/stylesheet.css');
@import url('../fonts/zoi/stylesheet.css');
@import url('../fonts/Bebas/stylesheet.css');*/


.DeliciousRoman {font-weight: normal; font-style: normal;line-height:normal; font-family: 'DeliciousRoman', sans-serif;}
.Typo3Medium {font-weight: normal; font-style: normal;line-height:normal; font-family: 'Typo3Medium', sans-serif;}
.Typo3Normal {font-weight: normal; font-style: normal;line-height:normal; font-family: 'typo3Normal', sans-serif;}
.CallunaRegular {font-weight: normal; font-style: normal;line-height:normal; font-family: 'Calluna', sans-serif;}
.Scriptina {font-weight: normal; font-style: normal;line-height:normal; font-family: 'Scriptina', sans-serif;}
.zoi {font-weight: normal; font-style: normal; line-height:normal; font-family: 'zoiRegular', sans-serif;}


div,p,h1,h2,h3,h4 {
	font-family: 'DeliciousRoman', sans-serif;
	/* formatting must be for the font */
	font-weight: normal;
	font-style: normal;
	line-height:normal; 
	/*cursor:default;*/
}

body {
	padding: 0;
	margin: 0 1em;
	cursor:default;
}
#mainContainer {
	/*margin: 0;
	padding: 0;
	width:100%;*/
	text-align:center;
	margin: 54px 6%;
}

#contentWrapper {
	margin: 0;
	padding: 0 0 0 100px;	/* left margin set here */
	/*width:100%;*/
	text-align:center;
}
#mainContentDiv {
	/*margin: 0;
	padding: 0;
	width:100%;*/
	text-align:center;
	margin:0 auto;
}

#headerDiv {
	line-height: 1em;
	float:left;
	margin: 0 60px 0px 0;
	color: #CCCCCC;	
	/*
	margin: 0 20px 0 0;
	vertical-align: top;*/
}
#headerDiv img {
	margin-top: 0px;
}
#headerDiv p {
	margin:0;
	font-size: 20px;
}
#contentDiv {
	margin: 80px 100px 0 300px;
	/*
	width:300px;
	vertical-align: top;*/
}
h2, h3 {
	font-size: 2em;
}
#contentDiv p {
	/*margin-bottom: 40px;*/
	margin: 1.45em;
}
#footerDiv {
	/*font-size: 5em;
	font-size: 400%;*/
	clear:both;
	margin: 100px auto 0;
	text-align:center;
}
.container-small-static {
	position:relative;
	line-height: 1em;
	margin: 8px;
	padding: 0;
	float:left;
	cursor:default;
	height:100px;
	vertical-align: middle;
}
.container-small {
	position:relative;
	line-height: 1em;
	vertical-align:middle;
	padding: 0;
	float:left;
	height:100px;
	/*margin: auto auto;
	background:#060;*/
}

#homeNav {
	text-align:left;
	/*background:#099;*/
}

#topPanel {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:36px;
	z-index:1;
	background:#222	;
	text-align:left;
	padding: 0;
	/*overflow:hidden;
	background:#099;*/
}
#topPanelContent {
	padding: 0;
	/*
	padding: 3px 0 0 250px;
	text-align:right;
	background:#099;
	height:30px;*/
}
#back-to-stef {
	/*padding: 3px 0 0 250px;
	*/
	text-align:left;
	float:left;
}
.shareFromTopContainer {
	padding: 3px 4px 0;
	/**/text-align:right;
	float:right;
	margin:0;
}


@media only screen and (max-width: 960px) {
	
	#contentWrapper {
		padding-left: 0;
	}
	#headerDiv {
		line-height: 1em;
		float:none;
		margin: 100px 0 0 0;/**/
	}
	#contentDiv {
		clear:both;
		margin: 40px 0 0;
		padding: 0 40px;
		/*
		width:300px;
		vertical-align: top;*/
	}
}
@media only screen and (min-width: 1400px) {
	
	#contentWrapper {
		width: 1400px;
		padding: 0;
		margin: 0 auto;
	}
	#headerDiv {
		/*line-height: 1em;
		float:none;
		margin: 100px 0 0 0;*/
	}
	#contentDiv {
		/*clear:both;
		margin: 40px 0 0;
		padding: 0 40px;
		width:300px;
		vertical-align: top;*/
	}
}