/*  
Theme Name: PROGTEC GMBH
Theme URI: http://www.progtec.ch
Description: Progtec Website 2010
Version: 1.0
Author: Fredy Holenstein
Author URI: http://www.workz.ch
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background: url(images/bg.jpg) repeat-y center; color:#333; font:12px Arial, Helvetica, sans-serif; margin-bottom:0px; line-height:20px;}
#wrapper{margin:0px auto;width:950px;}

/**************** Header *********************/
#header { width:890px; height:100px; padding:20px 40px 10px 20px; }
#logo {float:left; width:250px; height:90px;}
#adressblock {float:right; 250px; height: 90px; margin-right:70px; }
#adressblock td {font-weight:bold;}

/**************** Top Navigation *********************/
#topnavgrid { width:auto; background:#000; padding:7px 0 7px 0; height:20px;}
#topnav {margin:0 auto; width:950px; font-family:Arial, Helvetica, sans-serif;}
#topnav ul {display:inline; margin:0; color:#ffffff; list-style:none; float: right;}

#topnav ul li {float:left; margin-right:12px;}
#topnav ul li a {color:#aba096; font-size:10px; font-weight:bold;}
#topnav ul li a:hover {color:#fff;}
#topnav .current_page_item a, #topnav .current_page_item a:visited {display:block; color:#fff; font-size:10px; font-weight:bold;}
#topnav .current_page_ancestor a, #topnav .current_page_ancestor a:visited {display:block; margin:0; font-weight:normal; background:#8e0101; color:#ffffff; font-weight:bold; font-size:12px;}

/**************** Page Navigation *********************/

#pagenav {margin-bottom:80px; margin-left:17px; font-family:Arial, Helvetica, sans-serif;}
#pagenav ul {display:block; margin:0; color:#ffffff; list-style:none; width:210px;}

#pagenav ul {margin:0;}
#pagenav ul li {height:18px; margin:4px 0 3px 0; font-size:11px; }
#pagenav ul li a, #pagenav ul li a:visited {display:block;  width:200px;  font-weight:normal; padding: 0px 0 0px 20px; color:#000;  font-weight:bold;}
#pagenav ul li a:hover {display:block; width:200px; font-weight:normal; border-left:8px solid #dadada; padding: 0px 0 0px 12px; color:#6b7d05; font-weight:bold;}
#pagenav .current_page_item a, #pagenav .current_page_item a:visited {display:block; width:200px; font-weight:normal; border-left:8px solid #dadada; padding: 0px 0 0px 12px; color:#6b7d05;  font-weight:bold;}



.rotate {background-image:url(http://www.progtec.ch/site/wp-content/themes/progtec_theme/rotate.php); background-repeat:no-repeat; background-position:left; background-color:#ebebeb;}
/**************** Content Grid *********************/

#content 			{margin:0 auto; width:950px; min-height:500px; }
#gridleft 			{float:left; background:url(images/page_nav_bg.png) no-repeat left; width:333px margin:0; text-align:left; height:300px; padding-top:20px; padding-left:0px;}
#gridright 			{float:right; width:617px; margin:0; padding-top:20px; padding:0; text-align:left;}

/**************** Text *********************/
h2 a:link,h2 a:visited{ font-size:12px; color: #000000; text-decoration:none;}
h2 a:hover{color: #000000;}
.spacer {display:none; border-bottom:1px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}
h2.search {font-weight:lighter; font-size:12px; padding-left:20px; font-style:italic; background-color:#EFE7CB; width:540px; margin:auto; padding:2px 0px 2px 10px;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:500px;}
.entry h1{font-size:19px; font-weight:bold; padding-bottom:14px;}
.entry h2{font-size:17px; font-weight:bold; padding-bottom:14px;}
.entry h3{font-size:15px; font-weight:bold; padding-bottom:14px;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px;text-align:justify; margin-bottom:20px; background:url(images/postee.gif) repeat-x top;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.lightgray { color: #006699; font-size:15px; padding-top:5px; padding-bottom:15px;}
.meta {background-color: #FAF8DA; padding:5px; font-size:12px; border:1px dashed #cccccc;}

/**************** Links *********************/
a:link, a:visited{color: #000;text-decoration:none;}
a:hover{color: #333;text-decoration:underline; }

td {color: #000;text-decoration:none;}

/**************** Navigation *********************/
#navigation{clear:both;	width:617px; background:#000; height:23px; margin:0px auto; padding-left:333px;}
#menu {height: 20px; list-style:none;}

/**************** Sidebars *********************/
#sidebar1{ width:160px; float:left; margin-top:16px;}
#sidebar1 h2{background: url(images/bullet.png) left no-repeat; font-weight:normal; font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar1 ul{list-style-type:none;}
#sidebar1 ul li{list-style-type:none;margin-top:20px;}
#sidebar1 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar1 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar1 p{padding:0 5px;}
.postform {font:13px Trebuchet MS; width:150px; color: #666666;}
.archivedropdown {font:13px Trebuchet MS; width:150px; color: #666666;}


#sidebar2{ width:160px; float:left; margin-top:16px;}
#sidebar2 h2{background: url(images/bullet.png) left no-repeat; font-weight:normal;font-size:12px; border-bottom:1px double #CCCCCC; padding:0px 5px 0px 20px; text-transform:uppercase;}
#sidebar2 ul{list-style-type:none;}
#sidebar2 ul li{list-style-type:none;margin-top:20px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;margin-top:10px;padding:0 0 0 5px;}
#sidebar2 ul li ul li{border:0;display:block;margin:0 0px 5px;padding:0 0 5px 0px;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{float:right;}
#topsearch input[type="text"]{background: #ffffff url(images/search.png) right no-repeat; border: 3px solid #666666; width:10em; color: #333333; font:12px Trebuchet MS, Arial, sans-serif;padding:2px 16px 2px 2px;}
#searchbutton {padding:1px;} 

/**************** Comments *********************/
.comlabel { background:url(images/comment.gif) left no-repeat; font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px;margin-top:10px;}
.postlabel {background:url(images/comment_new.gif) left no-repeat;font-weight:lighter; font-size:14px; padding:10px 0px 10px 20px; margin:10px 0px 10px 0px;}
.commentlist{list-style:none;}
.tip {height:15px; width:500px; display:block;margin:10px 0px 0px 0px;}
.authorcomment {padding:3px; margin:10px 0px 0px 0px;}
.odd{color: #006699; font-size:12px; padding:2px 10px 2px 0px; border-bottom:1px solid #CCCCCC; }
.odd a:link{color:#006699;}
.commenttext {color: #000000; padding:5px 10px 0px 0px;  margin:0px; font-size:12px;}
#author, #email, #url {width:35%;border:1px solid #cbcbcb; font:12px Trebuchet MS; margin-bottom:0.6em;margin-top:5px;padding:1px 15px 1px 1px;}
#author {background:url(images/user.png) no-repeat right;}
#email {background:url(images/email.png)  no-repeat right;}
#url {background:url(images/link.png) no-repeat right;}
#comment{width:98%;border:1px solid #cbcbcb;margin-bottom:0.6em;margin-top:5px;padding:3px;}
#submit {background:#FFFFFF; padding:1px; font:12px Trebuchet MS;  border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; border-left:1px solid #E4E4E4; border-top:1px solid #E4E4E4;}

/**************** Footer *********************/
#footer{ background:url(images/footer_bg.jpg) top no-repeat; width:948px; height:300px; margin:0px auto; text-align:center;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{background:url(images/arrow_right.png) no-repeat right;float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:bold;}
.alignleft{ background:url(images/arrow_left.png) no-repeat left; float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:bold;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px; background: #f3f2ed}
code {font-size:1.0em;color: #000}