@import "lattner.css";

/***********  reset.css **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color:#45708f ;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color: #d5e3ea;
	
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/*** Ende reset.css ***/

html, body { height: 100%; margin-bottom: 1px; }

body {
	text-align: center;
	font-size: 12px;
	background-color: e7e5e5;
	
}

#container-wrapper {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	background: white;
	width: 686px;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	border: thin solid #fdfdfd;
	font-family: inherit;
}

#container {
	width: 646px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	text-align: left;
	margin: auto;
	background-color: white;
}
#header-image {
  border-top: 1px solid white; 
  height: 158px;
}
#header-image div {
  height: 158px;
}
#content, #footer {
  color:#50849F;
font-family:Verdana,Arial,Helvetica,sans-serif;;
font-size:10px;
line-height:15px;
padding-top: 25px;
padding-bottom: 20px;
}
#footer {
  background: #DCE6EC;
  padding-top: 5px;
}
#footer-left {
  float: left;
  padding-left: 5px;
}
#footer-right {
  position: absolute;
  right: 17px;
  bottom: 0px;
  z-index: 11;
}



#footer a {
 color: #50849F;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
.content-item-wrapper {
  padding-bottom: 10px;
  z-index: 11;
  width: 100%;
}
.content-item-left {
  float:left;
  width: 163px;
  text-align: right;
}
.content-item-right {
 float:left;
 width: 448px;
 padding-left: 17px;
}

p {
  padding-bottom: 14px;
}

ul {

}

li {

}
h1 {

}
h2 {
  font-weight: bold;
  padding-bottom:10px;
}
h3{

}

/** Header Image Backgrounds **/

.startseite #header-image  {
 background: url(../images/startseite.jpg) no-repeat;}
.agentur #header-image  {
 background: url(../images/agentur.jpg) no-repeat;
}
.kontakt #header-image  {
 background: url(../images/kontakt.jpg) no-repeat;
}
.referenzen #header-image  {
 background: url(../images/referenzen.jpg) no-repeat;
}
.service #header-image  {
 background: url(../images/service.jpg) no-repeat;
}
.lexikon #header-image  {
 background: url(../images/lexikon.jpg) no-repeat;
}


/*** Menu ***/

/** Hauptmenu oben **/
#menu-top {
  height: 22px;
  background: #52869E;
  font-family: Arial,helvetica,sans-serif;
  position: relative;
  padding-right: 0;
  margin-right: 0;
}
#topmenu-left {
  position: absolute;
  z-index: 1;
}

#topmenu-left a {
  float: left;
  width: 180px;
  color: #52869E;
  text-transform: uppercase;
  text-decoration: none;
   font-size: 0.93em;
   font-weight: bold;
   letter-spacing: 1px;
   padding: 6px 6px 5px 28px;
   background: url(../images/pfeil-home.png) no-repeat 10px 5px;
}
#topmenu-left a:hover {
  background: #C7222C url(../images/pfeil-home-hover.png) no-repeat 10px 5px;
  color: #FBF3F4;
  
}
div#topmenu-right {
  position: absolute;
  right: 0;
  z-index: 2;
}
#topmenu-right ul {
 margin-right: 0;
 padding-right: 0;
}
#topmenu-right ul li {
  display: inline;
}
#topmenu-right ul li a {
   color: #EFF7FB;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 0.93em;
   font-weight: bold;
   letter-spacing: 1px;
   float: left;
   display: inline;
   text-align: center;
   /*padding: 6px 1px 5px 0;*/
   padding: 0 1px 0 0;
   line-height: 22px;
   background: #52869E;
}
#topmenu-right ul li a.first {
  width: 88px;
}
#topmenu-right ul li.active a.first {
  border-right: 1px solid white;
  padding-right: 0;
}
#topmenu-right ul li a.second {
  width: 89px;
}
#topmenu-right ul li.active a.second {
  border-right: 1px solid white;
  padding-right: 0;
}
#topmenu-right ul li a.third {
  width: 103px;
}
#topmenu-right ul li.active a.third {
  border-right: 1px solid white;
  padding-right: 0;
}
#topmenu-right ul li a.fourth {
  width: 87px;
}
#topmenu-right ul li.active a.fourth {
  border-right: 1px solid white;
  padding-right: 0;
}
#topmenu-right ul li a.last {
  width: 88px;
  padding-right: 7px;
}
#topmenu-right ul li.active a.last {
  border-right: 1px solid white;
  padding-right: 6px;
  }
#topmenu-right ul li.active a,
#topmenu-right ul li.active a:hover {
  background: #96B5C5;
}

#topmenu-right ul li a:hover {
  background: #C7222C;
}

/** Secondary Menu **/
#menu-secondary {
  height: 19px;
  background: #96B5C5;
  font-family: trebuchet ms,Arial,helvetica,sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  line-height: 1;
}

.lexikon #menu-secondary {
 border-right: 1px solid white;
}
#menu-secondary-container {
  border-right: 1px solid white;
  height: 100%;
  background: #52869E;
  text-align: right;
}

/*** Temporary für Test Varianten Submenu  **/
/*.agentur #menu-secondary-container {
  width: 456px;
  float: right;
  display: inline;
  margin-left: 269px;
  border-left:1px solid white;
  border-right: none;
  text-align: left;
  padding-left: 10px;
}
.agentur #header-image  {
 background: url(../images/agentur-rechts.jpg) no-repeat;
}
.agentur-rechts #header-image  {
 background: url(../images/agentur.jpg) no-repeat;
}
.agentur-rechts #menu-secondary-container {
  width: 268px;
}*/

#menu-secondary ul li a {
  text-transform: none;
  font-size: 10px;
  font-family: verdana,trebuchet ms,helvetica,sans-serif;
  line-height: 19px;  
}
/*.service #menu-secondary ul li a {
  font-weight: normal;
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
}*/

/*** Ende Temporary Submenu ***/

.agentur #menu-secondary-container {
  width: 268px;
}

.kontakt #menu-secondary-container {
  width: 358px;
}
.referenzen #menu-secondary-container {
  width: 462px;
}
.service #menu-secondary-container {
  width: 550px;
}
.lexikon #menu-secondary-container {
  width: 645px;
}
#menu-secondary ul {
  padding-right: 6px;
}

#menu-secondary ul li {
  display: inline;
}
#menu-secondary ul li a {
  color: white;
   text-decoration: none;
   font-size: 1em;
   
   letter-spacing: 1px;
   text-align: center;
   padding: 3px 5px;
   
   /*display: block;
   float: right;*/
   line-height: 20px;
   color: #B9D3DF;
   text-transform: none;
  font-size: 10px;
  font-family: verdana,trebuchet ms,helvetica,sans-serif;
  line-height: 19px; 
 }
#menu-secondary ul li.active a,
#menu-secondary ul li a:hover {
  color: white;
  
}


/***** Einzelne Seiten *****/

/** Startseite **/

.startseite #content {
	position: relative;
	z-index: 10;
	padding-bottom: 115px;
	background: #FFF url(../images/startseite-unten-grafik-neu.png) no-repeat 85px bottom;
	left: 2px;
	top: 1px;
}
/*** Thickbox ***/
#TB_closeWindow .close-text,
#TB_closeWindow .close-image {
  float: right;
  display: inline;
}
#TB_closeWindow .close-text {
  padding-top: 13px;
  font-size: 11px;
  padding-right: 5px;
}
#TB_closeWindow a .close-text  {
  text-decoration: none;
}



/*** Helper ***/

.cleardiv {
clear:both;
font-size:0;
height:0;
line-height:0;
padding:0.01px;
}
.Linksimtext {
	color: #56869D;
	text-decoration: underline;
}
.Biofarbe {
	color: #090;
}
.Impressumfarbe {
	color: #98B5C4;
	text-decoration:none
}


div#container-shadow-right_oben {
	margin: auto;
	width: 696px;
	background-image: url(../images/Schatten-BS-rechtsoben.jpg);
	background-repeat: no-repeat;
	background-position: 850px;
}

div#container-shadow-right {
	width: 105%;
	background-image: url(../images/Schatten-BS-rechtsunten.jpg);
	background-repeat: repeat-y;
	background-position: 100% 50%;
}
div#container-shadow-bottom-right {
	width: 100%;
	background-image: url(../images/Schatten-BS-untenrechts.jpg);
	background-repeat: no-repeat;
	background-position: 200px 790px;	
 }
div#container-shadow-bottom-left {
	width: 90%;
	padding-bottom:70px;
	padding-top:0px;
	background-image: url(../images/Schatten-BS-untenlinks.jpg);
	background-repeat: no-repeat;
	background-position: 200px 664px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}
div#container-weisshintergrund {
  background: #fff;
  padding: 41px 0;
  margin:auto;
  width: 876px;
  
}



#content {
	background-color:#FFF
	}
.active02 {
	color: #F00;
}