@import url(modules.css);
@import url(buttons.css);
@import url(nav.css);
/* kju.at */

html {
	background:#ECECEC url(/images/bg_main.png) left top repeat-x;
}
body {
	background:transparent url(/images/bg_ribbon.png) center 39px no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:130%;
	color:#000;
}

a {
	color:#000;
}
a img {
	vertical-align:middle;
}
#primary a:hover {
	background-color:#F3B452;
}


/* STRUCTURE
----------------------------- */
#header {
	position:absolute;
	left:0;
	top:0;
	width:991px;
	height:130px;
	background:transparent url(/images/bg_ribbon.png) center 39px no-repeat;
	margin:auto;
}
#header #logo a {
	position:absolute;
	left:10px;
	top:32px;
	width:200px;
	height:100px;
}
#nav_service {
	position:absolute;
	right:12px;
	top:40px;
}
#nav_service li {
	border-color:#999;
}
#nav_service a {
	color:#999;
	text-decoration:none;
}
#nav_service a:hover {
	text-decoration:underline;
}
#wrapper {
	position:relative;
	left:0;
	top:0;
	background:url(/images/bg_content.png) center bottom repeat-y;
	width:991px;
	margin:0 auto 10px;
}
#content {
	width:927px;
	min-height:290px;
	padding:115px 32px 32px;
	background:url(/images/bg_content_bottom.png) center bottom no-repeat;
}
#content #logo_orf {
	position:absolute;
	right:32px;
	bottom:32px;
}
#primary {
	position:relative;
	left:0;
	top:0;
	float:left;
	width:641px;
	min-height:350px;
	padding:90px 27px 0;
	background:url(/images/bg_bubble_contentpage.png) left top no-repeat;
}

#secondary {
	position:relative;
	left:0;
	top:0;
	float:right;
	width:200px;
	padding:55px 0 70px;
}

#footer {
	width:991px;
	background:url(/images/bg_footer.png) center top repeat-x;
	margin:0 auto 10px;
	font-size:11px;
}
#footer p {
	float:left;
}
#footer #nav_socialweb {
	float:left;
}

/* CONTENT STYLES
----------------------------- */
#content h2, #content h3, #content h4, #content h5, #content p {
	margin-bottom:10px;
}
#content h3 {
	margin:20px 0;
	font-size:18px;
	font-weight:bold;
}
#content h3.bulleted {
	padding-left:15px;
	background:url(/images/icons/ico_bullet_arrow.png) left center no-repeat;
	margin-left:-15px;
}
#content .alt {
	background-color:#F6F6F6;
}
#content table {
	border-collapse:collapse;
	margin-bottom:10px;
}
#content table th, #content table td {
	padding:2px 5px;
}
.infobox {
	padding:3px 5px;
	background-color:#FDF2E5;
}
#content strong {
	font-weight:bold;
}
#content .price, #content em {
	color:#EE7F00;
}
#content .price em {
	font-weight:bold;
	font-size:18px;
}
#content .imgtxt_combo h3 {
	margin-top:0;
	margin-bottom:5px;
	color:#000;
	font-size:15px;
	font-weight:bold;
}
#content .imgtxt_combo p {
	margin-bottom:5px;
}
#content .imgtxt_combo .txt {
	margin-left:146px;
}
#content ul.bullet_arrow li {
	padding-left:15px;
	background:url(/images/icons/ico_bullet_arrow.png) left top no-repeat;
	margin-bottom:10px;
	font-size:14px;
	line-height:18px;
}
#content dl dt {
	font-size:14px;
	font-weight:bold;
}
#content dl dd {
	padding-left:10px;
	margin-bottom:5px;
}

/* COLUMNS
------------------------------------ */
.column {
	display:block;
	float:left;
	padding-right:10px;
}
#primary .twothirds {
	width:395px;
}
#primary .half {
	width:342px;
}
#primary .third {
	width:215px;
}
#primary .quarter {
	width:158px;
}

/* SPECIFIC STYLES
----------------------------- */
img.border {
	border:1px solid #CCC;
}
.bubble_video {
	width:695px;
	height:436px;
	overflow:hidden;
	padding:84px 30px 0;
	background:url(/images/bg_bubble_big.png) no-repeat;
	margin-bottom:30px;
}
#primary .video_header {
	margin-bottom:20px;
}
#primary .video_header .left {
	width:352px;
}
#primary .video_header .right {
	float:right;
	width:260px;
}

/* Upload
-----------------------------*/
.ui-dialog {
	padding-top:0 !important;
    border-top:0 none !important;
}
.ui-widget-header {
	margin:-3px -5px 0 -3px !important;
    padding-right:5px;
	background:#999999 !important;
    -moz-border-radius-bottomleft:0 !important;
	-moz-border-radius-bottomright:0 !important;
    color:#FFF !important;
}

#progressDialog {
    display:none;
}   

#progressDialog-bar {
    width:100%;
    border:1px solid #cccccc;
}

#progressDialog-indicator {
    width:1%;
    height:20px;
    background:#cccccc;
}

#progressDialog-percentage {
    position:relative;
    top:-20px;
    text-align:center;
    font-size:11px;
}


/* FIXES 
---------------------------------- */
#atff {
	/* removes AddThis tracking flash */
	display: none;
}