body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin: 0;
  	padding-bottom:40px;
	color:#fffff;
}
  
a {color:#5D8AB0; text-decoration:underline;}
a:hover, .header .top-navigation a:hover, .content left-navigation a:hover {color:#000090; text-decoration:underline;}
a img {border:none;}
.header ul, .left-navigation ul, .sidebar ul, .teaser ul {list-style:none;}

/* layout */

div.clear {height:0;font-size:0;line-height:0;clear:both;}

/* box */
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #d4d4ee;border-right:1px solid #d4d4ee;}
.b1,.b1b{margin:0 5px;background:#d4d4ee;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#fff;}
.sidebar .d1{background:#FFF1B2;} 
.teaser .d1{background:#FFF1B2;} 

/* header*/
.header { width:100%; height:163px; 
    /*background-image:url(/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/visuals/family_ocean.jpg); */
    background:transparent url(/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/visuals/family_ocean.jpg) no-repeat scroll right center;
    background-repeat:none; position:relative;
}

/* .header .top-navigation {position:absolute;top:125px;left:10px;} */
.header .top-navigation {position:absolute;top:163px;width:100%;background-color:#ffcc00;}
.header .top-navigation a {color:#000; text-decoration:none;}

/* top navigation */
.header .top-navigation .box {margin-bottom:10px; float:left; margin-right:5px;}
.header .top-navigation .box-content { padding:0px 10px;}
.header .top-navigation .box-header {border-bottom:1px solid #dfdfdf;padding:5px 10px;}
.header .top-navigation .box-header span {float:left;}
.header .top-navigation .box-header a {color:#004276; float:right;}

.header .top-navigation .b2,.header .top-navigation .b3,.header .top-navigation .b4,.header .top-navigation .b2b,.header .top-navigation .b3b,.header .top-navigation .b4b,.header .top-navigation .b,
.content .left-navigation .b2,.content .left-navigation .b3,.content .left-navigation .b4,.content .left-navigation .b2b,.content .left-navigation .b3b,.content .left-navigation .b4b,.content .left-navigation .b,
.sidebar .b2,.sidebar .b3,.sidebar .b4,.sidebar .b2b,.sidebar .b3b,.sidebar .b4b,.sidebar .b,
.teaser .b2,.teaser .b3,.teaser .b4,.teaser .b2b,.teaser .b3b,.teaser .b4b,.teaser .b
 {border-left:1px solid #FFBB02;border-right:1px solid #FFBB02;}
 
.header .top-navigation .b1,.header .top-navigation .b1b, .content .left-navigation .b1,.content .left-navigation .b1b,
.sidebar .b1,.sidebar .b1b,
.teaser .b1,.teaser .b1b
 {margin:0 5px;background:#FFBB02;}
 
.content .left-navigation .d1{background:#FFF1B2;}
.content .teaser .d1 {background:#FFF1B2;}

.header .top-navigation .d1{background:#FEE097;} 

.header ul {
	list-style:none;
}
.header ul li {
	float:left;
	height:25px;
	line-height:25px;
	margin-right:4px;
	width:auto;
}
.header ul li a {
        font-weight:bold;
        font-size:12px;        
	color:#000;
	display:block;
	height:24px;
	background-color:#FEE097;
	float:left;
        border-bottom:1px solid #FFBB02;
        border-top:1px solid #FFBB02;
        padding-left:2px;
        padding-right:3px;
}
.header ul li a:hover {
        color:#000090;
}
.header ul li img {
	float:left;
}
.header ul li.active a {
	color:#000;
	background-color:#FEE097;    
}


/* left navigation */
.dotted-border {border-bottom:1px dotted #FFBA03;}
.left-navigation .box-content {line-height:22px;}

#container {background-color:#fff;width:100%;}

.content { padding-top:10px; padding-bottom:5px; width:100%;} /* min-height:100px;  padding-left:10px;padding-right:5px; */
.content .left-navigation {width:200px; float:left; } /*margin-right:10px;*/
.content .sidebar-news {width:240px; float:right; margin-right:10px;}

/*.content .main-content {width:580px; float:left; margin-right:10px; min-height:600px;}*/
/*.content .main-content {width:100%; float:left; margin-right:10px; min-height:600px;}*/
/*.content .sidebar {width:180px; float:left;}*/
.content .sidebar {width:240px; float:right; }
.box {margin-bottom:10px;}
.content .main-content .box-content { padding:5px 10px; }
.content .main-content .box-header {border-bottom:1px solid #dfdfdf;padding:5px 10px;}
.content .main-content .box-header span {float:left;}
.content .main-content .box-header a {color:#004276; float:right;}
.content .main-content table {font-size:14px;}
.content h1 {font-size:14px; margin-bottom:6px; }

/*.content h2 {font-size:12px; margin-top:20px;background:url('/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/bg_newsticker.jpg') no-repeat;height:30px;padding:4px;padding-left:10px;} */
.content h2 {
    font-size:12px; margin-top:20px;
    border: #FFBA03 1px solid; 
    background-color: #FFF1B2;    
    padding:4px;
    padding-left:10px;
}

/*
.colmid {float:left; margin-left:-205px; position:relative; right:100%; width:200%;}
.colleft {float:left;left:415px;margin-left:-50%;position:relative;width:100%;}
.colwrap {float:left;position:relative;right:200px;width:50%;}
.content {clear:both; float:left; overflow:hidden; position:relative; width:100%;}
.main-content {left:200%;margin:0 215px;overflow:hidden;position:relative;min-height:600px;} 
.colSidebar {float:right;left:50%;margin-right:25px;position:relative;width:180px;}
.colNavigation {float:right;position:relative;right:15px;width:180px;}
*/
.content .main-content {width:100%; float:left; margin-right:10px;}   /*min-height:600px;*/

.content p {margin-bottom:6px;}
.content .main-content a {color:#5D8AB0; text-decoration:underline; }


.content .main-content .list-links {list-style:square;list-style-position: inside; padding:0px;color:000066; margin-left:0px;}

.content .main-content .list-links li {
  list-style-image: url('/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/blue_arrow.gif');
  list-style-position: inside; 
  padding:0px;
  margin-left:0px;
  margin-bottom:2px;
}


.content .main-content thead {font-weight:bold; background-color:#efefef; text-align:left;}

/*
.content .main-content a {padding-left:12px; background-image:url(/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/red_arrow.gif); background-repeat:no-repeat;
*/

/* forum table */

.forum_topics td {padding:3px;}


/* sidebar */
.sidebar .box-content {padding:0 8px;}
.sidebar h1 {font-size:14px; margin-bottom:6px; color:black;}
.sidebar h2 {font-size:24px; margin-left:10px; margin-bottom:6px; float:left;}
.sidebar .header-right {float:right; margin-top:10px; margin-right:5px;}
.sidebar .header-right.pages {margin-top:5px;}
.sidebar .border-top {width:336px; height:8px; background-image:url(../img/border-top.jpg);}
.sidebar .border-content {border-left: 1px solid #dfdfdf; border-right:1px solid #eee; width:334px;}
.sidebar .border-bottom {width:336px; height:8px; background-image:url(/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/border-bottom.jpg);}
.sidebar .text-content {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#f2f2f2; height:100px; padding:12px;}
.sidebar .search-form input {float:left;}
.sidebar .search-form input.text {width:220px; height:16px; border-top:1px solid #5D8AB0; border-left:1px solid #5D8AB0; border-right:1px solid #5D8AB0; border-bottom:1px solid #5D8AB0; margin-left:10px; margin-top:5px; padding:2px 0;}
.sidebar .search-form input.submit {margin-left:10px; margin-top:5px;}
.sidebar .ads-text {float:right; font-size:7px; color:#c9c9c9; margin-top:1px;}

.sidebar .meta {color:#a0a0a0; font-size:12px; margin-bottom:10px;}
.sidebar a {color:black;}

/*.sidebar .dotted-border {border-bottom:1px dotted #FFEA03;} */


/* footer */
/*
.footer {border-top:1px solid #2f2d54; background-color:#fff; height:83px; color:#fff; padding-top:10px; width:100%;}
.footer p.copyright {float:left;}
.footer ul.footer-links {float:right; margin-left:40px;}
.footer ul.footer-links a {color:#fff;}
*/

/* styles for js functionality */
.hidestyle {display: none;}
.showstyle {}



/* hacks */
/*
* html .content .main-content .box-content { height:900px;}
*+html .content .main-content .box-content { height:900px;}
*/


.search_result {margin-bottom:10px;}


/* form input fields & error messages */
.left-navigation form input {border:1px solid #5D8AB0; font-size:11px; font-family:Arial,Helvetica,sans-serif;}
.left-navigation .main-content form input, .printMe input, .content .main-content input, .content .main-content form input, .content .main-content form textarea, .content .main-content form select,.content .main-content select {border:1px solid #5D8AB0; font-size:11px; font-family:Arial,Helvetica,sans-serif;}
.content .main-content form textarea {height:80px;}

form .size-small {width:100px;}
form .size-medium {width:300px;}
form .size-third {width:220px;}
form .size-large {width:600px;}


.content .main-content form .errors {padding-top:10px;padding-bottom:10px;}
.content .main-content form .text_error {background-color:red;color:yellow;font-weight:bold;padding:2px;}

.content .main-content form table thead {font-weight:bold;background-color:#efefef;}

/* Newsticker */
/* #newstickerBox {margin-top:20px;background:url('/opencms/opencms/system/modules/com.ottogroup.oft.intra.core/resources/img/bg_newsticker.jpg') no-repeat;height:30px;padding:4px;padding-left:10px;width:589px;_width:558px;} */

#newstickerBox {
    font-size:12px; margin-top:20px;
    border: #e8e8e8 1px solid; 
    background-color: #f8f8f8;    
    padding:4px;
    padding-left:10px;
}

.newsticker {list-style-type: none;padding: 0px; margin: 0;}

/* Formgenerator */
.onlineform {width:400px;}

/* Styles for Image alignment */
.BildLinks {margin-right:10px;margin-bottom:5px;float:left;}
.BildRechts {margin-left:10px;margin-bottom:5px;float:right;}

/* JForum subject|textarea */
input.subject, textarea.message { width: 100%; }
.postTabContents { padding-top: 24px; }
.postTabContents div { background-color: #E5EDF3; }

.printMe {text-align:right;margin-right:10px;}
.printMe input {font-size:11px;} /* background-color:red; */

.bPadding10 {padding-bottom:10px;}
.bPadding20 {padding-bottom:20px;}
.bPadding30 {padding-bottom:30px;}
.bPadding40 {padding-bottom:40px;}
.bPadding50 {padding-bottom:50px;}

/* Query ResultSet Tables */
.rowEven {}
.rowOdd {background-color:#DEDEDE;}  

.width50p {width:50%;}