@charset "UTF-8";
/* CSS Document */

/* ********************** */
/* ********************** */
/*
Stylesheet für Klindworth-Architekten

LicetBovi
www.LicetBovi.com

für
Northpole design
www.northpole.de

/* ********************** */
/* ********************** */

/*  Farbdefinition

#BABCBE --grau --> rechte Flächen (erweiterte Bildbereiche), linke Fläche in Übersichtsseiten,
			Header, Rollover bei Links im Footer

#595A5C - Dunkelgrau --> Fließtext, Headlines


#f9cf00 - orange -->  linke Flächen (Textbereiche), bzw rechte Flächen in Übersichtsseiten, Logo



/* ********************** */
/* ********************** */
/* Generelles **************************************************************** */
html, body
{ 

  padding: 0px; 
  margin: 0px; 
font-family:Verdana, Geneva, sans-serif;
font-size: 11px;
color: #595A5C;
}

div{
	display:block;
}


img{border:none;}

#rahmen {
	
	width:955px;
	margin: 50px auto;
		
}

h1, #pge_tt, #ih_li_t2 .h1l, #ih_li_t2a .h1l
{
	font-family:Verdana, Geneva, sans-serif;
font-size: 21px;
font-weight: normal;
color: #595A5C;

	margin:0px;
	margin-bottom: 0px;
		padding:0px;

}

h1.zeilezwei
{

}



 #ih_li_t2 h2,  #ih_li_t2a h2
{
		font-family:Verdana, Geneva, sans-serif;
		font-weight: normal;
font-size: 18px;	
margin-bottom: -10px;
}


#pge_tt, .h1l
{
text-transform:uppercase;
margin-bottom: 40px;
}

#iedummy
{
	display:none;
}


.download-file
{

margin: 0px;

	
}

/*
.download-file a:link {text-decoration:none; color:#595A5C; }
.download-file a:visited {text-decoration:none; color:#595A5C;}
.download-file a:hover {text-decoration:underline; color:#595A5C; }
.download-file a:active {text-decoration:underline; color:#595A5C; }
*/
 a:link {text-decoration:none; color:#595A5C; }
 a:visited {text-decoration:none; color:#595A5C;}
 a:hover {text-decoration:underline; color:#595A5C; }
 a:active {text-decoration:underline; color:#595A5C; }

.linkarr
{
display:inline;
position:relative;
font-size:18px;
top:2px;
}


/* Header-Bereich **************************************************************** */
/* ************** **************************************************************** */
#header

{
	z-index:3;
	width:955px;
	height:151px;
	background-image:url(img/Header.gif);
	position:absolute;
	top:50px;
}

.ta_right
{
	text-align:right;
}
/* Logo **************************************************************** */

#kw_logo
{
	position:absolute;
	width: 120px;
		height: 120px;
		margin:0px;
		padding:0px;
}
#kw_logo img
{
	border: none;
		width: 120px;
		height: 120px;
}

/* Hauptmenü **************************************************************** */

#hauptmen {

	height: 20px;
	width: 364px;
	left: 580px;
	position: absolute;
	top: 84px;
	padding: 0px 11px 0px 0px;
}

#hmbg
{
	height: 20px;
	width: 364px;
	left: 580px;
	position: absolute;
	top: 84px;
		background-color: #fff;
			padding: 0px 11px 0px 0px;
}
.hmpt
{
	position:relative;

	width:91px;

float: left;
 border:none
}


.hm_img
{
	border:none;
	width:91px;
	height:20px;
}

/* Untermenü**************************************************************** */
.hmpt ul 
{
		background-color: #BABCBE;

	padding: 25px 0px 10px 0px;

	list-style: none;

	margin:-3px -25px 0px 0px;
	
	overflow: visible;
		display: none;
}

.hmpt:hover ul 
{
		display: block;
			overflow: visible;
}
.hmpt ul li
{

	background-color: #BABCBE;
color:#000;
	padding: 8px 10px 0px 10px;
	font-size: 10px;
	overflow: visible;

}
.hmpt ul li a:link {text-decoration:none; color:#fff; margin-right:10px; border:none;}
.hmpt ul li a:visited {text-decoration:none; color:#fff; margin-right:10px; border:none}
.hmpt ul li a:hover {text-decoration:none; color:#000; margin-right:10px; border:none}
.hmpt ul li a:active {text-decoration:none; color:#000; margin-right:10px; border:none}

/* Content-Bereich **************************************************************** */
/* ******************************************************************************* */
#maincontent, #maincontent_1, #maincontent_2, #maincontent_2a,  #maincontent_3, #maincontent_4, #maincontent_t, #maincontent_l
{


	z-index:1;
	margin-top:184px;
	

}
#maincontent_1, #maincontent_2, #maincontent_2a
{
		background: url(img/bgimg.gif) repeat-y top;
}
#maincontent_3
{
		background: url(img/bgimg_3.gif) repeat-y top;
}
#maincontent_4
{
		background: url(img/bgimg_4.gif) repeat-y top;
}

/* Elemente des linken Seitenteils**************************************************************** */
#fr_li {
	float: left;
	height: 100%;
	width: 580px;

	margin-bottom: 0px;
}

#ih_li_t2
{
	margin:20px 120px 50px 30px;
}

#ih_li_t2a
{

	margin:20px 50px 40px 30px;

}


h1.h1bue, #ih_li_t2 h1, h2.h1bue, #ih_li_t2 h1 , #ih_li_t2a h1,  #ih_li_t2a h1
{
	margin:0px;
	margin-bottom:-6px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
font-size: 21px;
font-weight: normal;
text-transform:uppercase;
color: #fff;

}



#ih_li_t2  p
{
line-height:150%;
}


/*Breadcrumb linke Seite */

#bc_g  
{
	font-size: 9px;
		margin-bottom: 10px;
		color:#fff;
}
 #bc_g a:link {text-decoration:none; color:#fff; margin-right:10px;}
#bc_g a:visited {text-decoration:none; color:#fff; margin-right:10px;}
 #bc_g a:hover {text-decoration:none; color:#595A5C; margin-right:10px;}
#bc_g a:active {text-decoration:none; color:#595A5C; margin-right:10px;}


/* Slideshow der Leistungsseite */

#imgwrapperLeist
{
	height:418px;
	width:580px;
	margin:0px;
	padding:0px;
	border:none;
	
}


/* Zweispalter */

.lb_linkeSpalte
{

	width:45%;
	float: left;
	margin:0px;
		padding:0px;
}
.lb_rechteSpalte
{

	width:45%;
	float: right;
		margin:0px;
		padding:0px;
		
}

.lb_linkeSpalte p, .lb_rechteSpalte p
{
	margin-top:17px;
	margin-bottom:0px;
line-height:130%;
}

/* Übersichtsseite Leistungen */
#ih_li_t4
{
	margin:50px 32px 75px 32px;
	

}
#teaserfooter
{
	clear:both;

height: 35px;
	
}
.teaser
{
	
		margin:0px 28px 15px 28px;
		width:115px;
		height:200px;
			color:#fff;
		overflow:hidden;
			float:left;
}
.teaserImg
{
	border:none;
		width:115px;
}
.teaserline, .teamline, .linkline, .aktline
{

		width:115px;
border-style:solid;
border-top-color:transparent;
border-left-color:transparent;
border-right-color:transparent;
	border-width: thin;

		color:#fff;
}

.teaser h2
{
font-weight:normal;
font-size: 12px;
text-transform:uppercase;
margin-bottom:4px;
}
.teaser a:link {text-decoration:none; color:#fff; }
.teaser a:visited {text-decoration:none; color:#fff; }
.teaser a:hover {text-decoration:none; color:#595A5C; }
.teaser a:active {text-decoration:none; color:#595A5C; }


a:link.teaserlinkna {text-decoration:none; color:#fff; border: none;}
 a:visited.teaserlinkna {text-decoration:none; color:#fff; border: none}
 a:hover.teaserlinkna {text-decoration:none; color:#fff; border: none}
 a:active.teaserlinkna {text-decoration:none; color:#fff; border: none}

/* Referenzen */

#ih_li_t2 h1.refhl1
{
/* color: #595A5C; */
color: #595A5C;
text-transform:none;
margin-bottom: 10px;
}
h1.refhl1
{
	margin-top:30px !important;
	margin-bottom: 20px;
}

h2.refhl2
{
	color: #595A5C;
text-transform:none;
font-size:11px !important;
	margin-top:30px !important;
	margin-bottom: 3px !important;
font-weight: bold !important;
	
}

.reftxt
{
	margin:2px 0px 0px 0px;
}
.refteaser
{
	display:none;
	height:0px;
}


.divreflink, .divreflink_a
{
	color: #595A5C;
	font-weight:bold;
	margin-bottom:-28px;
}

 a:link.reflink {text-decoration:none; color:#595A5C; }
 a:visited.reflink {text-decoration:none; color:#595A5C; }
  a:hover.reflink {text-decoration:none; color:#fff; }
 a:active.reflink {text-decoration:none; color:#fff; }


  a:link.reflink_a {text-decoration:none; color:#fff; }
 a:visited.reflink_a {text-decoration:none; color:#fff; }
  a:hover.reflink_a {text-decoration:none; color:#595A5C; }
 a:active.reflink_a {text-decoration:none; color:#595A5C; }

/* Elemente des rechten Seitenteils**************************************************************** */
#bc_w  /*Breadcrumb rechte Seite */
{
	font-size: 9px;
		margin-bottom: 10px;
		
		color:#fff;
}
 #bc_w a:link {text-decoration:none; color:#fff; margin-right:10px;}
#bc_w a:visited {text-decoration:none; color:#fff; margin-right:10px;}
 #bc_w a:hover {text-decoration:none; color:#595A5C; margin-right:10px;}
#bc_w a:active {text-decoration:none; color:#595A5C; margin-right:10px;}
#fr_re {

	float: right;
	
	width: 375px;
	
padding:0px;

}	


/* Bildspalte OHNE Text */
#ih_re_1, #ih_re_2, #ih_re_2a
{
	margin:0px 30px 0px 15px;
		width: 360px;
}

/* Textspalte rechts */
#ih_re_3, #ih_re_4

{
		padding:30px 30px 30px 45px;
		margin:0px;
		width: 285px;
		color: #595A5C ;
	
}

#img_re_1, #img_re_2, #img_re_2a{
	
	width: 360px;
	
	

	padding:0px 0px 0px 0px;

}
/* Bildspalte MIT Text */

#ih_re_2a .fliesstext
{
padding:50px;
color:#000;
}
#ih_re_2a .fliesstext h1
{
	color:#000;
	margin-bottom:0px;
}

#ih_re_2a .fliesstext ul
{
	margin-left:-25px;
}


.textblock
{
	padding:25px;
}

/* Backlink *********************************** */

#backlink{
margin-left:-16px;
}
.backarrow
{
display:inline;
position:relative;

top:2px;
}

/* Footer-Elemente **************************************************************** */
#footer {
background-color: #FFF;
	clear: both;
	height: 50px;
	width: 955px;
}

#footmen
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	position:relative;
	top: 10px;
	margin: 0px;
	
}
#slidelink
{
 /*	float:right;  */
	
margin-left:480px;
margin-top:-15px;


	text-align:right;
	font-size: 10px;
padding-top:5px;
padding-bottom:-6px;
	width:100px;
	height:17px;
	background-color:#e4e5e6;
	
}


/* normale Links */
a:link.fmpt {text-decoration:none; color:#000; margin-right:10px;}
a:visited.fmpt {text-decoration:none; color:#000; margin-right:10px;}
a:hover.fmpt {text-decoration:none; color:#BABCBE; margin-right:10px;}
a:active.fmpt {text-decoration:none; color:#BABCBE; margin-right:10px;}

/* aktive Links */
a:link.fmpt_a {text-decoration:none; color:#BABCBE; margin-right:10px;}
a:visited.fmpt_a {text-decoration:none; color:#BABCBE; margin-right:10px;}
a:hover.fmpt_a {text-decoration:none; color:#BABCBE; margin-right:10px;}
a:active.fmpt_a {text-decoration:none; color:#BABCBE; margin-right:10px;}


/* slide Links */
#slidelink a:link{text-decoration:none; color:#000; margin-right:10px;}
#slidelink a:visited{text-decoration:none; color:#000; margin-right:10px;}
#slidelink a:hover {text-decoration:none; color:#BABCBE; margin-right:10px;}
#slidelink a:active {text-decoration:none; color:#BABCBE; margin-right:10px;}


/* Elemente für die "Home"-Seite**************************************************************** */
.homeani
{
	
margin-top:90px;
margin-bottom:-20px;
margin-left:20px;
}
#container_l
{
	
margin-top:70px;
margin-left:50px;
}

.preloadimg
{

	top:0px;
	left:0px;
		border:none;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;
}
#preloader
{
	top:0px;
	left:0px;
		border:none;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	display:none;	
}
/* Elemente für die "Team"-Seite (tw. auch für Links und Aktuelles verwendet)**************************************************************** */
#imgcont_t
{
	position:fixed;
}

#maincontent_t
{
		background: url(img/bgimg_t.gif) repeat-y top;
}

#maincontent_t #fr_re, #maincontent_l #fr_re {

	float: right;

	width: 275px;
	
padding:0px;

}

#maincontent_t #fr_li, #maincontent_l #fr_li {
	float: left;
	height: 100%;
	width: 665px;

	margin-bottom: 0px;
}

#ih_li_tt, #ih_li_tl
{
	margin:20px 35px 50px 30px;
}

.teamentry, .teamentry_g
{
	
	float: left;
	width:240px;
	height: 230px;
	margin: 0px 30px 35px 30px;
	
}

.teamtexta td, .teamtexta tr, .teamtexta table, .teamtext td, .teamtext tr, .teamtext table
{
	margin-top:5px;
	padding:0px;
	border:none;
	line-height: 12px;
	vertical-align:top;

}


.teamtexta table, .teamtext table
{
	margin-bottom:-20px;

}
.teamentry_g
{
	
		height: 440px;
}
.teamimg
{
	width: 115px;
}
.teamtexta
{
	color:#000;
}
a:link.teamlnk {text-decoration:none; color:#595A5C; border: none;}
 a:visited.teamlnk {text-decoration:none; color:#595A5C; border: none}
 a:hover.teamlnk {text-decoration:none; color:#fff; border: none}
 a:active.teamlnk {text-decoration:none; color:#fff; border: none}

a:link.teamlnka {text-decoration:none; color:#fff; border: none;}
 a:visited.teamlnka {text-decoration:none; color:#fff; border: none}
 a:hover.teamlnka {text-decoration:none; color:#595A5C; border: none}
 a:active.teamlnka {text-decoration:none; color:#595A5C; border: none}


/* Elemente für die "Aktuelles"-Seite**************************************************************** */
.aktentry
{
	
	float: left;
	width:230px;
	height: 220px;
	margin: 0px 35px 35px 35px;

}

.aktimg, .aktline
{
	width: 230px;
}

.akttexta, .akttexta h1
{
	color:#000;
}

.akttext
{
	color:#595A5C;
}
.akttexta h1, .akttext h1

{
	text-transform: uppercase;
	font-size:10px;
}

a:link.aktlnk {text-decoration:none; color:#595A5C; border: none;}
 a:visited.aktlnk {text-decoration:none; color:#595A5C; border: none}
 a:hover.aktlnk {text-decoration:none; color:#fff; border: none}
 a:active.aktlnk {text-decoration:none; color:#fff; border: none}

a:link.aktlnka {text-decoration:none; color:#fff; border: none;}
 a:visited.aktlnka {text-decoration:none; color:#fff; border: none}
 a:hover.aktlnka {text-decoration:none; color:#595A5C; border: none}
 a:active.aktlnka {text-decoration:none; color:#595A5C; border: none}

/* Elemente für die "Link"-Seite**************************************************************** */

.linkbg
{
		position:relative;
	width: 115px;
	height: 120px;
	background-color:#BABCBE;

	overflow:visible;
}

.linkbg img
{
	position:absolute;
	bottom:0px;
}
#maincontent_l
{
		background: url(img/bgimg_l.gif) repeat-y top;
}

/* "Datenschutz"-Seite**************************************************************** */

.dat
{
	
	color: #595A5C;
	margin-top: 10px;
}

.dat h2
{
	color: #595A5C;
	font-size: 10px !important;
	font-weight: bold !important;
		margin-top: 50px;
			margin-bottom: 20px!important;
		
}