@charset "UTF-8";
@import url(reset.css);

/*
 * kolibri shiftctrl (tm) - (X)HTML/CSS Framework
 *
 * @copyright       shiftctrl
 * @license         copyright, all rights reserved
 * @link            http://www.shiftctrl.de
 * @package         kolibri
 * @version         0.9
 * @lastmodified    $Date: 2008-12-30 21:29:18 +0200
*/



html{
	width: 100%;
}

body{
 margin: 0;
 padding: 0;
 background: #e0dfdb url(../../img_de/shared/bg.jpg) repeat-x;
 font-family: Tahoma, Arial, sans-serif;
 color: #666;
 text-align: center;
}


#header{
 width: 945px; height: 17px;
 padding: 0; margin: 0 auto 20px;
 text-align: right;
}

#xtool{
	margin-right: 5px; height: 17px;
}

#xtool #tool_lang { z-index:1; }

#xcontent{
 width: 945px;
 padding: 0;
 margin: 0 auto 0;
 text-align: left; vertical-align: top;
}

#xcopy{
 width: 945px;
 text-align: left;
 margin: 0;
/* border: 1px solid lime;*/
 }
 
 /* ie opti*/
 html>body>#xcontent>#xcopy{
 width: 945px;
 text-align: left;
 margin: 0 0 60px 0;
 }

/* @group kundenlogin */

#log{
 background-color: #d2d2cd;
 width: 238px; height: 56px; float: left; margin: 0 0 0 1px; padding: 0;
 display: none;
}

#log #logform{
 padding: 11px 0 0 17px;
}
/* ff opti*/
 html>body>#xcontent>div>#log #logform{
height: 56px;
padding: 17px 0 0 17px;
}

#log #logform input{
 border: none; background-color: #fff; font-size: 11px; color: #666; padding: 4px;
 width: 160px; font-family: Tahoma, sans-serif;
}

/* @end */

/* @group footer */

#xfooter{
 width: 945px; height: 160px;
 padding: 0; margin: 0 auto 0;
 text-align: left;
 background-color: #fff;
 font-size: 12px;
}



/*#xfooter #ad{
 float: right; margin: 12px 10px 0 0;
 font-size: 11px; color: #aaa;
}*/

#xfooter ul{
  margin: 0; padding: 0; list-style-type: none;
}

#xfooter ul li{
  margin: 0; padding: 0; font-size: 12px;
}

#xfooter .sitemap{
  float: left; margin: 10px 30px 10px 10px; 
}

#xfooter a:link, #xfooter a:visited{
color: #666; text-decoration: none;
}

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

#xfooter a.sitemap_rub{
  color: #033987;
}

#xfooter .rub{
  color: #033987;
}

/* @end */

/* @group navi */

#xnav ul{
  margin: 0; padding: 0; list-style-type: none;
}

#xnav ul li{
  margin: 0; padding: 0;
}

/* @end */

#xclaim{
width: 926px; height: 59px; margin: 0 0 40px 0;
background: url(../../img_de/shared/we.gif) no-repeat;
}

/* @group scontent */

#scontent{
background-color: #fff; float: left; width: 660px; padding: 20px; 
font-size: 14px; line-height: 19px; color: #666; margin: 0 0 20px 0;
/*border: solid 1px #000;*/
}

#scontent p{
  margin-bottom: 19px;
}
#scontent h2{
 font-size: 18px;
 color: #033987; margin: 19px 0 19px 0;
}

#scontent h3{
font-size: 16px; line-height: 19px; color: #666; margin: 8px 0 8px 0;
}

#scontent h4{
font-size: 14px; line-height: 19px; color: #666; margin: 0 0 8px 0;
}

#scontent h5{
font-size: 14px; line-height: 19px; color: #666; margin: 0;
}

#scontent ul{
  margin: 19px 0 19px 0;
}
#scontent ul li {
 list-style-type: square;
  list-style-position: outside;
  margin: 4px 0 4px 19px;
}

/*#scontent .refliste{
  margin-bottom: 5px;
  padding-bottom: 5px; 
  border-bottom: solid 1px #d9d9d9; 
  font-size:12px; line-height: 14px;
}
*/
/* @end */

/* @group referenzen */
/* => referenzliste im content */
#projektliste p{ 
  margin-bottom: 5px;
  padding-bottom: 5px; 
  border-bottom: solid 1px #d9d9d9; 
  font-size:12px; line-height: 14px;
}

#projektlist{
 width: 945px; 
 padding: 0; margin: 0 auto 0;
 text-align: left;
}

.prlist p{
  margin-bottom: 5px;
  /*padding-left: 7px;*/
  padding-bottom: 5px; 
  border-bottom: solid 1px #fff; 
  font-size:12px; line-height: 12px;
}

#pl_2010, #pl_2009, #pl_2008, #pl_2007, #pl_2006, #pl_2005, #pl_2004, #pl_2003, #pl_2002, #pl_2001, #pl_2000{
	display: none; 
}

/*#ref{
 width: 945px;
 padding: 0; margin: 0 auto 0;
 text-align: left;
 font-size: 11px;
}

#ref .refliste{
  margin-bottom: 5px;
  padding-bottom: 5px; 
  border-bottom: solid 1px #fff; 
}
*/



/* @end */
 /* ff opti*/
html>body>#xcontent>#xcopy>#scontent{
background-color: #fff; float: left; width: 660px; padding: 20px; margin: 0 0 20px 0;
}

#rcontent{
background-color: #fff; width: 945px; padding: 20px; 
font-size: 14px; line-height: 19px; color: #666;
}

 /* ff opti*/
html>body>#xcontent>#xcopy>#rcontent{
background-color: #fff; width: 905px; padding: 20px;
}



/* @group nav */

#xnav{
 width: 945px; height: 73px;
 padding: 0; margin: 0 auto 30px;
 text-align: left;
}

#xnav ul { list-style-type:none; margin: 0; }
#xnav li { float: left; margin: 0; padding: 0; }

#snav{
width: 219px; margin: 0 20px 0 0; padding: 0;
float: left; height: 650px;
}

#snav ul { list-style-type:none; margin: 0; padding: 0; }
#snav li { margin: 0 0 16px 0; padding: 0; }

/* @end */

h1{
 font-size: 18px;
 color: #033987; margin: 0 0 19px 0;
}


hr{
border: solid 1px #c1c1bc;
}

.resetbox{
line-height: 0.1em;
margin: 0; padding: 0;
font-size: 0.1em;
}

.xclear{
line-height: 0.1em;
margin: 0; padding: 0;
font-size: 0.1em;
clear: both;
}

/* @group copy */

.copy{
 font-size: 14px; 
 color: #737a7e;
 line-height: 22px; 
 margin: 5px 0 5px 0;
}

.sl{
	font-family: Arial, sans-serif; font-size: 11px; color: #737a7e; margin: 10px 0 0 0;
}

.hl{
  font-size: 20px; color: #737a7e; margin: 5px 0 12px 0; line-height: 26px;
}



/* @end */


/* @group links */
a {
  outline: none;
}


a:link, a:visited{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
 text-decoration: none; 
}

a:hover{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
  text-decoration: underline;
 }
 
 a:active{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
 text-decoration: none; 
}
 
 #scontent a:link,  #scontent a:visited{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
 text-decoration: none; 
}

 #scontent a:hover{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
  text-decoration: underline;
 }

 #scontent a:active{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
  text-decoration: none;
 }

#pviewer a:link, #pviewer a:visited{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
 text-decoration: none;

}
#pviewer a:hover{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
 text-decoration: underline;

}
#pviewer a:active{
 font-family: Tahoma, sans-serif;
 font-size: 12px; color: #033987;
 text-decoration: none;

}

#scontent .xurl:link{
   font-family: Tahoma, sans-serif;
 font-size: 14px; color: #666;
  text-decoration: underline;
}

#scontent .xurl:visited{
   font-family: Tahoma, sans-serif;
 font-size: 14px; color: #666;
  text-decoration: underline;
}

#scontent .xurl:hover{
 font-family: Tahoma, sans-serif;
 font-size: 14px; color: #666;
  text-decoration: none;
}


/* @end */

/* @group projekt viewer */

#pviewer{
	margin: 0 0 20px 0; height: 220px;
}

#pviewer h2 {
font-size: 12px; font-weight: bold; line-height: 16px; margin: 7px 0 0 0; color: #9c9c9c;
}

#pviewer h3 {
font-size: 12px; font-weight: bold; line-height: 16px; margin: 10px 0 10px 0; color: #9c9c9c;
}
#pviewer .high {color: #033987; }

#pviewer #pview1{
	width: 227px; height: 205px; margin: 0 12px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/p1bg.jpg) no-repeat;
}

#pviewer #pview2{
	width: 227px; height: 205px; margin: 0 12px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/p2bg.jpg) no-repeat;
	}
	
#pviewer #pview3{
	width: 227px; height: 205px; margin: 0 12px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/p3bg.jpg) no-repeat;
}

#pviewer #pview4{
	width: 227px; height: 205px; margin: 0; padding: 0;
	float: left;  background: url(../../img_de/shared/p4bg.jpg) no-repeat;
}

#pviewer #thumbview1{
	width: 227px; height: 205px; margin: 0 10px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/thumbbg.jpg) no-repeat;
}

#pviewer #thumbview2{
	width: 227px; height: 205px; margin: 0 10px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/thumbbg.jpg) no-repeat;
}
	
#pviewer #thumbview3{
	width: 227px; height: 205px; margin: 0; padding: 0;
	float: left; background: url(../../img_de/shared/thumbbg.jpg) no-repeat;
}

.newshl{
  font-size: 14px; font-weight:bold; color: #033987; line-height: 19px;
}

/* @end */

/* @group referenzen */
.rviewer{
	margin: 20px 0 20px 0; height: 240px;
}

.rviewer h2 {
font-size: 12px; font-weight: bold; line-height: 16px; margin: 7px 0 0 0; color: #9c9c9c;
}

.rpviewer h3 {
font-size: 12px; font-weight: bold; line-height: 16px; margin: 10px 0 10px 0; color: #9c9c9c;
}

.thumbrview{
	width: 227px; height: 205px; margin: 0 11px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/thumbbg.jpg) no-repeat;
}

.thumbrview1{
	width: 227px; height: 205px; margin: 0 11px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/p2bg.jpg) no-repeat;
}
.thumbrview2{
	width: 227px; height: 205px; margin: 0 11px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/p3bg.jpg) no-repeat;
}
.thumbrview3{
	width: 227px; height: 205px; margin: 0 11px 0 0; padding: 0;
	float: left; background: url(../../img_de/shared/p4bg.jpg) no-repeat;
}

/* @end */

/* @group kontakt */

#sel_anrede {
	width: 150px;
}

.kontaktin{
	border: none; background-color: #dfdfdb; font-size: 12px; color: #000; padding: 2px 5px; width: 500px; font-family: Tahoma, sans-serif;
}

.kontakt_str{
	border: none; background-color: #dfdfdb; font-size: 12px; color: #000; padding: 2px 5px; margin: 0 5px 0 0; width: 450px; font-family: Tahoma, sans-serif;
}

.kontakt_nr{
	border: none; background-color: #dfdfdb; font-size: 12px; color: #000; padding: 2px 5px; width: 35px; font-family: Tahoma, sans-serif;
}

.kontakt_plz{
	border: none; background-color: #dfdfdb; font-size: 12px; color: #000; padding: 2px 5px; margin: 0 5px 0 0; width: 35px; font-family: Tahoma, sans-serif; 
}

.kontakt_ort{
	border: none; background-color: #dfdfdb; font-size: 12px; color: #000; padding: 2px 5px; width: 450px; font-family: Tahoma, sans-serif;
}

.kontakt_txt{
	border: none; background-color: #dfdfdb; font-size: 12px; color: #000; padding: 2px 5px; width: 500px; height: 100px; font-family: Tahoma, sans-serif;
}

.kontakt_bt{
	width: 150px;
}

/* @end */