/*
  crema WAG! Agentur für neue Medien, Schwetzingen
  http://www.crema.da

  Copyright (c) 2010 crema WAG!
*/
/*
  Vorgaben
  Hintergrund: #FFFFFF
  Hintergrund Website: #27325A
  Helles Orange: #DC953D
  Dunkles Orange: #CE5C1B
  Linkes Menue Hellblau: #ECF0F8
  Textfarbe: #27325A
*/


BODY {
  background-color: #ECF0F8;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  background-repeat: no-repeat;
}

A {
  color: #FFFFFF;
  text-decoration: none;
}

A:hover {
  color: #DC953D;
  text-decoration: underline;
}

#layout-center {
  position: absolute;
  width: 950px;
  left: 50%;
  margin-left: -475px;
}

/* Head Start */

 #layout-txtlogo {
  position: absolute;
  float: left;
  top: 0px;
  left: 0px;
  width: 289px;
  height: 146px;
  background-image:url(img_layout/img_logo-aja-text.jpg);
  z-index: 1;
}

#layout-txtlogo-text {
  position: absolute;
  float: left;
  top: 33px;
  left: 48px;
  width: 289px;
  height: 30px;
  z-index: 1;
}

#layout-txtlogo-textsub {
  position: absolute;
  float: left;
  top: 60px;
  left: 48px;
  width: 289px;
  height: 30px;
  z-index: 1;
}

#layout-anim {
  position: absolute;
  top: 0px;
  left: 288px;
  width: 661px;
  height: 146px;
  z-index: 1;
}

#layout-imglogo {
  position: absolute;
  top: 89px;
  left: 98px;
  width: 115px;
  height: 115px;
  z-index: 2;
}

/* Head End */

#layout-images-right {
  position: absolute;
  top: 375px;
  left: 829px;
  width: 121px;
  height: 152px;
  z-index: 2;
}

#layout-main-container {
  position: relative;
  top: 146px;
  left: 0px;
  width: 950px;
  min-height: 630px;
  background-image:url(img_layout/img_fond-menue-left-color.jpg);
  background-color: #192E5B;
  z-index: 1;
}

#layout-menue-left-container {
  position: relative;
  float: left;
  top: 0px;
  left: -1px;
  width: 289px;
  min-height: 630px;
  background-color: #27325A;
  background-image:url(img_layout/img_fond-menue-left.jpg);
  background-repeat:no-repeat;
  z-index: 1;
}

#layout-menue-left {
  position: relative;
  float: left;  
  top: 80px;
  left: 40px;
  width: 240px;
  color: #FFFFFF;
  z-index: 2;
}

#menue-left-footer {
  position: relative;
  float: left;  
  top: 470px;
  left: 30px;
  width: 240px;
  z-index: 2;
}  

#menue-left-socials-txt {
  position: absolute;
  margin-top: 50px;
  left: 30px;
  width: 240px;
  z-index: 2;
}  

#menue-left-socials-but {
  margin-left: 140px;
  width: 240px;
  z-index: 2;
}  

#layout-content-container {
  position: relative;
  float: left;
  top: 0px;
  left: -1px;
  width: 661px;
  min-height: 600px;
  background-color: #27325A;
  background-image:url(img_layout/img_fond-content-center.jpg);
  background-repeat:no-repeat;
  display: inline;
  z-index: 1;
} 

#layout-slogan-top {
  position: relative;
  top: 85px;
  left: -650px;
  width: 600px;
  height: 50px;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  z-index: 1;
}

#layout-menue-top {
  position: relative;
  top: -35px;
  left: 50px;
  width: 490px;
  height: 100px;
  z-index: 20;
}

#layout-content {
  position: relative;
  top: -20px;
  left: 50px;
  width: 480px;
  z-index: 1;
}

#footer {
  position: relative;
  clear: left;
  left: 290px;
  top: 0px;
  padding: 0;
  margin: 0;
  width: 658px;
  height: 30px;
  background-image:url(img_layout/img_fond-menue-left-color.jpg);  
  background-color: #192E5B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  font-weight: normal;
  z-index: 2;
  text-align: left;
  vertical-align: middle;
}

/* Textdesign */



.txt-logo-company {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.22em;
	color: #27325A;
	font-weight: bolder;
	letter-spacing: -0.04em;
	white-space: normal;
	font-style: normal;
}

.txt-logo-company-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #CE5C1B;
	font-weight: normal;
	letter-spacing: 0em;
	white-space: normal;
	font-style: normal;
}

.txt-headline-top {
  color: #CE5C1B;
  font-size: 14px;
  font-weight: normal;
}

.txt-normal {
  color: #27325A;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
}

a.txt-normal {
  color: #CE5C1B;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
  text-decoration: underline;  
}

.txt-bold {
  color: #27325A;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  font-style: normal;  
}

.txt-normal-white {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
}

a.txt-normal-white {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
  text-decoration: underline;  
}

.txt-bold-white {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  font-style: normal;  
}

.txt-menue-left-footer {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
}

.txt-aufzaehlung-normal {
  margin-left: -25px;
  color: #27325A;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  font-style: normal;
}

/* Map Infoboxes */

a.infobox { 
  border-bottom: 1px dashed #c30; 
  text-decoration:none; 
}

a.infobox:hover { 
  cursor:help; 
  color:#c30; 
  background:white; 
}

a.infobox span { 
  visibility:hidden; 
  position:absolute; 
  left:-99em;
  margin-top:1.5em; 
  padding:1em; 
  text-decoration:none; 
}

a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
  visibility:visible; left:1em;
  border:1px solid #c30; color:blue; background:white; 
}

#hovermap2 {
  position:absolute; 
  left: 340px;
  top: 121px;
  height: 50px;
  width: 50px;
  z-index: 3;
}