body {font-size: 14px;
      font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
      margin: 0;
      padding: 0;
      background: #F3F3F3 url(../img/background.png) repeat-x;
      color: #5B6973;
      text-align: left;
} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 20px 0;
                           padding: 0;
						   text-align: left !important;
						   }

p {line-height: 160%;}

.justify {text-align: justify;}

ul,li {list-style-type: square;}

.floatright {
	float: right;
	margin: 0 0 2px 10px;
	padding-top: 5px;
}
.floatleft {
	float: left;
	margin: 0 10px 2px 0;
	padding-top: 5px;
}
.clearLeft {
	font-size: 0;
	margin: 0;
	clear: left;
}
#left-column ul,
#right-column ul,
#content ul {
	margin: 0 0 20px 0;
	line-height: 160%;
	padding: 0;
}
#left-column ul {
	margin-left: 135px;
	padding: 0;
}
.ulwithdetails {
	margin-bottom: 0 !important;
}
#left-column ul li,
#right-column ul li,
#content ul li {
	margin: 0;
	padding: 0;
}

/*#headertop {
	float: left;
	height: 100px;
	width: 100%;
}
#headermiddle {
	float: left;
	width: 100%;
}*/
ul#language {
	float: right;
	font-size: 12px;
	margin: 115px 0 0 0;
	line-height: normal;
	padding: 0;
}
ul#language li {
	display: inline;
	margin: 0;
	list-style: none;
	padding: 0 0 0 8px;
}
ul#language li a:hover {
	cursor: pointer;
}
#loginfunctions {
	color: #DCE0E4;
	   width: 160px;
       height: 42px;
       clear: both;
       position: absolute;
       top: 144px;
       left: 694px;
}
#loginfunctions ul {
	float: right;
	font-size: 12px;
	margin: 13px 0 0 0;
	line-height: normal;
	padding: 0;
}
#loginfunctions ul li {
	display: inline;
	margin: 0;
	list-style: none;
	padding: 0 0 0 10px;
}
#loginfunctions ul li a,
#loginfunctions ul li a:visited {
	color: #DCE0E4;
	text-decoration: underline;
}
#loginfunctions ul li a:hover {
	color: #DCE0E4;
	text-decoration: none;
}

img,
img a {
	border: none;
}

h1 {font-size: 26px;}
h2 {font-size: 24px;}
h2 b {color: #F3820C;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
.bottom-border {
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin: 0;
	padding: 0 0 120px 0;
	width:410px;
}
.bottom-border2 {
	border-bottom: 1px solid #D8D8D8;
	font-size:20px;
	font-weight:normal;
	color:#000;
}
fieldset {
	border: none;
}

#contact_form,
fieldset {
	margin: 0;
	padding: 0;
}
#contact_form fieldset {
	margin: 0;
	padding: 0;
}

#contact_form legend {
      color: #5B6973;
	  padding-left: 120px;
}

#visualForm fieldset,
.missingMovies fieldset {
	background: url(../img/bg_fieldset.jpg) repeat-x bottom;
	border: 1px solid #ccc;
	margin: 0 0 12px 0;
	padding: 10px 15px;
}
#visualForm p,
.missingMovies p {
	color: #9aa8b2;
	margin: .5em 0;
	text-align: justify;
}
#visualForm legend,
.missingMovies legend {
	color: #9aa8b2;
	padding: 0 5px;
}
#visualForm label,
.missingMovies label {
	cursor: pointer;
	float: left;
	padding-right: 8px;
	text-align: right;
	width: 150px;
}
#visualForm select,
.missingMovies select {
	width: 150px;
}
#visualForm .rb,
#visualForm .ckb,
#visualForm a.linkinform,
#visualForm p.textinform {
	margin-left: 158px;
}

a,
a:visited {
	color: #F3820C;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #5B6973;
	text-decoration: none;
}
a.intern,
a:visited.intern {
	border-bottom: 1px dotted #5B6973;
	color: #5B6973;
	text-decoration: none;
}
a:hover.intern {
	border-bottom: 1px solid #5B6973;
	color: #F60;
	text-decoration: none;
}
#left-column a,
#right-column a,
#content a,
#left-column a:visited,
#right-column a:visited,
#content a:visited {
	background: url(../img/arrow.gif) no-repeat 0 7px;
	border-bottom: 1px dotted #5B6973;
	color: #5B6973;
	padding-left: 16px;
	text-decoration: none;
}
#left-column a:hover,
#right-column a:hover,
#content a:hover {
	background: url(../img/arrow.gif) no-repeat 0 -16px;
	border-bottom: 1px solid #5B6973;
	color: #F60;
	text-decoration: none;
}
#left-column h1 a,
#right-column h1 a,
#content h1 a,
#left-column h2 a,
#right-column h2 a,
#content h2 a,
#left-column h3 a,
#right-column h3 a,
#content h3 a {
	background: none !important;
	padding-left: 0 !important;
}
a.noicon,
a:visited.noicon {
	background: none !important;
	border: none !important;
	color: #5B6973 !important;
	padding: 0 !important;
	text-decoration: none !important;
}
a:hover.noicon {
	background: none !important;
	border: none !important;
	color: #F60 !important;
	text-decoration: none !important;
}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */

#container {
/*	background-image:url("../img/bg.jpg");
	background-repeat:repeat-y;
*/
	width: 780px;
    /*margin: 0 auto;*/
    margin-left:134px;
	padding-top: 27px;
    text-align: left;
			z-index: 10;
}

#headerContainer{
    padding-left: 70px;
    text-align: left;
    margin-bottom: 30px;

}
#header {
		 width: 845px;
         height: 180px;
         position: relative;
}


#header h1 {

font-variant: small-caps;
margin: 0;
position: absolute;
left: 300px;
top: 27px;
width: 216px;
height: 38px;
text-indent: -1000px;
background: transparent url(../img/oc-logo-blog.gif) no-repeat;

}

#logo {
	   position: absolute;
       left: 0;
       top: 0;
       width: 210px;
       height: 203px;
       background: url(../img/logo.jpg) no-repeat;
}

/*#logo ../img {display: block;}*/

#logo a {background: transparent;}

/*Toogle divs*/
#d1,
#d2 {
	border-left: 1px solid #5B6973;
    margin: 5px 0 8px 134px;
	padding-left: 10px;
}
#visualForm #d1 {
    margin-left: 0;
}
#d1 p,
#d2 p {
    margin: 0 !important;
	padding: 0 !important;
}

p.topm {
	margin-top: 15px;
}
p.example {
	font-size: 12px;
	line-height: normal;
	text-align: center !important;
}


/* Begin Search Form CSS */

#search {position: absolute;
         right: 0;
         top: 70px;}

#search input#s {margin-right: 5px;
                 vertical-align: middle;
                 border: 1px solid #6A7A86;
                 padding: 0.24em;
                 width: 135px;
                 background-color: #E4E4E4;
                 color: #6C7074;}

#search input#s:focus {background-color: #F3F3F3;
                       color: #6C7074;}

#search input#submit

{background: #6C7074 url(../img/search_background.png) repeat-x;
 color: #D8DCE0;
 border: 1px solid #515D67;
 vertical-align: middle;
 padding: 0.38em;
 font-size: 0.8em;}

/* End Search Form CSS */

/* Begin main navigation menu. */

#menu {
	   width: 505px;
       height: 42px;
       clear: both;
       background: url(../img/button_end_gradient.png) center left no-repeat;
       position: absolute;
       top: 144px;
       left: 230px;
}

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          left: 2px;
          background: #6A7A86 url(../img/menu_background.png) repeat-x;
          color: #DCE0E4;}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 42px;
               padding: 0 17px;
               margin: 0;
               line-height: 42px;
               display: block;
               float: left !important;
               background: url(../img/button_end_gradient.png) center right no-repeat;
               color: #D8DCE0;
               font-size: 14px;
               font-weight: bold;}

#menu ul li a:hover {background: url(../img/button_end_gradient.png) center right no-repeat;
                     color: #FFF;}

/* End main navigation menu. */

#wrapper {width: 100%;
          margin-top: 11px;
          padding: 0;}
#left-column{
			background: url("../img/bg.jpg") repeat-y 0 0;
/*			width: 530px;*/
			width: 780px;
            float: left;
            padding: 0;
            margin: 0;
}
/*.left-column-small {
			width: 530px !important;
}*/
#left-column .box1,
#left-column .box2,
#left-column .box3,
#left-column .box4,
#left-column .box5 {
	float: left;
	padding-bottom: 25px;
	width: 100%;
}
#left-column .box5 {
	padding-bottom: 0;
}
#left-column .box5 h2 {
	margin-bottom: 8px;
}
.innerbox {
	float: left;
	width: 530px;
}
.innerboxfull {
	float: left;
	width: 100%;
}
/*#left-column .box2 {
	background: url("../img/ic1.jpg") no-repeat 10px top;
}*/
#left-column .box2 {
	background: url("../img/ic2.jpg") no-repeat 10px 70px;
}
#left-column .box3 {
	background: url("../img/ic3.jpg") no-repeat 10px top;
}
#left-column .box4 {
	background: url("../img/ic4.jpg") no-repeat 10px top;
}
#left-column .box5 {
	background: url("../img/ic5.gif") no-repeat 0 0;
}
	#left-column.embed {
		position: relative;
	}
	#left-column.embed div.innerboxfull {
		clear: left;
		float: none;
		margin-left: 120px;
		width: 380px;
	}
	#left-column.embed iframe#visualRating {
		border: none;
		height: 588px;
		overflow: visible;
		position: absolute;
		right: -210px;
		top: -60px;
		width: 480px;
		overflow-x:hidden;
	}
	#left-column.embed form#visualForm	fieldset {
		width: 350px;
	}
#left-column p,
#left-column h1,
#left-column h2 {
	text-align: justify;
	margin-left: 120px;
}
.movietable,
#visualForm,
.missingMovies {
	margin-left: 120px;
}
#visualForm p {
	margin-left: 0;
}
.iframebox {
	margin-left: 120px;

}
#left-column ul {
	text-align: justify;
}
.boxright {
	display: inline; /*IE6*/
	float: left;
	padding: 0;
	margin: 0 0 0 50px;
	width: 200px;
}
.boxright p {
	padding: 0;
	margin: 0;
}
#left-column .boxright p, h2, ul {
	margin-left: 0;
	padding: 0;
}
#left-column h3 {
	border-bottom: 1px dotted #F3820C;
	color: #F3820C;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 8px 120px;
	padding: 0;
}

#right-column {
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
}

p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

#learn-more {width: 100%;}

/*#learn-more a ../img {display: block;
                   float: right;}*/

/* Sub-content section */

#sub-outer {width: 100%;
            clear: both;
            padding: 0;
            margin: 0;}

#sub-wrapper {float: left;
              width: 100%;}

#sub-center {margin: 0 270px;}

#sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

#sub-left {float: left;
           width: 240px;
           margin-left: -780px;}

/* End sub-content section */

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */

#footer {
		 width: 790px;
         height: 56px;
         background: #F3F3F3 url(../img/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;
         margin-left: 128px;
}

#footer-content {
	padding: 19px 15px;
}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(../img/footer_right.png) no-repeat;
               color: #5B6973;}

#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(../img/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}

/* Featured services */

.featured-wrapper {background: #6A7A86 url(../img/featured_background.png) repeat-y;
                   color: #DCE0E4;
                   width: 100%;
                   margin-bottom: 50px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 14px;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 25px;
                      font-style: italic;
                      list-style-type: none;
                      line-height: 124%;}

.featured-content p {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

/*.featured-content a ../img {padding: 0;
                         margin: 0;
                         display: block;}*/

.featured-top {width: 240px;
               height: 18px;
               background: #6A7A86 url(../img/featured_top.png) no-repeat;
               color: #DCE0E4;}

/* End Featured Services CSS */

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #F60;
       background-color: #F3F3F3;
       float: right;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 100%;
                clear: both;
                margin-top: 11px;
                padding: 0;}

/* main content area width without any left and right boxes */
#content {
	float: left;
	width: 565px;
}



div#hide {
	visibility:hidden;
}

div#show{
	display:block;
}

/* ############### Tabellen ############### */
table.movietable {
	border: none;
	margin-bottom: 25px;
}
.movietable th {
	font-weight: bold;
}
.movietable th,
.movietable td {
	border-bottom: 1px solid #ccc;
	padding: 2px 5px 2px 0;
	vertical-align: top;
}
.order {
	width: 25px;
}
.movietitle {
	width: 480px;
}
.releaseyear {
	width: 110px;
}
.partnerid {
	width: 90px;
}

.oldmovietitle {
	width: 205px;
}
.oldreleaseyear {
	width: 40px;
}
.newmovietitle {
	width: 215px;
}
.newreleaseyear {
	width: 40px;
}
.adminoptions {
	width: 80px;
}
/*.wp-sidebar {
	width: 220px;
}*/
.wp-sidebar ul{
	margin-top: 4px;
	padding-top: 0;
}
.wp-sidebar li,ul{
	list-style-type: none;
}