/*  
Theme Name: Kaelte Beratung
Theme URL: http://www.kaelte-beratung.de/
Description: Kaelte Beratung - Nachhaltig Planen
Author: Michael Schaback, design54 - the online portfolio
Last update: 28. Maerz 2009
*/



@import url("styles/reset.css");



/* color style and font definition */


a 
{ 
text-decoration: none; 
outline: 0; 
color: #002f79; 
}

a:hover, 
a:active 
{ 
color: #666;
text-decoration: underline;
}

input, textarea, button, select, option 
{ 
border: none; 
}

body, input, textarea, button, select, option 
{ 
font-family: Helvetica, Trebuchet MS, sans-serif;
color: #333; 
}

#wrap
{
width: 960px;
margin: 0 auto;
border-left: 0px solid #999;
border-right: 0px solid #999;
}

#header, 
#posts .post, 
#sidebar, .sidebar, 
#footer 
{
overflow: hidden;
}

#posts 
{
width: 650px;
}

#header, #posts 
{
float: left; display: inline;
}

#headerslightshow
{
margin: 0;
padding: 0;
width: 960px;
height: 200px;
background-color: #fff;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

#header 
{
width: 650px;
}

#header ul li, 
#sidebar ul li 
{
list-style: none;
}

#header h1 
{
margin: 0;
padding: 0;
height: 120px;
font: 2.8em/4em Helvetica, Trebuchet MS, sans-serif;
border-bottom: 1px solid #999;
background: #fff url(images/header_logo.jpg) 0 0 no-repeat;
}

#header h1 a:link,
#header h1 a:visited
{
margin: 0 0 0 3.5em;
padding: 0;
border-bottom: 1px solid #666;
}

#header h1 a:link span,
#header h1 a:visited span
{
margin: 0;
padding: 0;
text-decoration: none;
font-size: .7em!important;
color: #666!important;
}

#header h1 a:hover,
#header h1 a:active
{
margin: 0 0 0 3.5em;
padding: 0;
text-decoration: none;
border-bottom: 1px solid #666;
}

#header h1 a:hover span,
#header h1 a:active span
{
margin: 0;
padding: 0;
text-decoration: none;
font-size: .7em!important;
color: #002f79!important;
}


/* menu in header */


#header .menu 
{
font-family: Hoefler Text, Times, Times New Roman, serif; 
}
	
	
#header ul.menu
{
margin: 0;
}

#header .menu li 
{
display: block; 
float: left;
width: 20%;
border-bottom: 1px solid #999;
}

#header .menu li a 
{
display: block;
line-height: 40px;
height: 40px;
background: #002f79;
margin: 5px 0;
color: #fff;
text-transform: uppercase;
font-size: 1.4em;

text-align: center;
}

#header .menu li a:hover 
{
background: #555;
}


/* posts */


#posts 
{
clear: left;
margin: 1em 0 0 0;
font-size: 1.4em;	
line-height: 1.5em;
}

#posts .post 
{
margin: 0;
padding: 0;
}


#posts .post .meta 
{
margin: 0 0 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.75em;
color: #777;
}

#posts .post .meta a 
{
font-weight: bold;
color: #777;
}

#posts .post .meta a:hover 
{
color: #555;
}

#posts .post .content 
{
padding: 0 0 20px;
}

#posts p, 
#posts table, 
#posts dl 
{
margin: 1.5em 0;
padding: 0 1.5em 0 1.5em;
text-align: justify;
}

#posts table 
{
clear: both;
}

#posts blockquote 
{
margin: 20px 40px;
border: 1px solid #ccc;
border-width: 1px 0;
color: #555;
}	

#posts ul, #posts ol 
{
margin: 20px 30px;
}

#posts dd 
{
margin: 0 0 0 30px;
}

#posts ul.check
{
margin: 0 0 1em 4em;
padding: 0 0 1em 2em;
color: #888;
list-style-image: url(images/check.png);
}

#posts ul.check li 
{
margin: 0;
padding: 0 0 .2em .3em;
font-size: 1.2em;
}

#posts .post h2 
{
margin: 0;
padding: 0;
font: 1.6em/1.6em Helvetica, Trebuchet MS, sans-serif;
border-bottom: 1px solid #666;
}

#posts .content h3 
{
clear: both;
margin: 1em 0 0 1em;
font: 1.2em/1.3em Helvetica, Trebuchet MS, sans-serif;
color: #002f79;
}

#posts .content h4 
{
clear: both;
margin: .5em 0 1em 0;
font: 1.4em/1.6em Helvetica, Trebuchet MS, sans-serif;
letter-spacing: .2em;
background-color: #f6f6f6;
border-bottom: 1px solid #333;
color: #002f79;
}

#posts .content h5 
{
clear: both;
margin: 1em 0 1em 0;
font: 1.15em/1.3em Helvetica, Trebuchet MS, sans-serif;
font-style: italic;
color: #002f79;
border-bottom: 1px solid #999;
}

#posts .content h6 
{
clear: both;
margin: 1em 0 0 1.5em;
font-size: 1.3em;
color: #002f79;
}

#posts .post .content a, 
#commentsection .commentlist li .content a 
{
border-bottom: 1px solid #ccc;
}

#posts .post .content a img 
{
display: block;
}

#posts .post .content a:hover 
{
border-bottom-color: #002f79;
}

#posts #pagetitle 
{
margin: 0 0 40px;
font-style: normal;
color: #555;
text-align: center;
font-size: 1.2em;
}

#posts .navigation 
{
width: 100%;
margin: 0 0 40px 0;
overflow: hidden;
}
		
#posts .navigation div 
{
width: 45%
}

#posts .navigation .alignleft 
{
float: left;
}
		
#posts .navigation .alignright 
{
float: right;
text-align: right;
}

#commentsection 
{
clear: both;
}
		
#commentsection h3 
{
font-size: 1.4em;
color: #555;
clear: both;
margin: 20px 0;
}
		
#commentsection h4 
{
text-transform: uppercase;
font-weight: bold;
letter-spacing: 5px;
font-size: 0.85em;
color: #555;
clear: both;
margin: 20px 0;
text-align: center;
}

#commentsection label 
{
display: block;
margin: 10px 0 0;
font-weight: normal;
}

#author, #url, #comment, #submit, #email, #mcspvalue 
{
border: 1px solid #002f79;
padding: 5px;
font-style: normal;
color: #222;
display: block;
background: #fff url(images/shadow_top.gif) repeat-x top;
}

#author, #url, #email, #mcspvalue 
{ 
width: 250px; 
}

#comment 
{
width: 70%; 
}

#submit 
{
background: #002f79;
padding: 7px;
font-weight: normal;
color: #fff;
border-color: #777;
}

#commentsection .commentlist 
{
margin: 2em;
border-bottom: 1px solid #ccc;
}

#commentsection .commentlist li.comment, 
#commentsection .commentlist li.pingback, 
#commentsection .commentlist li.trackback, 
#commentsection .commentlist li.alt 
{
padding: 10px;
border-top: 1px solid #ccc;
clear: both;
background-color: #fff;
list-style: none;
}

#commentsection .commentlist li.alt 
{ 
background-color: #fff; 
}

#commentsection .commentlist li.pingback, 
#commentsection .commentlist li.trackback 
{ 
background-color: #fff; 
}

#commentsection .commentlist li .reply a 
{ 
background: #fff; 
padding: 5px; 
border: 1px solid #ccc; 
}

#commentsection .commentlist .children 
{ 	
margin: 0; 
}

#commentsection .commentlist li blockquote 
{ 	
margin: 20px; 
}

#commentsection .commentlist .commentmetadata 
{
font-size: 0.7em;
text-transform: uppercase;
color: #777;
letter-spacing: 2px;
}

#commentsection .commentlist .commentmetadata a 
{
font-weight: bold;
color: #777;
}

#commentsection .commentlist .avatar 
{
margin: 0 0 0 10px;
float: right;
}

#commentsection .commentlist .comment-author 
{
font-size: 1.3em; font-style: italic;
}

#sidebar
{
float: right;
width: 275px;
margin: 0 0 0 15px !important; /* fixes 3-pixel bug */
position: relative;
top: -132px;
}

#sidebar .secondary 
{
width: 250px;
float: right;
margin: 80px 0 0 0;
padding: 0 0 40px 0;
}

#sidebar #search 
{
border: 1px solid #999;
border-width: 1px 0;
padding: 5px 0;
height: 40px;
margin: 0;
}

#sidebar #search #searchform 
{
background: #002f79;
height: 40px;
line-height: 4px;
}
		
#sidebar #search #s 
{
width: 160px;
height: 20px;
line-height: 20px;
display: block;
margin: 0 auto;
position: relative;
top: 8px;
border: 1px solid #999;
background: #fff url(images/searchicon.gif) 99% 50% no-repeat;
padding: 2px 0 0 5px;
color: #999;
}
		
#sidebar #search h2, 
#sidebar #search label, 
#sidebar #search #searchsubmit 
{
display: none;
}

#sidebar #articles li 
{
margin: 0 0 1em;
font: 1.2em/1.2em Helvetica, Trebuchet MS, sans-serif;
}


#sidebar #articles li .excerpt 
{
margin: .5em 0 1em 0;
padding: 0 1em 0 1em;
font: 1.1em/1.2em Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; 
}

#sidebar .secondary #categories li a,
#sidebar .secondary #archives li a,
#sidebar .secondary #links li a  
{
display: block;
margin: .1em 0 0 0;
padding: 0;
height: 1%;
font: 1.3em/1.6em Helvetica, Trebuchet MS, sans-serif;
color: #002f79;
background-color: #fff;
}	

#sidebar .secondary #categories li a:hover,
#sidebar .secondary #archives li a:hover,
#sidebar .secondary #links li a:hover  
{
display: block;
margin: .1em 0 0 0;
padding: 0;
height: 1%;
font: 1.3em/1.6em Helvetica, Trebuchet MS, sans-serif;
color: #666;
background-color: #f9f9f9;
}	

#sidebar li.page_item li a, #sidebar li.cat-item li a 
{
padding-left: 20px;
}

#sidebar li h2
{
margin: 1.5em 0 1em 0;
text-align: center;
letter-spacing: .5em;
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
line-height: 1.6em;
color: #333;
background-color: #f6f6f6;
border-bottom: 1px solid #333;
}

#sidebar li h3 
{
font: 1.4em/1.5em Cambria, Palatino, Palatino Linotype, Hoefler Text, Times, Times New Roman, serif; 
margin: 1em 0 0 .7em;
}

#sidebar li p 
{
margin: 0 0 10px;
}

#sidebar li.blurb ul li 
{
list-style-type: square;
margin: 0 0 0 15px;
}

#sidebar li.blurb ul 
{
margin: 0 0 10px;
}

#footer 
{
clear: both;
width: 960px;
margin: 0 auto;
padding: 0 0 1em 0;
text-align: center;
}

#innerfooter 
{
margin: 0 auto;
padding: 0;
font: 1.2em/1.3em Helvetica, Trebuchet MS, sans-serif;
}

#innerfooter li
{
display: inline;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
line-height: 1.8em;
border-right: 1px solid #ccc;
}

#innerfooter li.last 
{
border: none;
}

#innerfooter #kontaktinfos li 
{
padding: 0 0 0 1.8em;
background-position: 0 55%;
border: none!important;
}

#innerfooter #telefon
{
background: url(images/telefon.gif) no-repeat;
}

#innerfooter #fax
{
background: url(images/fax.gif) no-repeat;
}

#innerfooter #email 
{
background: url(images/email.gif) no-repeat;
}


/*  images  */


#content img, 
#content a:link img, 
#content a:visited img
{
border: 1px solid #999;
padding: 1px;
}

#content a:hover img
{
border: 1px solid #010043;
padding: 1px;
}


/* images float */


img.left,
img.right,
img.center,
img.norm
{
margin: 5px 12px 5px 0;
border: 1px solid #666;
padding: 1px;
}

img.left
{
float: left; 
margin: 0 22px 12px 0; 
}

img.leftohne
{
float: left; 
margin: 0 12px 5px 0; 
border: none!important;
}

img.rightohne
{
float: right; 
margin: 0 0 5px 12px;
border: none!important;
}

img.center
{
display: block;
margin: 0 auto 5px auto;
}

img.right
{
float: right;
margin: 0 0 10px 22px;
}

img align left
{
float: left;
margin: 0 12px 5px 0;
}

.clear:after 
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* headerstrip skip menu */


#headerskipmenu
{
margin: 0;
padding: 0;
width: 960px;
height: 27px;
background: none;
}

#skipmenuleft 
{
font: 1.1em/1.4em Helvetica, Trebuchet MS, sans-serif;
background-color: transparent;
}
	
#skipmenuleft, 
#skipmenuleft ul 
{
list-style: none;
line-height: 1em;
}

#skipmenuleft li 
{
float: left;
list-style: none;
border-right: 1px solid #ccc;
}

#skipmenuleft li.last 
{
float: left;
list-style: none;
border-right: 1px solid #fff;
}

#skipmenuleft a, 
#skipmenuleft a:visited 
{
display: block;
font-weight: bold;
font-size: 1em;
border: none;
color: #002f79;
padding: .6em 1.1em;
}

#skipmenuleft a:hover,
#skipmenuleft a:active 
{
display: block;
font-weight: bold;
font-size: 1em;
border: none;
color: #666;
padding: .6em 1.1em;
}	

#skipmenuright
{
float: right;
font: 1.1em/1.4em Helvetica, Trebuchet MS, sans-serif;
background-color: transparent;
}
	
#skipmenuright, 
#skipmenuright ul 
{
list-style: none;
line-height: 1em;
}

#skipmenuright li 
{
float: left;
list-style: none;
border-right: 1px solid #ccc;
}

#skipmenuright li.feed 
{
float: left;
list-style: none;

margin: 0 0 0 1.5em;
padding: 0 0 0 .8em;
background: url(images/rss.gif) no-repeat 0 4px;
border-right: 1px solid #ccc;
}

#skipmenuright li.last 
{
float: left;
list-style: none;
border-right: 1px solid #fff;
}

#skipmenuright a, 
#skipmenuright a:visited 
{
display: block;
font-weight: bold;
font-size: 1em;
border: none;
color: #002f79;
padding: .6em 1.1em;
}

#skipmenuright a:hover,
#skipmenuright a:active 
{
display: block;
font-weight: bold;
font-size: 1em;
border: none;
color: #666;
padding: .6em 1.1em;
}	

address 
{
display: block;
margin: .5em 0 0 0;
font: 1.3em/1.3em Helvetica, Trebuchet MS, sans-serif;
padding: 1em 0 1em 1em;
height: 180px;
color: #666;
background: #fff url(images/logo_address.jpg) no-repeat 82% 15%;
}

acronym
{
border-bottom: 1px dotted #002f79;
cursor: help;
}

p
{
font-family: Helvetica, Trebuchet MS, sans-serif;
}

#sidebar p.vcard
{
margin: 0 0 1em 0;
padding: 0;
}

#sidebar #infomappe
{
margin: 0;
padding: 0;
height: 150px;
}

#sidebar p.info
{
margin: 0 0 1em 0;
padding: 0;
float: right;
font: 1.3em/1.3em Helvetica, Trebuchet MS, sans-serif;
color: #666;
}

#sidebar #infomappe img
{
margin: 0;
padding: 0;
float: left;
}

/* dashboard */


#dashboard
{
width: 650px;
margin: 2em auto 0 auto;
padding: 0;
background: #fff url(images/.jpg) no-repeat 0 0;
}

#dashboard h2
{
margin: 0;
padding: .2em 0 .4em 1em;
line-height: 1.1em;
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-variant: small-caps;
color: #900;
}

#dashboard .block
{
float: left;
margin: 0;
}

* html #dashboard .block
{
}

#dashboard .first, 
* html #dashboard .first
{
clear: both;
width: 44%;
margin: 0 1.7em 0 0;
}

#dashboard .first p, 
* html #dashboard .first p
{
text-align: left;
}

#dashboard .last, 
* html #dashboard .last
{
width: 52%;
float: right;
margin: 0;
}

#dashboard .last p, 
* html #dashboard .last p
{
text-align: left;
}

#dashboard ul 
{
padding: 0;
margin: 0 0 1em 2em;
list-style-image: url(images/check_kb.png);
}

#dashboard .block .first ul li 
{
padding: 0;
margin: 0 0;
color: #fc0;
}


/*  impressum   */


#impressum
{
margin: 0;
padding: 0;
}

#impressum dl 
{
margin: 1em 0 2em 2em;
font: 1.1em/1.2em Helvetica, Trebuchet MS, sans-serif;
font-weight: normal;
color: #333;
}

#impressum dl dt
{
margin: 1.5em 8em 1em 1em;
font-size: 1em;
font-weight: normal;
border-bottom: 1px solid #ccc;
color: #333;
}

#impressum dl dd 
{
margin: 0.5em 0 0.5em 1.3em;
font-size: 1em;
color: #555;
}


/* team */


#team_wrap			
{ 
width: 600px; 
margin: 50px auto; 
}

#team_wrap .people
{ 
position: relative; 
} 

#team_wrap a
{ 
text-decoration: none; 
color: #002f79; 
display: block;
margin: 0 0 0 270px; 
outline: none; 
padding: 5px; 
}

#team_wrap a img	
{ 
border: 1px solid #ccc; 
}

#team_wrap a:hover
{
background-color: #fff;
text-decoration: none!important;
}

#team_wrap a .name
{ 
font: 1.3em Georgia, Serif; 
}

#team_wrap a:hover .name
{ 
color: #666; 
font-weight: bold; 
text-decoration: none!important;
} 

#team_wrap a:hover img	
{ 
border: 5px solid #002f79; 
margin: -4px; 
}

#team_wrap a .photo			
{ 
display: block; 
position: absolute; 
width: 125px; 
height: 173px;
}

#hanno .photo
{ 
top: 0; 
left: 0; 
}

#irfan .photo
{ 
top: 0; 
left: 134px; 
}

#rainer .photo
{ 
top: 181px; 
left: 0; 
}

#platzhalter .photo		
{ 
top: 181px; 
left: 134px; 
}