body, html {margin: 0px; padding: 0px; }
body { background-color: #fff; background-image: url(../images/bg_body.jpg); background-repeat: repeat-x; }
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; }

/* IE Background Flicker hack */
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}


#wrapper { width: 980px; height: 368px; position: relative; margin-right: auto; margin-left: auto; }
#header { height: 368px; background-image: url(../images/bg_header.jpg); background-repeat: no-repeat; }
#main { width: 980px; position: relative; margin-top: -150px; margin-left: 35px; }

#top_nav { position: relative; top: -10px; width: 980px; }
#content { position: relative; width: 560px; margin-right: 20px; float: left; margin-bottom: 35px;}
#sidebar { position: relative; width: 345px; float: left; }
div#footer { text-align: center; position: relative; width: 900px; clear: left; border-top: 1px solid #c0c0c0; }



/* typo */
h1 { color: #c56b14; font-size: 15px; font-weight: bold; margin-top: 0; margin-bottom: 10px; padding-bottom: 0; }
h2 { color: #6d8faa; font-size: 13px; font-weight: bold; background-image: url(../images/bg_h2_line2.gif); background-repeat: repeat-x; background-position: 0 105%; margin-top: 20px; margin-bottom: 5px; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; }
h3 { color: #c56b14; font-size: 12px; font-weight: bold; margin-top: 16px; margin-bottom: 10px; padding-bottom: 0; }
h4 {color: #8b8b8b; font-size: 12px; font-weight: bold; margin-top: 16px; margin-bottom: 10px; padding-bottom: 0;}

p { color: #5c5c5c; font-size: 12px; line-height: 18px; margin-top: 5px; margin-bottom: 10px; padding: 0; }
#footer p {font-size: 9px;}
td { }

div#interview p {padding-left: 25px; }
p.interview { background-image: url(../images/quote.gif); background-repeat: no-repeat; background-position: 0 -8px;}
body#page_team p.interview {font-size: 12px; background-position: 90px -8px;}
div#partners h3 {margin-bottom: 5px;}

a { color: #6d8faa; text-decoration: none; border-bottom: 1px dotted #6d8faa; }
a:link { }
a:visited { }
a:hover {color: #c56b14; border-bottom: 1px dotted #c56b14; }
a:active { }

#content ul { font-size: 12px; margin: 0; padding: 0 0 0 25px; line-height: 18px;}
#content ul li { list-style-image: url(../images/link.gif); color: #5c5c5c; margin-bottom: 7px;}

#content a img {border: 0px; text-decoration: none;}

.trigger {font-weight: bold;}



/* Readmore Links */
a.readmore { color: #939393; /* color: white; */ font-size: 8px; font-weight: bold; background-color: #dae3ea; /* background-color: #dba80f; */ text-decoration: none; padding: 3px; border-width: 0;}
a.readmore { -moz-border-radius:3px; -khtml-border-radius:3px; }

a.readmore:link {}
a.readmore:visited {}
a.readmore:hover {text-decoration: none; border-bottom: 0px; color: #fff; background-color: #c56b14; /* background-color: #dba80f; */ }
a.readmore:active {}

/**************/
/* Navigation */
/**************/

/* top nav */
div#top_nav ul { margin: 0 0 5px 0; padding: 0; }
div#top_nav ul li { margin: 0 0 0 0; padding: 0; display: inline; }

div#top_nav ul li a { font-size: 10px; color: #6d6d6d; text-decoration: none; margin: 0; padding: 0 5px 0 0; border-bottom: 0 none; border-right: 1px solid #6d6d6d; }
div#top_nav ul li a:link { }
div#top_nav ul li a:visited { }
div#top_nav ul li a:hover {color: #c56b14; border-bottom: 0px; }
div#top_nav ul li a:active { }

div#top_nav ul li a.last {border: 0px;}

/* TOP Nav aktuellen Link hervorheben */
body#page_home div#top_nav a#top_nav_a_home {color: #c56b14;}
body#page_unternehmen div#top_nav a#top_nav_a_unternehmen {color: #c56b14;}
body#page_plc div#top_nav a#top_nav_a_plc {color: #c56b14;}
body#page_team div#top_nav a#top_nav_a_team {color: #c56b14;}
body#page_kontakt div#top_nav a#top_nav_a_kontakt {color: #c56b14;}
body#page_downloads div#top_nav a#top_nav_a_downloads {color: #c56b14;}
body#page_opencare div#top_nav a#top_nav_a_opencare {color: #c56b14;}

/* und auch für Subseiten von PLC */
body#page_plc_impl div#top_nav a#top_nav_a_plc,
body#page_plc_ph div#top_nav a#top_nav_a_plc,
body#page_plc_screen div#top_nav a#top_nav_a_plc,
body#page_plc_service div#top_nav a#top_nav_a_plc,
body#page_plc_test div#top_nav a#top_nav_a_plc,
body#page_plc_bestand div#top_nav a#top_nav_a_plc
 {color: #c56b14;}


/* Exp: Footer Nav */
div#footer_nav ul { margin: 0 0 5px 0; padding: 0; }
div#footer_nav ul li { margin: 0 0 0 0; padding: 0; display: inline; }

div#footer_nav ul li a { font-size: 10px; color: #6d6d6d; text-decoration: none; margin: 0; padding: 0 5px 0 0; border-bottom: 0 none; border-right: 1px solid #6d6d6d; }
div#footer_nav ul li a:link { }
div#footer_nav ul li a:visited { }
div#footer_nav ul li a:hover {color: #c56b14; border-bottom: 0px; }
div#footer_nav ul li a:active { }

div#footer_nav ul li a.last {border: 0px;}

/* TOP Nav aktuellen Link hervorheben */
body#page_home div#footer_nav a#footer_nav_a_home {color: #c56b14;}
body#page_unternehmen div#footer_nav a#footer_nav_a_unternehmen {color: #c56b14;}
body#page_plc div#footer_nav a#footer_nav_a_plc {color: #c56b14;}
body#page_team div#footer_nav a#footer_nav_a_team {color: #c56b14;}
body#page_kontakt div#footer_nav a#footer_nav_a_kontakt {color: #c56b14;}
body#page_downloads div#footer_nav a#footer_nav_a_downloads {color: #c56b14;}
body#page_opencare div#footer_nav a#footer_nav_a_opencare {color: #c56b14;}

/* und auch für Subseiten von PLC */
body#page_plc_impl div#footer_nav a#footer_nav_a_plc,
body#page_plc_ph div#footer_nav a#footer_nav_a_plc,
body#page_plc_screen div#footer_nav a#footer_nav_a_plc,
body#page_plc_service div#footer_nav a#footer_nav_a_plc,
body#page_plc_test div#footer_nav a#footer_nav_a_plc,
body#page_plc_bestand div#footer_nav a#footer_nav_a_plc
 {color: #c56b14;}


/*header nav */
div#header_nav {text-align: right; margin-right: 45px;}
div#header_nav ul { margin: 0 0 5px 0; padding: 0; }
div#header_nav ul li { margin: 0 0 0 0; padding: 0; display: inline; }

div#header_nav ul li a { font-size: 10px; color: #939393; text-decoration: none; margin: 0; padding: 0 5px 0 0; border-bottom: 0 none; border-right: 1px solid #939393; }
div#header_nav ul li a:link { }
div#header_nav ul li a:visited { }
div#header_nav ul li a:hover {color: white; border-bottom: 0px; }
div#header_nav ul li a:active { }

div#header_nav ul li a.last {border: 0px;}

/* logo = home rollover */
a#header_logo_rollover { position: absolute; top: 70px; left: 30px; width: 120px; height: 100px; display: block; text-decoration: none;}
a#header_logo_rollover:link { }
a#header_logo_rollover:visited { }
a#header_logo_rollover:hover {color: #c56b14; border-bottom: 0px dotted #c56b14; }
a#header_logo_rollover:active { }





/**************/
/* SIDEBAR EL */
/**************/
div.sb_container{ margin-bottom: 25px; }
div.sbc_header { background-image: url(../images/bg_sbc_header.gif); background-repeat: no-repeat; width: 318px; height: 28px; }
div.sbc_content { background-image: url(../images/bg_sbc_content.gif); background-repeat: repeat-y; position: relative; width: 318px; }
div.sbc_footer { background-image: url(../images/bg_sbc_footer.gif); background-repeat: no-repeat; width: 318px; height: 14px; }

#sidebar h3 { color: #c56b14; font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 30px; padding-bottom: 0; }
div.sbc_content p {font-size: 10px; margin-left:25px; padding:0px; margin-top: 0px; margin-bottom: 0px;}
div.sbc_content img {margin-left:25px; padding:0px; margin-top: 0px; margin-bottom: 0px;}

/* Main Nav im Sidebar */
#sidebar ul, #sidebar ul li {margin:0; padding:0;}
#sidebar ul li {font-size: 10px; margin: 0 0 0 25px; padding: 0;}
#sidebar ul li.menu {  list-style-type: none; }
#sidebar ul li.menu_selected { list-style-type: none; list-style-image: none; }
#sidebar ul li.menu_open {list-style-type: none; list-style-image: none; }
#sidebar ul li.menu_sub {list-style-type: none; }
#sidebar ul li.menu_sub_selected {list-style-type: none; }
#sidebar ul li.menu_footer {list-style-type: none; }
#sidebar ul li.last {list-style-type: none; border: 0px;}


#sidebar a { font-size: 12px; color: #6d6d6d; font-weight: normal; background-position: 0 0; text-decoration: none; display: block; height: 18px; padding-top:4px; margin-bottom:0; width: 270px;}
#sidebar li.menu_selected a { color: #c56b14;}
#sidebar li.menu_open a {}
#sidebar li.menu_sub a { color: #939393; margin-left: 25px; border: 0px; font-weight: normal;}
#sidebar li.menu_sub_selected a { color: #c56b14; margin-left: 25px; border: 0px; }
#sidebar li.last a {border: 0px;}

#sidebar a:link { }
#sidebar a:visited { }
#sidebar a:hover { color: #c56b14; border-bottom: 1px dotted #6d8faa; }
#sidebar a:active { }


#sidebar li.menu a:link { }
#sidebar li.menu a:visited { }
#sidebar li.menu a:hover { color: #c56b14; border-bottom: 1px dotted #6d8faa; }
#sidebar li.menu a:active { }

#sidebar li.menu_selected a:link {}
#sidebar li.menu_selected a:visited { }
#sidebar li.menu_selected a:hover { color: #c56b14; border-bottom: 1px dotted #6d8faa; }
#sidebar li.menu_selected a:active { }

#sidebar li.menu_sub a:link { }
#sidebar li.menu_sub a:visited { }
#sidebar li.menu_sub a:hover { color: #c56b14;  border-bottom: 0px dotted #6d8faa; }
#sidebar li.menu_sub a:active { }

#sidebar li.menu_sub_selected a:link { }
#sidebar li.menu_sub_selected a:visited { }
#sidebar li.menu_sub_selected a:hover { color: #c56b14;  border-bottom: 0px dotted #6d8faa; }
#sidebar li.menu_sub_selected a:active { }

#sidebar li.menu_open a:link { }
#sidebar li.menu_open a:visited { }
#sidebar li.menu_open a:hover { color: #c56b14;  border-bottom: 1px dotted #6d8faa; }
#sidebar li.menu_open a:active { }

#sidebar li.last a:link { }
#sidebar li.last a:visited { }
#sidebar li.last a:hover { color: #c56b14; border-bottom: 0px dotted #6d8faa; }
#sidebar li.last a:active { }

/* Special Inline Elements */
div#oc_sb_packshot { background-image: url(../images/oc_sb_packshot.gif); position: absolute; top: -57px; right: 15px; width: 115px; height: 166px; }
div#sbc_oc {min-height: 110px; height:auto !important; /* Für normale Browser */ height:110px; /* Für IE */}
div#sbc_oc p {width: 150px;}

#sidebar div#sbc_oc a:link { }
#sidebar div#sbc_oc a:visited { }
#sidebar div#sbc_oc a:hover { color: #c56b14; border-bottom: 1px dotted #6d8faa; }
#sidebar div#sbc_oc a:active { }

/* Special Inline Elements for PLF News*/
div#oc_sb_plf { background-image: url(../images/oc_sb_plf.gif); position: absolute; top: -57px; right: 15px; width: 115px; height: 166px; }
div#fb_sb { background-image: url(../images/fb_sb.gif); position: absolute; top: -57px; right: 15px; width: 115px; height: 130px; }
div#jam_sb { background-image: url(../images/jam_sb.jpg); position: absolute; top: -57px; right: 15px; width: 115px; height: 115px; }
div#sbc_oc_news {min-height: 110px; height:auto !important; /* Für normale Browser */ height:110px; /* Für IE */}
div#sbc_oc_news p {width: 150px;}

/* Special Inline for FB Feed SB Container Content */

div.sb_feed_container {
	width: 275px;
	margin-left: 25px;
	position: relative;
	margin-top: 10px;
	}

div.sb_feed_container p {
	width: 100% !important;
	margin-left: 0px !important;
	}

div.sb_feed_container p img {
	float: right;
	margin-left: 15px !important;
	margin-right: 7px !important;
	margin-bottom: 15px !important;
	margin-top: 3px !important;
	}

div.sb_feed_container p a.simplelink {
	line-height: 14px !important;
	}
	
/* deprec
div.sb_feed_container ul {
	padding-left: 0px;
	}

div.sb_feed_container ul li {
	padding-left: 25px !important;
	list-style: none;
	background-image: url(../images/fb_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 6px !important;
	margin-left: 0px !important;
	margin-top: 4px !important;

	}

div.sb_feed_container ul li a {
	padding-top: 0px !important;
	}

*/

#sidebar div#sbc_oc_news a:link { }
#sidebar div#sbc_oc_news a:visited { }
#sidebar div#sbc_oc_news a:hover { color: #c56b14; border-bottom: 1px dotted #6d8faa; }
#sidebar div#sbc_oc_news a:active { }

body#page_plc h1.plc_inline {font-size: 14px; margin-top: 20px;}

/* Special Styles for simple links in sb content */
#sidebar div#sbc_oc_news a.simplelink:link { font-size: 10px !important; display: inline !important; }


/* Imagecontainer Styles für Thumbs */
.imagecontainer { background-color: white; text-align: center; vertical-align: middle; width: 100px; height: 100px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; border-bottom: 0px !important;}
.imagecontainer_hover { background-color: #e5e8e9; text-align: center; vertical-align: middle; width: 100px; height: 100px; float: left; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; border-bottom: 0px !important; }
img.photo { vertical-align: middle; margin-top: 3px; margin-bottom: 2px;}
.imagecontainer span, .imagecontainer_hover span { font-size:10px; color: #939393; line-height: 12px; margin-top: 0px; padding-top: 0px; display: block;}
.imagecontainer span {display:none;}
.imagecontainer_hover span {display:block; overflow:visible;}

/* Specials für PLC Seite */
h3.toggler, h2.toggler {clear:left; margin-top:0px; margin-bottom:0px; padding-top: 5px;}
div.accordion {margin: 0px; padding: 0px; width: 540px;}
body#page_plc h1.plc_inline {margin-top: 40px;}


/* Specials für Team Seite */
.people { float: left; margin-bottom: 15px; padding-right: 15px; margin-top:6px;}
.visitenkarte { background-image: url(../images/visitenkarte.jpg); background-repeat: no-repeat; background-position: 0 0px; width: 261px; height: 165px; overflow: hidden; float: left; margin: 0 0 0 -5px; padding-top: 0; padding-right: 0; padding-left: 20px; border: 1px #ce871d; }
.visitenkarte, div.visitenkarte a, div.visitenkarte p { font-size: 10px; color: white;}
div.visitenkarte p {text-align: right; padding-right: 45px; padding-top: 45px;}
div.visitenkarte p a:hover {border-bottom: 1px dotted white; color: white;}


.clear_left {clear: left;}
.clear_right {clear: right;}

div#partners h3 {margin-top: 40px;}

.dummy { text-align: right; }