﻿/* diverse formating */

/* Background formating */
body
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	color: #000000;
}

/* Text templates and formatting*/
.headline{color: #696969;font-size: 16px;font-variant: small-caps; font-weight: bold ;}
.greyhead, .greyheadsub, .greytext,.greytext, greyheadhead {color:#696969; font-size: 12px;}
.greycaps, .copyright {color:Gray; text-indent:25px}

.greyhead{font-variant: small-caps; text-decoration: underline; font-size: 14px;}
.greyheadhead{text-align: left; text-decoration: underline;}
.greyheadsub{font-weight: bold;}
.greycaps{font-size:10px; padding:5px 5px 5px 5px;}
.copyright{font-size:8px; padding:0px 5px 5px 5px;}


/* Area templates and formatting*/

#mainframe{width: 980px; min-height: 600px;	margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; background-color: #ffffff;} /* Background frame for the whole page */
#mainframestart{width: 980px; height: 8px; margin-left: auto; margin-right: auto; padding: 2px 0px 0px 0px; background-image: url(./images/topcontur.jpg); background-repeat:no-repeat; background-position: bottom;} /* Background frame for startpage */
#mainframecontur{width: 980px; height: 650px !important; min-height: 600px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px; background-image: url(./images/contur.jpg); background-repeat:repeat-y;} 
#headerframe{width: 980px;height: 90px;}
#topmenu{ width: 980px; height: 30px; background-image: url(./images/topmenu.jpg);}
#content{width: 750px; min-height:400px; padding: 0px 0px 0px 0px; position:relative; float: left;}
#contentwide{width: 950px; min-height: 400px; padding: 10px 10px 10px 10px;	position: relative;	float: left; margin: 10px;}
#rightcolumn{width: 200px; min-height: 400px; padding-right:15px; float: right; vertical-align: middle; text-align: left;}
#bottomframe{width: 980px; height: 40px;clear:both;  background-image: url("images/footerback.jpg"); background-repeat:no-repeat;}
#sidebar{width:9px; min-height:800px; border:1px; background-color:Black;float:left;}
#centerimage{text-align:center; clear:both;}

/* Used on Video page to generate 2 columns with videos */
.videoheaderframe{width: 940px;min-height: 50px; padding:10px 10px 10px 10px; margin:10px;}
.leftsmallborder{width:40px; min-height:350px; padding: 0px 0px 0px 0px; position:relative; float:left ;}
.videocolumn{width:425px; min-height:350px; padding: 0px 0px 0px 0px; position:relative; float:left;}
.middlecolumn{width:30px; min-height:350px; padding: 0px 0px 0px 0px; position:relative; float:left;}
.rightsmallborder{width:40px; min-height:350px; position:relative; float:right; clear:right; }
.horizontaldiv{ width:980px; height:20px; clear:both;}

/* Used on the page Markinslag" */
#rightborder{width: 30px; min-height: 400px;height:auto !important;height: 400px; padding:0px 0px 0px 0px; position: relative; float: left;}
#contentwidebordered{width: 870px; min-height: 400px; padding: 15px 15px 15px 15px; margin:0px 10px 0px 10px; position: relative; float: Left; clear:right;}

/* Used on postcardposter to generate 2 columns om page */
#content2{width: 600px; min-height:400px; padding: 0px 0px 0px 0px; position:relative; float: left;}
#rightcolumn2{width: 355px; min-height: 400px; padding-right:15px; float: right; vertical-align: middle; text-align: left;}
#rightcolumn3{width: 355px; min-height: 400px; padding-right:0px 0px 0px 0px; float: right; vertical-align: middle; text-align: left;}
#topborder355{width: 355px; height: 50px !important; background-image: url(./images/msgtop.gif); background-repeat:no-repeat;}
#bottomborder355{ width: 355px; height: 50px !important; background-image: url(./images/msgbottom.gif); background-repeat:no-repeat;}
