/******* Lipotek styles *******/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 210px 0px 0px 186px;
	background-color: white;
	color: #000000;
}

/* layout divs */

#header {
	overflow: hidden;
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	z-index:2;
}

#sidenav {
	position: absolute;
	left: 15px;
	overflow: hidden;
	width: 150px;
	top: 210px;
	font-size: 12px;
	color: #1d1060;
}

/* tell the browsers that understand it that the sidenav div should be fixed in position - IE will use a different style sheet and ignore this */
@media screen {

body>#header,body>#sidenav {
	position: fixed;
}
}

#logo {
	width: 100%;
	height: 80px;
	text-align: right;
	position: absolute;
	left: 0px;
	top: 0px;
	vertical-align: middle;
	background-color: white;
}

.lipoteklogo {
	margin-right: 20px;
	margin-top: 20px;
}

#navigationbackground {
	width: 100%;
	height: 33px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 80px;
	background-color: #1d1060;
	color: white;
	padding: 0px 0px 0px 0px;	
}

#banner {
	width: 100%;
	height: 54px;
	text-align: left;
	position: absolute;
	left: 0px;
	top: 113px;
	background-color:#1e1161;
	padding: 0px;
}

#breadcrumb {
	height: 30px;
	text-align: left;
	width: 100%;
	position: absolute;
	top: 171px;
	left: 186px;
	font-size: 11px;
	padding-top: 5px;
	background-color: white;
}

#content {
	font-size: 90%;
	position: relative;
}

#footer {
	margin: 50px 0px 5px 5px;
	height: 50px;
	font-size: 12px;
}

/* end of layout divs */


/* text styles */

p {
	width: 500px;
}

p.sidenavpara {
	margin: 3px 0px 2px 3px;
	padding: 2px;
}

p.sidenavpara_inactive {
	margin: 3px 0px 2px 7px;
	color: gray;
	padding: 2px 0px;
}

h1 {
	font-size: 20px;
	color: #5d4b63;
	font-weight: normal;
}

h2 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0px;
	color: #524266;
	width: 450px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0px;
	color: #524266;
}

h4 {
	font-size: 14px;
	margin-bottom: 6px;
	margin-left: 5px;
}

h4.nonlink {
	margin-left: 7px;
}

li {
	margin-bottom: 8px;
}

td {
	vertical-align: top;
}

.legal {
	text-align: left;
	color: #312763;
	margin-top: 5px;
	width: 100%;
	font-size: 12px;
}

#newsblock {
	color: #524266; 
	font-size: 90%; 
	font-weight: bold;
	float: right;
	border: solid 1px #1d1060; 
	margin: 0px 0px 5px 10px; 
	height: 160px; 
	width: 180px; 
	padding: 6px;
}

/* end of text styles */

/* hyperlink styles */

a:link {color: #312763; text-decoration: underline;}
a:visited {color: #312763;}
a:hover {color: #f4a01c; text-decoration: underline;}
a:active {color: #f4a01c; text-decoration: underline;}

a.sidenavlink:link {color: #312763; text-decoration: none; padding: 2px;}
a.sidenavlink:visited {color: #312763; text-decoration: none; padding: 2px;}
a.sidenavlink:hover {color: #312763; text-decoration: none; background-color: #fac579; padding: 2px}
a.sidenavlink:active {color: #312763; text-decoration: none; background-color: #fac579; padding: 2px;}

a.breadlink:link {color: #312763; text-decoration: none;}
a.breadlink:visited {color: #312763; text-decoration: none;}
a.breadlink:hover {color: #f7b65a; text-decoration: underline;}
a.breadlink:active {color: #f7b65a; text-decoration: underline;}

img.floatleft {
	float: left;
	margin: 3px 10px 10px 0px;
	border: none;
}

img.floatright {
	float: right;
	margin: 3px 0px 10px 10px;
	border: none;
}