@import url(../../Templates/UI/Css/Layout.css);
/********* GLOBALS *********/

html {
	font-size: 125%;
} 
* {margin:0;padding:0} 
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:50%;
} 
a img,table {border:0}
dl,ol,ul {
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 15px;
	line-height: 150%;
}
button,select,textarea,input {font:100% serif}
table {border-collapse:collapse}
caption,th {text-align:left}
p {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	line-height: 150%;
}
h1,h2,h3,h4,h5,h6 {color: #262626;
margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	text-transform: uppercase;
}
h1, h4 {
	font-size:1.2em; 
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a5a2a5;
	padding-bottom: 5px;
	margin-bottom: 5px;
} 
h2{font-size:1.2em; padding-bottom: 5px; } h3{font-size: 1.0em; padding-bottom: 5px;}
#footer {
	font-size: 8px;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	margin-bottom: 25px;
	background-image: url(Graphics/sidfot.png);
	background-repeat: no-repeat;
	background-position: 6px 0px;
	height: 32px;
}
	#footer .n2{color:#a2a796;float:right;font-size:.8em;}
/* colors */
#header h2 a { color:#fff; }
a { color:#262626; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active, a:focus { outline: 0;}
input, label { 
	font-family: Arial, Helvetica, sans-serif;
} 
iframe  {
	padding: 0px;
	border: 0px;
	overflow:hidden;
	z-index: 100;
	background-color: transparent;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
}
/********* LAYOUT *********/

body {
	margin-top: 15px; /* V2 */
	background-color:#8c8e8c /* V1 #d3d3d3 */;
	background-image: url(Graphics/BgSite.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
	#wrap {
	width:990px;
	margin:0 auto;
	font-size: 1.1em;
	color: #75726C;
}
		#header {
	width: 980px;
	height: 345px;
	margin-right: 5px;
	margin-left: 5px;
}
#headerCompact {
	width: 980px;
	height: 218px;
	margin-right: 5px;
	margin-left: 5px;
}

/*box*/
#menu .uIBoxedTextWhite, #menu .uIBoxedTextWhiteSquare, #menu .uIBoxedTextGrey, #menu .uIBoxedTextRed, #extras .uIBoxedTextWhite, #extras .uIBoxedTextWhiteSquare, #extras .uIBoxedTextGrey, #extras .uIBoxedTextRed, .cf #main .uIBoxedTextWhite, .cf #main .uIBoxedTextWhiteSquare, .cf #main .uIBoxedTextGrey, .cf #main .uIBoxedTextRed {
	background-image: url(Graphics/Box_Header_Vit_320.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 330px;
	padding-top: 15px /* V1 17px */;
	margin: 0px;
} 
#menu .uIBoxedTextWhiteSquare, #extras .uIBoxedTextWhiteSquare, .cf #main .uIBoxedTextWhiteSquare {
	background-image: url(Graphics/Box_Header_Vit_RakaHorn_320.png);
} 
#menu .uIBoxedTextGrey, #extras .uIBoxedTextGrey, .cf #main .uIBoxedTextGrey {
	background-image: url(Graphics/Box_Header_Gra_320.png);
} 
#menu .uIBoxedTextRed, #extras .uIBoxedTextRed, .cf #main .uIBoxedTextRed {
	background-image: url(Graphics/Box_Header_Rod_320.png);
} 
.uIBoxedTextWhite h4, .uIBoxedTextWhiteSquare h4 {
	display: none;
}
.uIBoxedTextRed h4, .uIBoxedTextGrey h4 {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px;
	padding-top: 3px /* V1 1px */;
	height: 19px;
	padding-bottom: 1px;
	overflow: hidden;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	font-size: 8px;
	font-weight: normal;
}
#menu .box, #extras .box, .cf #main .box {
	background-image: url(Graphics/Box_Footer_320.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 290px /* V1 280px */;
	padding-left: 20px /* V1 25px */;
	padding-right: 20px /* V1 25px */;
	padding-top: 8px;
	padding-bottom: 1px /* V1 10px */;
	margin: 0px; 
} 
.cf #main .box{
	width: 300px /* V1 280px */;
	padding-left: 15px /* V1 25px */;
	padding-right: 15px /* V1 25px */;
}
.startPage #extras .box {
	width: 290px /* V1 280px */;
	padding-left: 20px /* V1 25px */;
	padding-right: 20px /* V1 25px */;
}

.startPage #menu p {
	line-height: 150%;
}
#extras .box iframe {
	margin-right: -10px;
}
#menu .box img, #extras .box img {
	margin-left: -5px;
	margin-right: -5px;
}
#menu .uIBoxedTextWhite .box, #menu .uIBoxedTextWhiteSquare .box, #extras .uIBoxedTextWhite .box, #extras .uIBoxedTextWhiteSquare .box, #main .uIBoxedTextWhite .box, #main .uIBoxedTextWhiteSquare .box {
	padding-top: 1px;
}
.box .inner {

}

/********* PAGE *********/
#page {
	padding-top: 5px;
}
.cf #content {
	width:660px;
	float:right;
}
#page #menu {
	float:left;
	width: 330px;
	margin-bottom: 5px;
}
#page #extras {
	float:right;
	width: 330px;
	margin-bottom: 5px;
}
#page #main { float:left; margin-bottom: 5px; }

#page.SingleColumn #content, #page.TwoColumnLeft #content, #page.TwoColumnRight #content  {
	width: 990px;
	background-image: url(Graphics/Box_Header_Vit_980.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	margin: 0px;
	
} 
#page.TwoColumnLeft #content  {
	width: 660px;
	background-image: url(Graphics/Box_Header_Vit_650.png);
	float: right;
} 
#page.TwoColumnRight #content  {
	width: 990px;
	background-image: url(Graphics/Box_Header_Vit_650.png);
	float: left;
} 
#page.SingleColumn #content #main, #page.TwoColumnLeft #content #main, #page.TwoColumnRight #content #main {
	background-image: url(Graphics/Box_Footer_980.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 950px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 1px;
	padding-bottom: 15px;
	margin: 0px;
}
#page.TwoColumnRight #extras {
	margin-top: -15px;
}
#page.TwoColumnLeft #content #main, #page.TwoColumnRight #content #main { 
	background-image: url(Graphics/Box_Footer_650.png);
	width: 620px;
} 
#page.SingleColumn #menu, #page.SingleColumn #extras, #page.TwoColumnLeft #extras, #page.TwoColumnRight #menu {
	visibility: hidden;
	display: none;
}
/********* WIDGETS *********/

/*top*/
#header, #headerCompact { position:relative; }
	.siteHeader { margin:0; padding:0px; }
	.siteLogo {
	position: absolute;
	left: 20px;
	top: 0px;
}

.KundReg {
	position: absolute;
	background-image: url(Graphics/BgMenuKundreg.png);
	height: 14px;
	padding-top: 15px;
	padding-bottom: 9px;
	font-size: 8px;
	width: 209px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0.2em;
}

#header .Film {
	position: absolute;
	background-image: url(Graphics/ButtonFilm.png);
	height: 15px;
	font-size: 9px;
	width: 205px;
	left: 0px;
	bottom: 70px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 16px;
	padding-right: 41px;
	padding-bottom: 9px;
	padding-left: 5px;
	letter-spacing: 0.1em;
	display: none;
}
#headerCompact .Film {
	display: none;
}
.KundReg:hover, .Film:hover {
	text-decoration: none;
}

/*menu*/ 
.topMenu {
	position:absolute;
	bottom:0px;
	left:0px;
	background-image: url(Graphics/BgMenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
	width: 765px;
	padding-left: 5px;
	margin: 0px;
}
	.topMenu li {
	float:left;
	background-image: url(Graphics/MenuStreck.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 2px;
	margin-left: -2px;
}
	
	.topMenu a, .topMenu span,
	.topMenu a:visited, .topMenu .current a, .topMenu .current span,
	.topMenu .trail a, .topMenu .trail span {
	color:#504747;
	display:block;
	height: 18px;
	font-size: 8px;
	letter-spacing: 0.2em;
	padding-top: 16px;
	padding-right: 28px;
	padding-bottom: 4px;
	padding-left: 28px;
	text-decoration: none;
	text-transform: uppercase;
}
	.topMenu .current a, .topMenu .current span,
	.topMenu .trail a, .topMenu .trail span {
	color: #ad131d; 
}
 
.topMenu li:focus {
	background-image: url(Graphics/MenuStreckCurrent.gif);
}
.topMenu li a:focus {
	background-image: url(Graphics/BGMenuCurrent.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* SUBMENU SVART #262626 */

.languageMenu { position:absolute; top:10px; right:0px; }
.languageMenu a { margin-left: 4px; }

.SubMenuWrapper {
	position:absolute;
	bottom:0px;
	left:0px;
	height: 38px;
	width: 770px;
	margin: 0px;
}
.subMenuContainer {
	position: absolute;
	left: -3px;
	top: 38px;
	z-index: 9000;
	width: 778px;
	background-image: url(Graphics/BgSubmenu.png); 
	background-repeat: no-repeat;
	background-position: left bottom; 

} 
.subMenu {
	width: 768px;
	padding-bottom: 25px;
	margin-left: 5px;
	margin-right: 5px;
	background-image: url(Graphics/BgSub2.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 46px;
	}
.subMenu ul  {
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
}
.subMenu ul li  {
	float:left;
	background-image: url(Graphics/BgSubmenuStreck.gif);
	margin: 0px;
	background-repeat: no-repeat;
	background-position: right 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 8px;
	font-size: 8px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
}
.subMenu ul li a {
	height: 26px;
	padding: 10px;
	display: block;
	float:left;
	text-decoration: none;
}
.subMenu ul li a:hover {
	text-decoration: none;
}
.subMenu ul ul {
	background-image: none;
	width: 100%;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.subMenu ul ul li {
	clear: left;
	float: none;
	padding: 0px;
	margin: 0px;
	background-image: none;
}
.subMenu ul ul li a  {
	float: none;
	height: 15px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 7px;
	letter-spacing: 0.1em;
}
/* REGISTRINGSFORMULÄR */
  .form  {
	width: 90%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.form td  {
	padding-right: 25px;
	width: 50%;
	vertical-align: top;
}
.formlist br {
	display: none;
}
.formlist input {
	margin-left: 20px;
	margin-right: 2px;
}
.formlist label {
	font-weight: normal;
	font-size: 11px;
}
.formlist td {
	vertical-align: top;
	padding-bottom: 15px;
}
.formlist .firstcolumn {
	width: 450px;

}
.form label {
	float: left;
}
input.long, input.short {
	float: left;
	clear: left;
	background-image: url(../Alternativa/Graphics/BgFormInput.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 216px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #FFF;
	margin-top: 3px;
	margin-bottom: 15px;
	height: 15px;
	font-size: 11px;
	padding: 6px;
}
 input.short {
	 background-image: url(../Alternativa/Graphics/BgFormInput2.gif);
	 width: 64px;
 } 
 .form .buy {
	padding-right: 25px;
}
.regbutton {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.form span, .formlist span {
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	float: left;
	padding-top: 7px;
}
.signfield, input.printfield {
	height: 22px;
	width: 220px;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	float: left;
	clear: left;
	margin-top: 3px;
	margin-bottom: 15px;
}
input.printfield {
	height: 15px;
	padding-top: 7px;
}

/* DIPLOM */
.uIFourColumns {
	margin-right: -8px;
	width: 638px;
	clear: both;
	overflow: visible;
	padding-bottom: 4px;
	padding-top: 3px;
}
.uIFourColumns .left, .uIFourColumns .midLeft, .uIFourColumns .right, .uIFourColumns .midRight {
	float: left;
	margin-right: 7px;
	position: relative;
	width: 150px;
}
.diplomaSpot {
	width: 150px;
	height: 204px;
	background-image: url(Graphics/BgDiplom.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	position: relative;
}

.spotTitle {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	left: 5px;
	width: 140px;
	height: 15px;
	overflow: hidden;
	z-index: 10;
}
.spotSubTitle {
	font-size: 11px;
	position: absolute;
	top: 25px;
	left: 5px;
	width: 140px;
	height: 15px;
	overflow: hidden;
	z-index: 10;
}
.spotImage {
	position: absolute;
	top: 60px;
	left: 5px;
	width: 140px;
	height: 90px;
	overflow: hidden;
	z-index: 10;
}
.spotImageText {
	position: absolute;
	bottom: 24px;
	left: 5px;
	width: 140px;
	height: 28px;
	overflow: hidden;
	font-size: 11px;
	z-index: 10;
}
.spotFoot {
	position: absolute;
	bottom: 4px;
	left: 5px;
	width: 140px;
	height: 16px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display: inline;
	z-index: 10;
}
.diplomaSpot a {
	width: 150px;
	height: 204px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background-image: url(Graphics/BgSubmenuStreck.gif);
	background-repeat: no-repeat;
	background-position: -5px;
}
.diplomaSpot a:hover {
	text-decoration: none;
}
/* lists */
.list { padding-bottom:6px; background-position:50% 100%; }
	.list .item { padding:5px; }
    .list a { display:block; font-weight:bold; }
	.list .a0 { background: #f4f8ed url(list_dark.gif) no-repeat 50% -1px; }
	.list,
	.list .a1 { background: #fff url(list_light.gif) no-repeat 50% -1px; }

/* path */
.path { margin-bottom:10px; }
.path .current { color:#333; }
.path a.current:hover { cursor:default; text-decoration:none; }

/* sitemap */
#main ul {
	margin-left:20px;
	list-style-type: disc;
}

/* content */
.introduction { font-size:1.1em; font-style:italic; }

/** date **/
.date { font-size:small; color:#666; display:block; }

/* columns */
.columns .left { float:left; width:245px; }
.columns .right { float:right; width:245px; }

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* news */
a.NewsStart {
	text-transform: uppercase;
	letter-spacing:  0.1em ;
	padding-top: 4px;
	margin-top: 3px;
	margin-bottom: -4px;
	margin-left: 5px;
	margin-right: 5px;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a5a2a5;	
	color: #918e89 /* #636163 */;
	font-size: 9px;
	line-height: normal;
}
.intro {font-size:1.1em;font-style:italic;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* VIDEOPOPUP */
#videopopupcontainer {
	z-index: 100000;
	background-color: #ffffff;
	position: absolute;
	width: 640px;
	height: 540px;
	left: 150px;
	top: 100px;
	border: solid 1px #000000;
	padding: 10px;
	display: none;
}

#videopopupcloselink {
	float: right;
	display: block;
	background-color: #d7d7d7;
	padding: 3px;
}

#videopopupcontainer .flashvideo {
	margin-left: auto;
	margin-right: auto;
}

#videopopupcontainer h2 {
	
}
/* TABELLSTYLES EDITOR */
.Tabell td {
	padding: 3px;	
}
.RadStreck {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #abaaad;	
}
.KolumnStreck {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e5e5e6;	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e5e5e6;	
} 

/* ALTERNATIVA LISTAN */
table.grid {
	margin-left: -5px;
	margin-right: -5px;
	width: 300px;
	margin-bottom: 1px;
}
.grid thead th {
   background:#efefef;
   font-weight:normal;
   padding:4px 3px;
} 
.ar {
   text-align:right;
}

#registrationpage div.footer
{
	display: none;
}
/* MÄKLARLISTAN */
.maklarlista p {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #abaaad;	
}
.maklarlista p a {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}