/*****************************************
 * Layout, Design
 */

html, body
{
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-weight : normal;
	font-style : normal;
	font-size : 100%; 
	
	text-align : left;
	text-decoration : none;
	
	width : 100%;
	height : 100%;
	margin : 0em;
	padding : 0em;
	border : 0px none;
}

.window
{
	background : #ffe718 none;
	background : #ffe718 url('grafik/bg2.png') repeat scroll top center;
	color : black;
}

.page
{
	width : 800px;
/*	height : 100%;
 */
	background : transparent none;
	margin : 0em auto;
	padding : 0em;
}

.border-top
{
	position : fixed;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 30px;
	background : transparent url('grafik/alpha30x30t10b0.png') repeat-x scroll top left;
}

.border-left
{
	position : fixed;
	top : 0px;
	left : 0px;
	width : 30px;
	height : 100%;
	background : transparent url('grafik/alpha30x30l10r0.png') repeat-y scroll top left;
}

.border-right
{
	position : fixed;
	top : 0px;
	right : 0px;
	width : 30px;
	height : 100%;
	background : transparent url('grafik/alpha30x30l0r10.png') repeat-y scroll top right;
}

.border-bottom
{
	position : fixed;
	bottom : 0px;
	left : 0px;
	width : 100%;
	height : 30px;
	background : transparent url('grafik/alpha30x30t0b10.png') repeat-x scroll bottom left;
}

.top-panel
{
	background : transparent url('bilder/rapsblom_logo.jpg') no-repeat scroll top center;
	overflow : auto;
	width : 100%;
	height : 6.5em;
	margin : 0em;
	padding : 0em;

/*	position : fixed;*/
}

.document
{
	background : white none;
	color : black;

	overflow : auto;
	width : 100%;

	padding : 0em;
	margin : 0em;
	clear : both;
}

.bottom-panel
{
	overflow : auto;
	width : 100%;
	margin : 0em;
	padding : 0em;
}

.bottom-panel p
{
	font-size : 80%;
	margin : 0em;
	padding : 0em;
}

.bottom-panel #meta-keywords
{
	display : none;
}

.bottom-panel #meta-tech, .bottom-panel #meta-info
{
	float : right;
	clear : right;
}

.bottom-panel #meta-revised, .bottom-panel #meta-description
{
	float : left;
	clear : left;
}

.title
{
     padding : 0px;
	margin : 7px 7px 10px 7px;
	background : transparent url('grafik/vbf.png') no-repeat scroll top left;

	height : 34px;
	width : 421px;
}

.chapter
{
/*
	border-left : 1px solid #FDF45B;
	border-right : 1px solid #FDF45B;
*/
	border-bottom : 1px solid #ffe718;

	margin : 0em;
	padding : 0em 0em 1em 0em;
}

h1, .caption
{

	background : #fff65c url('grafik/alpha30x30t10b0.png') repeat-x scroll top left;
/*	background : #fff65c url('grafik/header-bg.jpg') repeat-x scroll top left;
 */
	padding : 0.2em 0.4em;
	margin : 0em 0em 0.5em 0em;
	
	font-size : 110%;
}

h2
{
	background : #65c65c url('grafik/alpha30x30t10b0.png') repeat-x scroll top left;
	padding : 0.2em 0.4em;
	margin : 0em 0em 0.5em 0em;
	
	font-size : 90%;
}

.contact
{
/*	margin : .5em 0em .5em 1em;
 */
	margin : .5em auto;
	text-align : center;
/*	float : left;
 */
	border : 1px dotted #65c65c;
	overflow : auto;
	width : 70%;
}

.contact p
{
	border : 0em none;
	margin : 0em;
	padding : 0em 0.4em;
}

img
{ 
	margin : 0.5em 1em 1em 1em;
        /* This do not collapse top margin but div.p does.
           Remember to find out Why? */
	padding : 0;
	border : 1px solid black;
	float : right;
}

.contact img
{
	border : 0px none;
	margin : 0;
	padding : 0;
	float : left;
}

.p
{
	border : 0em none;
	margin : 1em 1em .5em 1em;
	line-height : 1.3em;
	text-align : left;
/*	overflow : auto;
 */
}

.quote
{
	border : 0em none;
	margin : 1em 1em .5em 1em;
	line-height : 1.3em;
	text-align : center;
        font-style : italic;
        font-size : 110%;
        clear : both;
}

img.right
{
	float : right;
}

img.left
{
	float : left;
}

.p:first-letter
{
/*	color : green;
	font-size : 140%;
*/
	font-weight : bold;
}

.remark
{
	background : red none;
	color : white;
}

.numbered
{
     list-style-type : decimal;
	padding-right : 2em;
}

.alphabetic
{
     list-style-type : lower-alpha;
	padding-right : 2em;
}

li
{
     padding : .5em .5em .5em 0em;
/*	border-right : 1px solid #65c65c;
 */
}

a { text-decoration : none; font-weight : bold; background-color : #f0f0f0; }
a:hover { text-decoration : none; color : red; }

.event
{
	margin : .5em 1em;
	padding : 0;
	border : 0;
	width : 95%;
}

.event td
{
	margin : 0;
	padding : 0;
	border : 0;
	vertical-align : top;
}

.event .content
{
	vertical-align : top;

	border : 1px dotted #65c65c;
}

.event .content p
{
	border : 0em none;
	margin : 0em;
	padding : 0em 0.4em;
}

.event .date
{
	width : 7em;
	font-weight : bold;
}

.event h2
{
	width : auto;
}

/*****************************************
 * Menu
 */
#menu
{
	   width : 99%;
	   overflow : auto;
}

.menu-item
{
	background : transparent none;
	color : navy;
	
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-weight : bold;
	font-style : normal;
	font-size : 90%;
	
	text-align : center;
	text-decoration : none;
	white-space : nowrap;

	margin : 0px;
	padding : 0.1em 0.4em;
	border : 0px none;
	border-right : 1px solid gray;
/*	border-left : 1px solid grey;	*/

	float : left;
}

.menu-item:hover
{
/*	background : #F1E756 none;*/
	background : transparent url('grafik/menu-bg.png');
	color : blue;
}

.selected
{
	background : transparent url('grafik/menu-bg.png');
	color : blue;
}

@media print
{
     #menu
	{
	     display : none;
	}
	.page
     {
		margin : auto;
		width : 170mm;
     }
     html, body
     {
		 margin : 0;
	      padding : 0;
	}
     .document
     {
		 overflow : visible;
	}
}