/*
Theme Name: TIERE-ONLINE.DE
Version: 1.0
Author: 3task.de
Author URI: http://www.3task.de
*/


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


/* base
------------------------------------------------------------------ */
html { background: #f6f6f6; text-align:center; }
html, body { height:100%; }

#top { border-top: 3px solid #016791; position:absolute; top:0px; left: 0px; width: 100% } /* balken oben */


/* container
------------------------------------------------------------------ */
#page { width:960px; background: url(images/html.png) repeat-y; text-align:left; margin: 0px auto -113px auto; display: block; min-height:100%; padding: 0 8px; }
#contentbox { padding: 229px 0 0 0; }


/* div#content
------------------------------------------------------------------ */
#content { padding: 0px 18px; float: left; width: 550px; border: 2px solid #f0f0f0; margin: 0 1px 0 1px; text-align: justify;}

#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; }


/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:56px; background: url(images/bg-header.jpg) left bottom repeat-x; width: 960px; height: 150px; }
#header a#logo { position:absolute; top:0px; width: 300px; height: 150px; display: block; text-decoration: none; }
#header a#lexikon { position:absolute; top:110px; margin-left: 720px; padding: 2px 15px; display: block; background: #7b9709; color: #fff; text-decoration: none; }
#header a#lexikon:hover { background: #016791; }
#header img.teaser { position:absolute; top:-9px; margin-left: 300px; z-index: 1000; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:3px; width:960px; height: 53px; background: url(images/bg-headernav.png) repeat-x; }
#nav ul li { float: left; }
#nav ul li a { color: #626262; display: block; padding: 0 20px; line-height: 52px; font-weight: 700; text-decoration: none; margin: 0 1px 0 0; }
#nav ul li a:hover, #nav ul li.current_page_item a,#nav ul li.current_page_parent a,#nav ul li.current_page_ancestor a { color: #fff; background: #016791; }




/* div#sidebar
------------------------------------------------------------------ */
#left h3, #right h3 { background: url(images/bg-li-h3.png) left bottom no-repeat; line-height: 25px; color: #fff; font-weight: 700; }
#left h3 span, #right h3 span { background: url(images/bg-li-h3.png) right bottom no-repeat; margin: 0 0 0 1px; display: block; padding: 0 19px; }

#left { float: left; width: 220px; }
#left div.bg { border: 2px solid #f0f0f0; margin: 0 0 1px 0; }


#left ul.main li { margin: 0 0 1px 0; }
#left ul.main li a { background: url(images/bg-li-h3.png) left bottom no-repeat; line-height: 25px; color: #fff; font-weight: 700; display: block; }
#left ul.main li a span { background: url(images/bg-li-h3.png) right bottom no-repeat; margin: 0 0 0 1px; display: block; padding: 0 19px; }
#left ul.main li a:hover { text-decoration: none; }


#left ul.sub { margin: 1px 0 0 0; }

#left ul.sub ul, 
#left ul.sub ul ul, 
#left ul.sub ul ul ul 
{ display: none; }

#left ul.sub li.current_page_item > ul, 
#left ul.sub li.current_page_parent > ul,
#left ul.sub li.current_page_ancestor > ul
{ display: block; }

#left ul.sub  li 
{ background: #fcfcfc; }

#left ul.sub  li a 
{ padding: 3px 10px 3px 10px; color: #858585; text-decoration: none; margin: 0 0 1px 0; display: block; font-size: 12px; }

#left ul.sub  li ul a 
{ background: url(images/li.png) left top no-repeat; }

#left ul.sub  li
{ padding: 0 0 0 15px; }

#left ul.sub  li.current_page_item > a, 
#left ul.sub  li.current_page_parent > a 
{/* background: #016791; color: #fff; */}


#left ul.sub li.current_page_item > a
{ font-weight: 700; color:#016791!important; }

#left ul.sub li a:hover
{ color:#016791!important; }



#right { float: left; width: 144px;  border: 2px solid #f0f0f0; }
#right div { text-align: center; padding: 10px 0; }

#left p { padding: 10px; font-size: 12px; }


/* div#breadcrumb
------------------------------------------------------------------ */
#breadcrumb { background: #f2f2f2; width: 920px; height: 20px; padding: 0 20px; color: #727272; position:absolute; top: 207px; font-size: 11px; z-index: 100; }
#breadcrumb p { padding: 2px 0; }
#breadcrumb a { color: #727272; }
#breadcrumb a:hover { text-decoration: none; }


/* div#footer
------------------------------------------------------------------ */
#clearfooter { height:113px; clear: both}
#footer { position:relative; width:100%; height: 113px; background: url(images/bg-footer.png) left bottom repeat-x; text-align: center; }
#footer div { position:relative; width:976px; margin: 0 auto; height: 113px; background: url(images/bg2-footer.jpg) 0 0 no-repeat; }

#footer .copy,#footer a {color: #fff;}
#footer a:hover { text-decoration: none; }
#footer .copy { position: absolute; top: 66px; left: 85px; font-size: 12px; }

#footer ul { float: right; padding: 33px 7px 0 0;}
#footer ul li { float: left; }
#footer ul li a { line-height: 80px; display: block; padding: 0 10px; }
#footer ul li a:hover, #footer ul li.current_page_item a { background: url(images/bg-footer-li-hover.png) left bottom repeat-x; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif; color:#595959; }

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.1em; color: #85a502; }
#content h1 { font-size: 14px; background: url(images/hr.png) left bottom no-repeat; padding: 10px 0 5px 0; }
#content h2 { font-size: 14px; background: url(images/hr.png) left bottom no-repeat; padding: 10px 0 5px 0; margin: 7px 0 0 0; }
#content h3 { font-size: 14px; margin: 7px 0 0 0; }
#content h4 { font-size: 14px; margin: 7px 0 0 0; }

.small { font-size: 11px; }
p { padding: 7px 0; }


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

/* Eigene
------------------------------------------------------------------ */
.tvergleich td {padding:8px; border:0;}