/*
Theme Name: 3task 
Version: 0.1
*/


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


/* base
------------------------------------------------------------------ */
html { background:url(images/bg_header.png) 0 0 repeat-x #f7f7f7; text-align:center; }


/* container
------------------------------------------------------------------ */
#page { width:960px; text-align:left; padding: 0 7px; }
#wrapper { width:974px; margin: 226px auto 0 auto; background:url(images/bg_content.png) repeat-y; }
#contentbox { padding-top:82px; display: block; margin: 0 1px; width: 960px; position: relative; }


/* div#content
------------------------------------------------------------------ */
#breadcrumb { background: #f7f7f7; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; position: absolute; top: 45px; left: 0; line-height: 35px; padding: 0 30px; font-size: 11px; width: 898px;}
#breadcrumb a { color: #797979;}

#content { border-top: 1px solid #e8e8e8; min-height: 600px; }

.fullview { width: 752px; padding: 0 0 0 207px; }
.smallview { width: 580px; padding: 0 0 0 207px; float: left; border-right: 1px solid #f5f5f5 }

.entry { padding: 13px 20px 20px 20px; }

#content .post { border-bottom: 1px solid #e8e8e8; padding: 10px 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 td { vertical-align: top; }

#content hr { background: none; border: none; height:1px; border-top: 1px solid #dbd9d6; clear: both; padding:0 0 5px 0; margin: 20px 0 0 0; }

#content h1 { background: #f2f2f2; line-height: 35px; border: 1px solid #fff; padding: 0 19px; }

#content div.referenzen { padding: 4px 8px 8px 0px; display: block; float: left; width: 125px; height: 117px; }
#content div.referenzen span { overflow: hidden; padding: 0 4px 0 4px; border-right: 4px solid #ccc; color: #fff; background: #ccc; font-size: 9px; display: block; width: 115px; height: 15px; white-space: nowrap; }
#content div.referenzen:hover span { background: #2696c3; border-right: 4px solid #2696c3; }
#content div.referenzen a {border: 3px solid #ccc; display: block; width: 119px; height: 96px; }
#content div.referenzen a img {border: 2px solid #fff; }
#content div.referenzen a:hover,#content div.referenzen:hover a { border: 3px solid #2696c3}

#content .wp-pagenavi { padding: 13px 20px 20px 20px; }
#content .wp-pagenavi a { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #2696c3; background-color: #FFFFFF; }
#content .wp-pagenavi span.current { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #2696c3; color: #fff!important; background-color: #2696c3; }
#content .wp-pagenavi a:hover { color: #fff;	}
#content .wp-pagenavi span.pages { padding: 4px 6px 4px 0; margin: 2px 2px 2px 0; }

a.ref_thumb { border: 1px solid #e4e4e4; padding: 1px; display: inline-block; }
a.ref_thumb img { display: block; }

a.ref_thumb_left { border: 1px solid #e4e4e4; padding: 1px; display: inline-block; float: left; margin: 10px 25px 10px 0; }
a.ref_thumb_left img { display: block; }

a.ref_big { border: 1px solid #e4e4e4; padding: 2px; display: inline-block; margin: 15px 0; }
a.ref_big img { display: block; }

/* Login */
#wpm { position: absolute; top:280px; z-index: 100; margin-left: 800px; background: url(images/icon_user.png) left center no-repeat; padding-left: 15px; }
div.wpm_login p.text label { width: 100px; padding: 0 5px 0 0; float: left; display: block; }
div.wpm_login p.text input { width: 150px; }
div.wpm_login { background: #f7f7f7; border: 1px solid #ececec; padding: 5px 10px; margin: 5px 20px 20px 0; width: 265px; float: left;}


/* div#header
------------------------------------------------------------------ */
#header img.header { position:absolute; top:54px; border: 1px solid #fff; z-index: 1 }
#header img.teaser { position:absolute; top:114px; margin-left: 345px; z-index: 100 }
#header a#logo {position:absolute; top:1px; margin-left: 30px; }

#header span { position:absolute; top:26px; margin-left: 745px; color: #a3c01c; background: url(images/icon_phone.png) left bottom no-repeat; padding: 5px 0 4px 20px; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top: 226px; width: 960px; }
#nav ul {border-left: 1px solid #e1e1e1; height: 45px; margin: 0 1px; overflow: hidden; width: 960px; }
#nav ul li { float: left; }
#nav ul li a { background: url(images/nav_li.gif) repeat-x; line-height: 45px; display: block; padding: 0 20px; text-align: center; text-transform: uppercase; text-decoration: none; font-weight: 700;color: #797979; letter-spacing: 2px; border-right: 1px solid #e1e1e1; border-left: 1px solid #fff; font-size: 11px; }
#nav ul li a:hover { background: url(images/nav_li_a.gif) center repeat-x; color: #fff; }
#nav ul li.current_page_item a { background: url(images/sidebar_li_a.gif) center repeat-x; color: #fff; }
#nav ul li.page-item-5 a {padding: 0 21px 0 21px; }


/* div#sidebar-right
------------------------------------------------------------------ */
#sidebar-right { width: 170px; position: absolute; top: 82px; right: 0; padding: 0 1px }
#sidebar-right span img { margin: 15px 0 8px 10px; display:block }
#sidebar-right p { padding: 7px 10px }


/* div#sidebar
------------------------------------------------------------------ */
span.bottom { background: url(images/pfeile.gif) center top no-repeat; line-height: 9px;display:block }
#sidebar span.bottom { background: url(images/pfeile.gif) center -1px no-repeat;}
#sidebar span { padding: 15px 0 0 30px; display:block }


#sidebar { border-top: 1px solid #e8e8e8; width: 207px; position: absolute; top: 82px; left: 0; z-index: 2; }
#sidebar div { padding: 0 0 0 30px; font-size: 12px; }
#sidebar ul { border-top: 1px solid #ebebeb;}
#sidebar ul span { padding: 0!important; display:inline!important }
#sidebar ul li {border: 1px solid #ebebeb; border-top: none!important;border-left: none!important; }
#sidebar ul li a { color: #797979;background: url(images/li_li_bg.png) right top repeat-y #ffffff; line-height: 33px; display: block; border: 1px solid #fff; padding: 0 0 0 30px; text-decoration: none;font-size: 12px; }

#sidebar ul li a:hover { background: url(images/nav_li_a.gif) center repeat-x; color: #fff; }
#sidebar ul li.current_page_item a { background: url(images/sidebar_li_a.gif) center repeat-x; color: #fff; font-weight:bold; }


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

#sidebar ul li ul { border: none!important; }
#sidebar ul li ul li { border-top: 1px solid #ebebeb!important; border-bottom: none!important;border-left: none!important;border-right: none!important;}
#sidebar ul li ul li a { color: #797979!important;background: url(images/li_li_bg.png) right top repeat-y #ffffff!important; line-height: 25px; display: block; border: 1px solid #fff; padding: 0 0 0 40px; text-decoration: none; font-size: 11px; }

#sidebar ul li.current_page_ancestor a {background: url(images/nav_li_a.gif) center repeat-x!important; color: #fff!important;}
#sidebar ul li.current_page_ancestor li a {background: url(images/li_li_bg.png) right top repeat-y #ffffff!important;color: #797979!important;}
#sidebar ul li ul li.current_page_item a { background: url(images/sidebar_li_a.gif) center repeat-x!important; color: #fff; }


/* div#footer
------------------------------------------------------------------ */
#footer { background:url(images/bg_footer.jpg) left top no-repeat #484848; border-top: 2px solid #a4a4a4; height: 117px; position: relative; }
#footer ul { position: absolute; bottom: 0; right: 20px; }
#footer ul li { float:left; }
#footer ul li a { height: 17px; color: #a3c01c; display: block; padding: 90px 10px 10px 10px; font-size: 11px; text-decoration: none; }
#footer ul li a:hover, #footer ul li.current_page_item a { background:#535353!important; text-decoration: underline; }

#footer p { color: #fff; width: 320px; position: absolute; top: 10px; left: 350px; font-size: 10px; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td,textarea { font: 12px/1.6 Tahoma, Arial, Helvetica, sans-serif; color:#5d5d5d;}

h1,h2,h3,h4,h5,h6 { color: #5d5d5d; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }

h1 { font-size: 18px; }
h2,h3,h4 { padding: 14px 0 0 0; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

.small { font-size: 11px; }

p { padding: 7px 0; }


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

/* Kommentare */
h3#comments { font-size: 20px; border-bottom: 1px solid #ccc; }

ol.commentlist { margin: 0!important; padding: 0!important; }
ol.commentlist li.alt { background: #F3F3F3; }
ol.commentlist li { padding: 0 10px 20px 10px!important; font-size: 0.9em; position: relative; min-height: 150px; list-style: none!important; margin: 0!important; }
ol.commentlist li p.meta { border-bottom: 1px dashed #b0b0b0; }

ol.commentlist li strong { font-size: 1.2em; }
ol.commentlist li span { font-size: 2em; color: #C4C4C4; position: absolute; bottom: 0px; right: 10px; font-style: italic; }
ol.commentlist li.mitarbeiter { border-left: 5px solid #cb0000; padding: 0 10px 0 5px; }

table tr td { text-align:left; }
table tr th { text-align:left; }

.wpsg_ps_page { width:200px; float:left; min-height:1px; margin-right:10px; }
.wpsg_ps_page select { width:200px; }
label.pwsg_ps_update { width:auto; line-height:25px; vertical-align:middle; }
.wpsg_ps_status { width:150px; float:left; min-height:1px; }


table.lexikon {  } 
table.lexikon td { border-bottom: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000;}

#content .refbox3  { 	
  float: left;
	padding: 10px 2% 10px 2%;
	margin: 20px 1% 20px 2%;
	background: #F2F2F2;
	border: 3px solid #A3C01C;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
color: #000000;
	}


#content .refbox2  { 	
float: right;
	padding: 10px 2% 10px 2%;
	margin: 20px 2% 20px 1%;
	background: #666;
	border: 5px solid #ccc;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
color: #ffffff;
	}

#content div.col_1 { width: 710px; }
#content div.col_2 { width: 345px; }
#content div.col_4 { width: 164px; }
#content div.boxfloat_left { float: left; margin-right: 15px!important; }
#content div.boxfloat_right { float: right; }

#content div.box { border: 1px solid #e5e5e5; margin:15px 0; background: #f3f3f3; padding:2px; }
#content div.box h3 { overflow: hidden; white-space: nowrap; background:url(images/bg_sidebar_h3.png) top repeat-x; font-weight: 700; font-size: 12px; border: none; color: #fff; padding: 5px 10px; border: 1px solid #fff; }
#content div.box p {}
#content div.box div.inner { padding: 0 10px; border: 1px solid #fff; font-size: 11px; }