/*  
Theme Name:Cleartec2008
Theme URI:http://www.roeder-sommer.de
Description:Designed by Juergen Sommer
Version:1.1
Author:roeder&sommer
Author URI:http://www.roeder-sommer.de
*/
/**********************************************
*   Basics &Typography                       *
***********************************************/
body{margin:0; padding:0; background:#d3d3d3 url(images/bg.gif) repeat-y top center; font:62.5% "Lucida Grande","Lucida Sans Unicode",Sans-Serif; color:#000; text-align:left}
p, ol, ul{line-height:150%; padding:0 0 10 0}
ol{}
ul{}
h1, h2, h3, h4, h5, h6{margin:0; font-style:normal; font-weight:bold; background:transparent; color:#050d24}
h1{font-size:1.3em}
h2{font-size:1.2em}
h3, h4, h5, h6{font-size:1em}
a:link{color:#0066cc; text-decoration:none}
a:visited{color:#0066cc; text-decoration:none}
a:hover{color:#0066cc; text-decoration:underline}
a:active{color:#0066cc; text-decoration:underline}
blockquote{margin:10px 0; padding:0 50px; background:transparent url() no-repeat 0 0; color:#00439f}
code{background:#e9f0fa; cursor:text; font-family:"Courier New",Courier,monospace}
small{font-size:0.7em}
input, textarea, select{/* to be styled */}
form{/* to be styled */}
img{/* to be styled */}
img.noborder{border:none}
.alert{font-weight:bold; color:#f00}
.left{float:left}
.right{float:right}
.center{text-align:center}
.alignleft{float:left; margin-right:10px}
.alignright{float:right; margin-left:10px}
/**********************************************
*   Structure:Content, Sidebar, etc.         *
***********************************************/
#outline{width:855px; margin:0 auto; padding:0; background:#fff; font-size:1.1em}
/**********************
*   Header            *
***********************/
#header{width:100%; height:118px}
#header .blogtitle{width:auto; height:118px; background:transparent url(images/header.gif) no-repeat left bottom}
#header h1{padding:50px 0 0 50px}
#header h1 a{color:#fff}
#navbar{clear:both; float:left; width:100%; height:31px; background:transparent url(images/nav_bg.gif) repeat-x 0 0}
ul.menu{float:left; margin:0; padding:0 12px; list-style-type:none}
ul.menu li{float:left}
ul.menu li a{float:left; display:block; height:28px; padding:3px 13px 0 13px; line-height:24px; color:#fff}
ul.menu li a:link, ul.menu li a:visited{color:#fff; background:transparent url(images/nav_hover.gif) no-repeat center top}
ul.menu li a:hover, ul.menu li a:active{color:#fff; background:transparent url(images/nav_hover.gif) no-repeat center -31px; text-decoration:none}
ul.menu li.current_page_item a:link, ul.menu li.current_page_item a:visited, ul.menu li.current_page_item a:hover, ul.menu li.current_page_item a:active{color:#fff; background:transparent url(images/nav_active.gif) no-repeat center bottom; text-decoration:none}
ul.submenu{float:left; margin:0; padding:0 15px; list-style-type:none}
ul.submenu li{float:left}
ul.submenu li a{float:left; display:block; height:28px; padding:3px 15px 0 15px; line-height:24px; color:#fff}
ul.submenu li a:link, ul.submenu li a:visited{color:#fff; background:transparent url(images/subnav_hover.gif) no-repeat center top}
ul.submenu li a:hover, ul.submenu li a:active{color:#fff; background:transparent url(images/subnav_hover.gif) no-repeat center -31px; text-decoration:none}
ul.submenu li.current_page_item a:link, ul.submenu li.current_page_item a:visited, ul.submenu li.current_page_item a:hover, ul.submenu li.current_page_item a:active{color:#fff; background:transparent url(images/subnav_active.gif) no-repeat center bottom; text-decoration:none}
ul.submenu2{ float:right margin:0; padding:0 5px; list-style-type:none}
ul.submenu2 li{float:right}
ul.submenu2 li a{float:left; display:block; height:28px; padding:7px 5px 0 5px; line-height:24px; border:0}
ul.submenu2 li img{border:0}
ul.submenu2 li a:link, ul.submenu2 li a:visited{color:#fff; border:0}
ul.submenu2 li a:hover, ul.submenu2 li a:active{color:#fff; text-decoration:none; border:0}
.searchbar{float:right; width:280px; height:31px; margin:0}
.searchform{width:280px; height:20px; text-align:left; background:#fff url(images/searchbg.gif) repeat-x 0 0}
input#s{width:255px; height:18px; margin:5px 0 0 1px !important; margin:4px 0 0 1px; /* Fuck IE */padding:1px 0 0 2px; border:1px solid #0b236c; background:#fff url(images/searchbg.gif) repeat-x 0 0}
/***********************
*  Wrapper             *
***********************/
#wrapper{float:left; background:#fff url(images/wrapper.gif) repeat-y 0 0; margin:0 !important; margin:0px 0 0 0; /* Fuck IE */padding:0}
/**********************
*   Content           *
***********************/
#content{float:left; width:570px; height:100%; background:#fff}
#contentfull{float:left; width:855px; height:100%; background:#fff}
.pages{float:left; width:530px; background:#dce6ff url(images/separator_blue.gif) repeat-x bottom center}
.pages-border{clear:both; width:100%; height:6px; background:transparent url(images/separator_blue.gif) repeat-x 0 0}
.page-previous{float:left; padding:10px 0 16px 30px !important; padding:0 0 15px 30px; /* Fuck IE */}
.page-next{float:right; padding:10px 30px 16px 0 !important; padding:0 30px 15px 0; /* Fuck IE */}
.page-title{width:530px; margin:20px 0 0 0; background:#dce6ff url(images/separator_blue.gif) repeat-x bottom center}
.page-title h2.page-title-border{padding:0 0 0 30px; background:transparent url(images/separator_blue.gif) repeat-x 0 0; font-size:1.0em; line-height:48px; color:#104177}
/**********************
*   Blog Entries      *
***********************/
.post{padding:10px 10px; background:#fff}
.postentry{color:#050d24; text-align:justify}
.postentry a, .postentry a:hover{color:#2f63b3}
.post li{list-style-image:url(images/dot.gif); padding:0 0 0 3px}
.pdfliste{list-style-position:inside; list-style-image:url(images/pdf.png); }
.postentry span.alert{font-weight:bold; color:#f00}
.posttitle{/* to be styled */}
.posttitle a:link, .posttitle a:visited, .posttitle a:hover, .posttitle a:active{color:#050d24}
.postmeta, .postmeta a{margin:5px 0; font-size:1em; color:#2f63b3}
/**********************
*   Sidebar           *
***********************/
#sidebar{float:right; width:280px; height:100%; margin:0; padding:0; background:#fff}
#sidebar h2.feed-title{margin:0; padding:10px 0 0 0px; background:none !important; font-size:1.0em;}
#sidebar h2{color:#ff9900; display:block; margin:5px 0 5px 0; padding:0 0 5px 3px; text-decoration:underline; font-size:1.0em}
#sidebar ul{clear:both; margin:0; padding:0; list-style-type:none}
#sidebar ul li{clear:both; color:#bbb}
#sidebar ul.no-splitted li{padding:0 2px}
#sidebar ul.no-splitted ul li{margin:0 -2px}
#sidebar ul.blc{padding:0 2px}
#sidebar h2 {color:#ff9900;}
/**********************
*   Footer            *
***********************/
#footer{width:100%; height:31px; clear:both; background:#010b32; color:#fff}
#footer p{margin:0; padding:13px 25px; font-size:0.9em; line-height:200%}
#footer p a:link, #footer p a:visited{color:#a8cbff}
#footer p a:hover{color:#fff}
#footer p a:active{color:#9ad202}
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css"; 
.cform{margin:10px auto 0 auto; width:410px}
.cform fieldset{margin-top:10px; padding:5px 0 5px 0; border:none}
.cform .cf_hidden{display:none; border:none!important; background:none!important; padding:0!important; margin:0!important}
.cform legend{margin:0; padding:0; font:normal 18px Helvetica; color:#aaa; letter-spacing:3px}
ol.cf-ol{margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #f2f2f2}
ol.cf-ol li{background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/padding:0; list-style:none!important; text-align:left; line-height:1.1em}
/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */
ol.cf-ol li.textonly{color:#888; font-size:1em; letter-spacing:2px; margin:12px 0pt !important; padding:0pt 0pt 0pt 100px}
/*                                                    */
/* global definitions for field labels                */
/*                                                    */
.cform label{width:90px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/display:inline-block; /*for Opera &IE*/text-align:left; vertical-align:top; color:#aaa; font:0.9em Trebuchet MS,sans-serif}
.cform label span{width:90px; /* must be the same as above!*/display:block}
label.cf-before{margin:4px 10px 0 0}
label.cf-after{margin:4px 2px 0pt 6px; text-align:left; width:75px}
label.cf-after span{width:75px; display:block}
label.cf-group-after{margin:4px 0 0 2px; width:60px; text-align:left}
label.cf-group-after span{width:60px; display:block}
/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */
.cform input, .cform textarea, .cform select{padding:3px; border:1px solid #aaa; font:0.9em Trebuchet MS,sans-serif; color:#888; background:#fff url(../images/field-bg-top.gif) repeat-x top left; vertical-align:top}
.cform input:hover, .cform textarea:hover, .cform select:hover{border:1px solid #FC0; background:#fff url(../images/field-bg-bottom.gif) repeat-x bottom left}
.cform input:focus, .cform textarea:focus, .cform select:focus{color:#666; background:#fff url(../images/field-bg-bottom.gif) repeat-x bottom left}
.cform textarea, .cform input{width:298px}
.cform select{width:306px; /* attempt to have equal length */}
.cform select.cfselectmulti{height:7.5em}
.cform textarea{font-family:arial; font-size:0.9em; overflow:auto}
/*                                                    */
/* formatting for text: "(required)" &other        */
/*                                                    */
span.reqtxt, span.emailreqtxt{margin:0px 5px 7px 98px; display:block; vertical-align:top; color:#aaa; font-size:0.7em; line-height:1.2em}
/*                                                    */
/*   radio button title                               */
/*                                                    */
ol.cf-ol li.cf-box-title{color:#888; font-size:1em; letter-spacing:2px; margin:12px 0pt 0 !important; padding:0pt 0pt 0pt 100px}
/*                                                    */
/*   check boxes                                      */
/*                                                    */
input.cf-box-a, input.cf-box-b{margin:1px 0 0 0; width:16px; height:22px; border:none!important; background:none!important}
input.cf-box-a{margin-left:100px; /* check with label 'width' incl. */}
/*                                                    */
/* check box groups                                   */
/*                                                    */
ol.cf-ol li.cf-box-group{padding:0 0 5px 100px}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */
p.cf-sb{margin:0; padding:0pt 3px 0pt 0pt !important; text-align:right}
.cform input.sendbutton{width:100px; padding:2px; margin:0 0 0 100px; font-size:0.8em; background:url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important; border-top-color:#ececec!important}
/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err{background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; padding:5px 0!important; margin:5px 0!important}
ol.cf-ol li ul.cf_li_text_err{margin:0 0 0 10px; padding:0; color:#333}
ol.cf-ol ul.cf_li_text_err li{background:url(icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px}
ol.cf-ol ul.cf_li_text_err li:before{content:''}
/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
label.secq, label.seccap{vertical-align:text-bottom; margin-bottom:4px}
input.secinput{vertical-align:text-bottom}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha{height:15px; width:100px; padding:4px 4px; margin:0; vertical-align:text-bottom}
img.captcha{vertical-align:text-bottom; margin:0 0 0 0px!important; padding:0!important; border:none!important; float:none!important}
img.captcha-reset{vertical-align:text-bottom; background:url(captcha_reset_white.gif) no-repeat; margin:0 0 0px 0px; width:21px; height:21px; border:none}
img.imgcalendar{border:none}
.wp-caption { text-align: center; text-size: 13px;font-family: Lucida Sans Unicode}
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */
div.cf_info{color:#333; display:none; padding:10px 15px!important; width:380px; line-height:1.3em; margin:10px auto}
div.cf_info ol{margin:0; padding:5px 15px 0 30px}
div.cf_info ol li{padding:1px 0; margin:2px 0}
div.cf_info a{color:red!important; text-decoration:underline!important}
div.success{background:#F9F9F9 none repeat scroll 0%; color:#AAA; display:block}
div.failure{display:block; background:#FFDFDF url(li-err-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt}
div.waiting{background:#F9F9F9; color:#AAA; display:block}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error{color:red; border:1px solid #F00}
div.mailerr{display:block}
.mailerr, .cform .cf_errortxt{color:red}
/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */
p.cf_info{margin:10px 0; text-align:center}
p.success{color:green}
p.failure{color:red}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */
[disabled]{ color:#ddd;  border-color:#ddd!important;  background:none!important}
.disabled{border-color:#ddd!important}
/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload{width:220px; background:#f9f9f9; border:1px solid #888}
/*                                                    */
/*  Other:link love                                  */
/*                                                    */
.linklove{margin:6px auto 10px !important; padding:0pt 6px 0pt 0pt !important; text-align:right; width:410px}
.linklove a, .linklove a:visited{font-size:0.8em; font-family:Tahoma; color:#aaa!important}
/*                                                    */
/*  Other:browser hacks                              */
/*                                                    */
*+html ol.cf-ol, *+html ol.cf-ol li{display:inline-block;  /*for ie7*/}
* html ol.cf-ol, * html ol.cf-ol li, * html span.reqtxt, * html span.emailreqtxt{display:inline-block}
* html .cform legend{position:absolute; left:-8px; top:0; margin-left:0}
*+html .cform legend{position:absolute; left:-8px; top:0; margin-left:0}
* html .cform fieldset{position:relative; margin-top:15px; padding-top:25px}
*+html .cform fieldset{position:relative; margin-top:15px; padding-top:25px}
* html img.captcha{margin-bottom:1px!important}
*+html img.captcha{margin-bottom:1px!important}