/*
Theme Name: GOLD-TO-GO
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 #edad3e; }
body { text-align:center; }


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


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

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

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

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

#content ul.ulline { padding-left:0; margin: 10px 30px 10px 0; width: 250px; }
#content ul.ulline li { list-style: none; border-bottom: 1px solid #f0f0f0; line-height: 2em; margin: 0; white-space: nowrap; }

#content .entry h1 { font-size: 24px; margin: 0 0 20px 0; line-height: 1em; }
#content .entry h2 { font-size: 16px; color: #edad3e; margin: 10px 0 10px 0; line-height: 1em; }

#content .entry h1 img, #content .entry h2 img, #content .entry h3 img {margin: 0!important;  }

#content .teaserbox { width: 290px; overflow: hidden; }

#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 8px 0; }
#content .teaserbox h2 small  {  font-size: 16px; color: #edad3e; }
#content .teaserbox p { padding: 7px 0; }
#content .teaserbox a { text-decoration: none; }
#content .teaserbox a:hover { text-decoration: underline; }
#content .teaserbox img { margin: 0 0 0 -10px; }

div#content table {width: 540px; margin: 10px 0 20px 0; border-collapse: separate; }
div#content table tr:hover td { background-color: #f0f0f0!important; }
div#content table tr.alt td { background: #f6f6f6;   }
div#content table tr.odd td { background: #fff; }
div#content table tr td { padding: 14px 10px 0 10px;border-top: 1px solid #fff; line-height: normal;  }
div#content table tr.first td {background: #f0f0f0!important;  }

#tooltip { position: absolute; background: #f8b214; border: 1px solid #c48e16; padding: 2px 5px; color: #fff!important;  }
#tooltip * { color: #fff!important; font-weight: 700; }


/* 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; }


/* form#opening
------------------------------------------------------------------ */
#content form#opening { padding: 0; }
#content form#opening fieldset  { padding: 0 5px; width: 497px; background: #f7f7f7; border: 1px solid #ececec; }

#content form#opening .group { border-bottom: 1px solid #E7E7E7; clear: both; padding: 5px 0; }
#content form#opening .submit { background: #fff; text-align: right; width: 487px; padding: 5px 10px 0 10px!important; margin-bottom: 5px; border: 1px solid #ececec; }
#content form#opening .form { padding: 10px; clear: both; }
#content form#opening .form label  { width: 200px;  padding: 4px 0 4px 0;  }
#content form#opening .form input { padding: 3px 5px; border: 1px solid #C8C7C3; background: url(images/bg_alt.png) top left repeat-x; border: none; width: 265px; height: 18px; font-size: 0.9em; border: 1px solid #a7a7a7;}

#content form#opening .textarea label {width: auto; height: auto; }

#content form#opening .group_3 { padding: 5px 25px;  }

#content form#opening .checkbox input { float: left;margin: 3px 10px 0 0; padding: 0; width: auto; height: auto; border: none; background: none; }
#content form#opening .checkbox label { width: auto; float: none; display: block; padding: 0; }

#content form#opening a.button { background: url(images/bg_button.png) 0 0 no-repeat; height: 38px; line-height: 38px; display: inline-block; text-decoration: none; }
#content form#opening a.button span { cursor: pointer; background: url(images/bg_button.png) right top no-repeat; font-weight: 700; font-size: 15px; margin: 0  0 0 10px; padding: 0 15px 0 5px;  height: 38px; line-height: 38px; display: block;  color: #fff; }
#content form#opening a.button span { float: left; }

#content form#opening textarea { clear: both; width: 470px; height: 100px; margin: 0; padding: 3px; border: 1px solid #a7a7a7; background: #fff; }
#content form#opening #email { display: none; }
#content form#opening input:focus { background:#fff }

#content form#opening input.error { border: 1px solid #f74040; }
#content form#opening label.error { color: #f74040; }


/* div#header
------------------------------------------------------------------ */
#header a#logo {position:absolute; top:20px; left: 35px;}
#header a#standorte {position:absolute; top:65px; right: 150px;}
#header a#twitter {position:absolute; top:65px; right: 284px;}
#header a#press {position:absolute; top:65px; right: 10px;}
#header a#standorte-de {position:absolute; top:65px; right: 168px;}
#header a#twitter-de {position:absolute; top:65px; right: 321px;}

#header div.teaser  {  position:absolute; top:174px; 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:80px; 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:85px; right: 0px; display: block; overflow: hidden; width: 205px; height: 25px; z-index: 1000; color: #fff; font-size: 13px; font-weight:700; padding: 10px 0 5px 10px; } 

#lang {  position:absolute; top:25px; right: 10px; font-size: 0.9em}
#lang a { color: #a7a7a7; }
#lang a.current { color: #333333; text-decoration: none; }


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

#nav ul li { float: left; }

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

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


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

.page #sidebar { width: 250px; position: absolute; left: 0px; top: 365px; }
.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.1em; }

#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 #b6b6b6; 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; line-height: 40px; width: 185px; padding: 0 10px 0 50px; border-top: 1px solid #f0f0f0; font-size: 13px; }
#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:#edad3e!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.page-item-120 { 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,textarea { font: 13px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; color:#696969; }
h1,h2,h3,h4,h5,h6 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height:1.5em; color: #333333; font-weight: normal; }

.small { font-size: 11px; }

p { padding:  0 0 14px 0; }


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