/*
Theme Name: EX ORIENTE LUX
Version: 1.10
Author: Tim Portner
Author URI: http://www.timportner.de
*/


@import "css/reset.css";
@import "css/tools.css";


/* base
------------------------------------------------------------------ */
html { border-top: 5px solid #f9b200; }
body { text-align:center; }


/* container
------------------------------------------------------------------ */
#page { width:980px; text-align:left; margin:0 auto; display: block; position: relative; }


/* div#content
------------------------------------------------------------------ */
.start div#contentbox { padding: 495px 0 0 0; }
.page div#contentbox { padding: 345px 0 0 0; }

div#contentbox img { margin: 0 0 0 -10px; }

#content { padding: 0px 20px 60px 20px; width: 620px; min-height: 500px; }
.page #content { padding: 0px 20px 60px 300px; width: 660px!important; }

#content .entry { padding: 0 0 20px 0;}

#content ul, #content ol { padding-left:15px;  margin: 10px 0 10px 15px;}
#content ol li, #content ul li { margin-bottom:5px; line-height: 1.3em;  }
#content ul li { list-style: square; }

#content .entry h1 { font-size: 24px; margin: 0 0 20px 0; }
#content .entry h2 { font-size: 18px; color: #828282; margin: 0 0 20px 0; }

#content .teaserbox { width: 290px; }

#content .rechts {  padding: 20px 0 20px 25px; width: 290px; }
#content .links  { padding: 20px 14px 20px 0; border-right: 1px solid #e7e7e7; }

#content .teaserbox h2 { font-size: 19px; color: #333333; line-height: 1.1em; margin: 0 0 10px 0; }
#content .teaserbox h2 small  {  font-size: 16px;color: #828282; }
#content .teaserbox p { padding: 7px 0; }
#content .teaserbox a { text-decoration: none; }
#content .teaserbox a:hover { text-decoration: underline; }

/* http://www.ex-oriente-lux.de/investor-relations/kapitalerhoehung/
------------------------------------------------------------------ */
body.page_983 div#content table { margin-bottom: 30px; }
body.page_983 div#content table td { font-size: 12px; text-align: justify; }
body.page_983 div#content table td img { margin: 0!important; }
body.page_983 div#content table td.left { padding-right: 10px; width: 320px; }
body.page_983 div#content table td.right { padding-left: 10px; width: 320px; }
body.page_983 div#content table td strong { color: #f9b200; }
body.page_983 div#content table td ul { margin-top: 0; }
body.page_983 div#content table td li { margin-bottom: 20px; }
body.page_983 div#content table td.bottom { background: #f9b200; padding: 5px; color: #000; text-align: center; }
body.page_983 div#content table td img.wp-image-1002 { margin-top: 15px!important; padding-bottom: 0; }


/* forms
------------------------------------------------------------------ */
#content form label { width: 125px; padding: 4px 0 0 5px; float: left; display: block; }
#content input { padding: 2px 6px 2px 6px; }
#content span input { padding: 4px 6px 2px 6px!important; border: none; width: 331px; height: 18px; font-size: 0.9em; border: 1px solid #a7a7a7; }
#content form { padding: 10px 0;}
#content form p { clear: both; padding: 6px 0 6px 0!important; }
#content form .req { font-weight: 700;}
#content form textarea { clear: both; width: 460px;  padding: 3px; margin: 0 0 0 5px; border: 1px solid #a7a7a7; background: #fff; }
#content form .clear br { clear: both; }
#content span span { clear: both; color: red; display: block; }


/* div#header
------------------------------------------------------------------ */
#header a#logo {position:absolute; top:20px; left: 35px;}

#header div.teaser  {  position:absolute; top:154px; left: 0; width: 960px; margin: 0 10px; padding-bottom:  41px; background: url(images/bg_content.png)  left bottom repeat-x }

.start div.teaser { height: 300px; }
.page div.teaser { height: 150px; }

.start div.teaser div.current,.start div.teaser div.c_next { position: absolute; top: 0; left: 0; }
.start div.teaser div.c_next { display:none;}

#header div.teaser #info { background: url(images/png.png) no-repeat;  position:absolute;top:70px; left: 35px; display: block; width: 400px; height: 140px; z-index: auto; color: #d2d2d2; padding: 25px; } 
#header div.teaser #info h3 { color: #fff; font-size: 22px; } 
#header div.teaser #info a.more { text-decoration: none; float: right; color: #fff; }
#header div.teaser #info a.more:hover { text-decoration: underline; }
 
#header div.teaser .sbg { position:absolute; top:90px; right: -10px; display: block; width: 235px; height: 40px; border-top: 5px solid #f8b214; z-index: 1; -moz-opacity:0.40; opacity:0.40; filter:alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; background: #000; }
#header div.teaser #sinfo {  position:absolute; top:90px; right: 0px; display: block; overflow: hidden; width: 205px; height: 25px; z-index: 1000; color: #fff; font-size: 22px; font-style: italic; padding: 10px 0 5px 10px; } 

ul#lang {  position:absolute; top:20px; right: 12px; font-size: 0.9em}
ul#lang li { float: left; margin: 0 3px; }
ul#lang li a { background: url(images/bg_language_switch.png) no-repeat; width: 24px; height: 19px; display: block; padding: 0; line-height: normal; }
ul#lang li a span { display: none; }

#lang a.English { background-position: bottom right; }
#lang a.Deutsch { background-position: top left; }
#lang a.English_current { background-position: top right; }
#lang a.Deutsch_current { background-position: bottom left; }


/* div.menu-main-menu-container
------------------------------------------------------------------ */
#nav { position:absolute; top:100px; background: url(images/bg_nav.png); width: 940px; height: 58px; padding: 3px 20px 0 20px; }

#nav ul.menu li { float: left; }

#nav ul.menu li { border-left: 1px solid #fff; }
#nav ul.menu li#menu-item-1008 a, #nav ul.menu li#menu-item-1191 a, #nav ul.menu li#menu-item-1008, #nav ul.menu li#menu-item-1191 {border-left: none!important}

#nav ul.menu li a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0.01em; color: #333333; text-decoration: none; line-height: 50px; padding: 0 15px; display: block; border-left: 1px solid #d2d2d2; }
#nav ul.menu li a:hover, #nav ul.menu li.current_page_item a, #nav ul.menu li.current-page-ancestor a { background: #fff!important; }


/* div#sidebar
------------------------------------------------------------------ */
.start #sidebar { width: 290px; position: absolute; right: 10px; top: 495px; }
#sidebar p { padding: 14px 0 0 0; }
#sidebar ul#news li { padding: 20px 0; border-bottom: 1px solid #e7e7e7;}
#sidebar ul#news li p {color: #333333; padding: 5px 0; }
#sidebar h3 { font-size: 19px; color: #333333; line-height: 1.1em; margin: 0 0 10px 0;}
#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

.page #sidebar { width: 250px; position: absolute; left: 0px; top: 345px; }
.page #sidebar .inside { margin: 0 0 0 10px; }
.page #sidebar img { display: none; }


#sidebar ul#sidenav li a { width: 200px; display: block; padding: 0 10px 0 35px; line-height: 45px; background: #f0f0f0 url(images/s_ul.png) top left no-repeat; color: #333333; border-top: 1px solid #fff; font-size: 1.2em; }

#sidebar ul#sidenav li a:hover, #sidebar ul#sidenav li.current_page_item a, #sidebar ul#sidenav li.current_page_ancestor a { background: url(images/s_ul.png) bottom left no-repeat #a7a7a7; color: #fff; }

#sidebar ul#sidenav ul { display: none; }
#sidebar ul#sidenav li.current_page_item ul,  #sidebar ul#sidenav li.current_page_parent ul { display: block!important; }

#sidebar ul#sidenav li ul li a { background:  #fcfcfc url(images/su_li.png) top left no-repeat!important; color: #333333!important; width: 185px; padding: 0 10px 0 50px; border-top: 1px solid #f0f0f0; }
#sidebar ul#sidenav li ul li a:hover,#sidebar ul#sidenav li ul li.current_page_item a { background: #fcfcfc url(images/su_li.png) bottom left no-repeat!important; color:#f9b200!important; text-decoration: underline; }


/* div#footer
------------------------------------------------------------------ */
#footer { width: 100%; height: 175px; background: url(images/bg_footer.png) 0 0 repeat-x; text-align: center; }
#footer div {width:960px; text-align:left; margin:0 auto; color: #333333; position: relative; font-size: 0.9em; }

#footer p { position: absolute; top: 30px; left: 0; padding: 0; }

#footer ul#marken { position: absolute; top: -60px; right: -15px; }
#footer ul#marken li,#footer ul#subnav li { float: left; padding: 0 15px;  }

#footer ul#subnav { position: absolute; top: 30px; right: -15px; }
#footer ul#subnav li { background: url(images/footer_li.png) left center  no-repeat; }
#footer ul#subnav li.first { background: none; }

#footer ul#subnav li a { color: #333333; text-decoration: none; }
#footer ul#subnav li a:hover, #footer ul#subnav li.current_page_item a { text-decoration: underline!important; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 15px/1.4 Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif; color:#828282; }
h1,h2,h3,h4,h5,h6 { font-family: Cambria, Georgia, sans-serif; line-height:1.4em; color: #333333; font-weight: normal; }

.small { font-size: 11px; }

p { padding:  0 0 14px 0; }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#f9b200; }
a:hover { text-decoration:none; }