/*///////////////////////////////////////////////////////////////////
// 2009-02   | STERN+HUBER                                         //
// Project   | Kreativraum Stuttgart                               //
// Author    | Karsten Meyer |                  //
// modified  | 27.02.2009 by Karsten Meyer                         //                                                   
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

/* # basics ########## */
HTML {
	margin:0;
	padding:0;
}
BODY {
	text-align: center;
	color: #7b7b7b; /*a5a5a6;*/
	direction: ltr;
	font: 11px  Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
  background: #fff url(/de/images/layout/bg_body2.gif) 0 76px repeat-x;
  /*background: #fff url(/de/images/layout/bg_body.gif) 0 298px repeat-x;*/
}

#container {
 position:relative;
	margin:76px auto;
	text-align: left;
	width:951px;
}

TABLE, TR, TD, TH {
	font: 11px  Arial, Tahoma, sans-serif;
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	}

A:link,
A:active,
A:visited,
A:hover {
  color:#008dd1;
  text-decoration:none;
}
A:hover {
  color:#666;
}

A IMG,
IMG {
	border:0;
}

H1 {
	font-size:13px;
  margin:0;
	padding-bottom:12px;
	color:#008dd1;
}

H2,H3,H4,H5,H6 {
	font-size:13px;
	font-weight:700;
  margin:0;
	padding-bottom:0px;
}

P	{
  padding:0 0 20px 0;
  margin:0;
}

.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }


/* # header area ############### */
#header {
  position:relative;
	width:951px;
	height:228px;	
  background: transparent url(/de/images/layout/bg_header.gif) 21px 0 no-repeat;
}
#logo {
  position:absolute;
  left:41px;
  top:0;
  width: 359px;
  height: 203px;
}

#navigation-area {
  position:absolute;
  left:732px;
  top:0;
  width: 212px;
  height: 222px;
	background-color:#fff;
}
#whitestuff {
  position:absolute;
  left:732px;
  top:223px;
  width: 75px;
  height: 8px;
	background-color:#fff;
	z-index:15;
}
#bigwhitestuff {
  position:absolute;
  right:927px;
  top:0px;
  width: 5000px;
  height: 220px;
	background-color:#fff;
}

#keypart {
  position:absolute;
  left:229px;
  top:0;
  width: 159px;
  height: 19px;
  background: url(/de/images/layout/keypart.gif) no-repeat;  
}
#sponsors {
  position:absolute;
  left:15px; /*right pos:719px*/
  top:0px;
  width: 62px; 
  height: 186px; 
}
#sponsors img {
  margin-bottom:9px;
}


/* # navigation ############### */
#navi {
  position:absolute;
  left:732px;
  top:0;
  width: 212px;
  height: 204px; 
  z-index:10;
}

#navi A:link,
#navi A:active,
#navi A:visited,
#navi A:hover {
  position:relative;
  display:block;
  color:#91cdea;
  text-decoration:none;
  width: 212px;
  height:36px;  
 text-indent:-9999px;
}

#navi #aktuell {
  background: url(/de/images/layout/bg_navi.gif) 0 0 no-repeat;
}
#navi A:hover#aktuell,
#navi #aktuell.current {
  background: url(/de/images/layout/bg_navi.gif) -212px 0 no-repeat;
}
#navi #programm {
  background: url(/de/images/layout/bg_navi.gif) 0 -36px no-repeat;
}
#navi A:hover#programm,
#navi #programm.current {
  background: url(/de/images/layout/bg_navi.gif) -212px -36px no-repeat;
}
#navi #orte {
  background: url(/de/images/layout/bg_navi.gif) 0 -72px no-repeat;
}
#navi A:hover#orte,
#navi #orte.current {
  background: url(/de/images/layout/bg_navi.gif) -212px -72px no-repeat; 
}
#navi #kreativraum {
  background: url(/de/images/layout/bg_navi.gif) 0 -108px no-repeat;
  height:35px;  
}
#navi A:hover#kreativraum,
#navi #kreativraum.current {
  background: url(/de/images/layout/bg_navi.gif) -212px -108px no-repeat;
  height:35px;  
}
#navi #presse {
  background: url(/de/images/layout/bg_navi.gif) 0 -143px no-repeat;
  height:35px;  
}
#navi A:hover#presse,
#navi #presse.current {
  background: url(/de/images/layout/bg_navi.gif) -212px -143px no-repeat;
  height:35px;  
}
#navi #kontakt {
  background: url(/de/images/layout/bg_navi.gif) 0 -179px no-repeat;
}
#navi A:hover#kontakt,
#navi #kontakt.current {
  background: url(/de/images/layout/bg_navi.gif) -212px -179px no-repeat;
}


/* # navigation uk # */
#navi-uk {
  position:absolute;
  left:732px;
  top:0;
  width: 212px;
  height: 204px; 
  z-index:10;
}

#navi-uk A:link,
#navi-uk A:active,
#navi-uk A:visited,
#navi-uk A:hover {
  position:relative;
  display:block;
  color:#91cdea;
  text-decoration:none;
  width: 212px;
  height:36px;  
 text-indent:-9999px;
}

#navi-uk #aktuell {
  background: url(/en/images/layout/bg_navi_uk.gif) 0 0 no-repeat;
}
#navi-uk A:hover#aktuell,
#navi-uk #aktuell.current {
  background: url(/en/images/layout/bg_navi_uk.gif) -212px 0 no-repeat;
}
#navi-uk #programm {
  background: url(/en/images/layout/bg_navi_uk.gif) 0 -36px no-repeat;
}
#navi-uk A:hover#programm,
#navi-uk #programm.current {
  background: url(/en/images/layout/bg_navi_uk.gif) -212px -36px no-repeat;
}
#navi-uk #orte {
  background: url(/en/images/layout/bg_navi_uk.gif) 0 -72px no-repeat;
}
#navi-uk A:hover#orte,
#navi-uk #orte.current {
  background: url(/en/images/layout/bg_navi_uk.gif) -212px -72px no-repeat; 
}
#navi-uk #kreativraum {
  background: url(/en/images/layout/bg_navi_uk.gif) 0 -108px no-repeat;
  height:35px;  
}
#navi-uk A:hover#kreativraum,
#navi-uk #kreativraum.current {
  background: url(/en/images/layout/bg_navi_uk.gif) -212px -108px no-repeat;
  height:35px;  
}
#navi-uk #presse {
  background: url(/en/images/layout/bg_navi_uk.gif) 0 -143px no-repeat;
  height:35px;  
}
#navi-uk A:hover#presse,
#navi-uk #presse.current {
  background: url(/en/images/layout/bg_navi_uk.gif) -212px -143px no-repeat;
  height:35px;  
}
#navi-uk #kontakt {
  background: url(/en/images/layout/bg_navi_uk.gif) 0 -179px no-repeat;
}
#navi-uk A:hover#kontakt,
#navi-uk #kontakt.current {
  background: url(/en/images/layout/bg_navi_uk.gif) -212px -179px no-repeat;
}


/* # subnavigation ############### */
#subnavi {
  position:absolute;
  left:407px;
  top:0;
  width: 320px;
  height: 210px;
  overflow:hidden;
  color:#008bcf;
  font-size:12px;
  z-index:15;
}
#subnavi DIV {
  text-align:right;
  position:absolute;
  left:0px;
  width: 320px;
  display:none;
}
#subnavi DIV.current {
  display:block;
  width: 320px;
}
#sub-aktuell { top:4px; }
#sub-programm { top:40px; }
#sub-orte { top:75px;}
#sub-kreativraum { top:111px;}
#sub-presse { top:147px;}
#sub-kontakt { top:183px;}

#subnavi A:link,
#subnavi A:active,
#subnavi A:visited,
#subnavi A:hover{
  display:inline;
  color:#008bcf;
  text-decoration:none;
}
#subnavi A:hover,
#subnavi A.current:visited,
#subnavi A.current:active {
  color:#505050;
}



/* # subsubnavigation ############### */
#subsubnavi {
  position:absolute;
  left:739px;
  top:225px;
  width: 212px;
  height: 204px; 
  z-index:20;
}

#subsubnavi A:link,
#subsubnavi A:active,
#subsubnavi A:visited,
#subsubnavi A:hover{
  display:block;
  color:#008bcf;
  text-decoration:none;
  font-size:12px;
  line-height:20px;
}
#subsubnavi A:hover,
#subsubnavi A.current:visited,
#subsubnavi A.current:active {
  color:#505050;
}

/* # content ############### */
#main {
  position:relative;
	width:705px;
  background-color: #fff;
  padding-left:80px;
  margin-left:22px;
}
#content {
  position:relative;
	width:630px;
  background-color: #fff;
  padding-bottom:20px;
}

#content ul {
  list-style-image:url(/de/images/layout/plus.gif);
  padding: 0 0 0 12px;
  margin-top:3px;
}

#content ul li {
 padding-bottom:6px;
}

#col-left {
  float:left;
	width:275px;
	padding-right:45px;
}
#col-right{
  float:left;
	width:275px;
}

.blue {
  color:#008dd1;
}


/* # map # */
.ort {
  position:absolute;
 width:23px;
 height:23px;
  color:#fff;
}
.ortInside {
	width:133px;
	padding:8px 5px 10px 27px;
  text-align:left;
	background-color:#333;
  filter:alpha(opacity=70);   
  -moz-opacity: 0.7;   
  opacity: 0.7;
  display:none;
}

.ortInside H2 {
  padding-bottom:5px;
}

#hbf {	left:465px;	top:158px; }
#kastell {	left:475px;	top:1px; }
#literaturhaus {	left:194px;	top:245px; }
#rathaus {	left:340px;	top:506px; }
#hdw {	left:304px;	top:279px; }
#schlossplatz {	left:403px;	top:326px; }
#koenigstr {	left:374px;	top:300px; }

.ortInside .kreis  {
 position:absolute;
 z-index:3;
 width:17px;
 height:17px;
 left:5px;
 top:8px;
}


/* programm */
#blauestd {
  background-color:#1e7fd2;
  color:#d6d6d6;
}
#blauestd TD {
  padding:2px 5px;
}

#blauestd TD A:link,
#blauestd TD A:active,
#blauestd TD A:visited,
#blauestd TD A:hover {
  color:#fff;
  text-decoration:none;
}
#blauestd TH {
  color:#fff;
  font-weight:700;
  padding:4px 5px 2px 5px;
  background: #8c8c8c url(/de/images/layout/bg_tab.gif) right bottom no-repeat;  
}

tr.prog-balken {
 background-color:#d6d6d6;
 color:#666;
 height:27px;
}

tr.prog-balken TD A {
 display:block;
 height:27px;
 color:#666;
} 

tr.prog-balken td {
 padding:2px 5px;
}


/* # footer ############### */
#footer {
  position:relative;
	width:630px;
	height:24px;
}
#service {
  position:absolute;
  left:0px;
  top:12px;
  font-size:10px;
  color:#616161;
}
#service A:link,
#service A:active,
#service A:visited,
#service A:hover {
  color:#616161;
  text-decoration:none;
}
#logos {
  position:absolute;
  right:0px;
  top:0px;
	width:324px;
}
/* # END ############### */