/* CSS Document */
html{
width:100%;	
}
BODY{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

	color:#000000;
	border:none;
	 background-color:#35608a;
	background-image:url(/media/inx/higru_blue.jpg);
	background-repeat:repeat-x;
  height:100%;
  width:100%;
  margin:0px;
/*
  
grün Prgrmm #1fa22e;
grün trans #dbebdc;
gelb bilder #ffed00
orange special #f3b621;
grau #989898;
dunkelgrau #575757;
blau #35608a

*/

}
/*////////////////////////////////////////////////////////////////////
/////////////////////////////////Positionierung///////////////////////////
//////////////////////////////////////////////////////////////////////////*/


div.page {
	
	margin:auto;
	width:950px;
	
}
.galleryhigru {
	background-color:#ffed00;
	
	
}
.programmhigru {
	background-color:#1fa22e;
	
	
}
.infohigru {
	background-color:#35608a;
	
	
}
div.higru_top {
	float:left;
	 
	width:949px;
	height:195px;
	background-image:url(/media/inx/higru_top.png);
	background-repeat:no-repeat;
}

div.higru_mid {
	float:left;
	 
	
	width:949px;
	min-height:450px;
	background-image:url(/media/inx/higru_mid.png);
	background-repeat:repeat-y;
}

div.higru_bottom {
	float:left;
	 
	width:949px;
	
	background-image:url(/media/inx/higru_bottom.png);
	background-repeat:no-repeat;
	background-position:top center;
	
}


.breadcrump{
margin-left:50px;

color:#575757;
font-size:10px;
width:700px;
text-transform:uppercase;

}

div.nav {
color:#575757;
font-size:10px;
margin-left:50px;
margin-top:10px;
width:700px;
}
div.subHead {
	float:left;
	margin-left:50px;
	margin-top:18px;
	width:900px;
	height:19px;
}
#socialBut {
	float:left;
	margin-left:50px;
	margin-top:50px;
	width:900px;
	height:33px;
}
#socialBut img{
	margin-right:3px;
	border:0;
}

div.menuGotec {
	float:left;
	/*margin-left:295px;/*/
	margin-top:12px;
	width:100%;
	height:41px;

margin-left:auto;
margin-right:auto;
}


div.logo {
	
	position:absolute; 
	
	left:50%; 
	top:-10px;
	margin-left: 210px;
	width:198px;
	height:241px;
}


/*------------------------------------left container csss--------------------------*/
.containerLeft{
width:200px;
margin-top:10px;
	
}
div.containerProgramm {
	float:left;
	margin-left:50px;
	margin-top:28px;
	width:195px;
	height:49px;
		 
}
.containerProgrammTop{
float:left;
background-image:url(/media/inx/containerProgramm01.jpg);
background-repeat:no-repeat;
height:30px;
width:195px;
}
.containerProgrammMid{
float:left;
background-image:url(/media/inx/containerProgramm02.jpg);
background-repeat:repeat;
min-height:30px;
width:195px;
}
.containerProgrammBottom{
float:left;
background-image:url(/media/inx/containerProgramm04.jpg);
background-repeat:no-repeat;
height:20px;
width:195px;
}
#containerProgrammFloati {
	 
margin:8px 0 0 8px;	 
	width:184px;
	height:auto;
}


div.containerInfo {
	float:left;
	margin-left:50px;
	margin-top:5px;
	width:195px;
	height:149px;
		 
}
.containerInfoTop{
float:left;
background-image:url(/media/inx/containerInfo01.jpg);
background-repeat:no-repeat;
height:30px;
width:195px;
}
.containerInfoMid{
float:left;
background-image:url(/media/inx/containerInfo02.jpg);
background-repeat:repeat;
min-height:50px;
width:195px;
}
.containerInfoBottom{
float:left;
background-image:url(/media/inx/containerInfo04.jpg);
background-repeat:no-repeat;
height:20px;
width:195px;
}
#containerInfoFloati {
	 
margin:8px 0 0 7px;	 
	width:184px;
	height:auto;
}


div.containerBilder {
	float:left;
	margin-left:50px;
	margin-top:100px;
	width:195px;
	height:192px;
		 
}
.containerBilderTop{
float:left;
background-image:url(/media/inx/containerBilder01.jpg);
background-repeat:no-repeat;
height:30px;
width:195px;
}
.containerBilderMid{
float:left;
background-image:url(/media/inx/containerBilder02.jpg);
background-repeat:repeat;
min-height:50px;
width:195px;
}
.containerBilderBottom{
float:left;
background-image:url(/media/inx/containerBilder04.jpg);
background-repeat:no-repeat;
height:20px;
width:195px;
}
#containerBilderFloati {
	float:left;
	
	margin:8px 0 0 8px;
	width:184px;
	height:auto;
	pad
}

div.containerSpecials {
	float:left;
	margin-left:50px;
	margin-top:0px;
	width:195px;
	height:192px;
		 
}
.containerSpecialsTop{
float:left;
background-image:url(/media/inx/containerSpecials01.jpg);
background-repeat:no-repeat;
height:30px;
width:195px;
}
.containerSpecialsMid{
float:left;
background-image:url(/media/inx/containerSpecials02.gif);
background-repeat:repeat;
min-height:50px;
width:195px;
}
.containerSpecialsBottom{
float:left;
background-image:url(/media/inx/containerSpecials04.jpg);
background-repeat:no-repeat;
height:20px;
width:195px;
}


#containerSpecialsFloati {
	float:left;
	 margin:8px 0 0 8px;
	width:180px;
	height:auto;
}


.containerHead_w{
	postition:absolute;
	color:#FFFFFF;
	font-size:16px;
	padding-left:6px;
	padding-top:9px;
	text-decoration:none;
}
.containerHead_w a{
	
	color:#FFFFFF;
	
	text-decoration:none;
}
.containerHead_w a:hover{
	
	color:#FFFFFF;
	
	text-decoration:none;
}
.containerHead_w a:active{
	
	color:#FFFFFF;
	
	text-decoration:none;
}
.containerHead_s{
	postition:absolute;
	color:#000000;
	font-size:16px;
	padding-left:6px;
	padding-top:9px;
	text-decoration:none;
}
.containerHead_s a{
	
	color:#000;
	
	text-decoration:none;
}
.containerHead_s a:hover{
	
	color:#000;
	
	text-decoration:none;
}
.containerHead_s a:active{
	
	color:#000;
	
	text-decoration:none;
}


div.containerMain {
	float:right;
	margin-right:50px;
	margin-top:44px;
	width:601px;
	main-height:450px;
}
#programmHeaddiv{
position:absolute;
	
left:0px;
	top:6px;
width:195px;
	height:25px;

}






.floati{
float:left;
width:177px;
padding:2px 2px 2px 2px;

}
.clearer{
  clear: both;
  font-size: 0px;
  height: 1px;
}
/*///////////////
Formatierungen KOMMENTARE
//////////////////*/

#comments{
	float:left;
	width:100%;
}






/*///////////////
Formatierungen PROGRAMM
//////////////////*/



.homeProgrammDate{
color:#ffffff;
background-color:#1fa22e;
float:left; width:158px; height:26px; font-size:20px;
padding:0 3px 0 3px;
text-align:center;
}
.homeGalleryDate{
color:#000;
background-color:#ffed00;
float:left; 
width:155px; 
height:26px; 
font-size:20px;
padding:0 3px 0 3px;
text-align:center;
}
.homeProgrammDateSubspacer{
float:left;
width:105px;

}
.homeProgrammGenre{
float:left;
margin-bottom:5px;
background-color:#1fa22e;
width:600px;
height:23px;
color:#fff;
font-size:16px;
padding-left:3px;
padding-top:1px;
padding-bottom:0px;
}
.homeGalleryGenre{
float:left;
margin-bottom:5px;
background-color:#ffed00;
width:600px;
height:23px;
color:#000;
font-size:16px;
padding-left:3px;
padding-top:1px;
padding-bottom:0px;
}
.homeProgrammHead{
float:left; 
width:420px; 
height:22px; 
font-size:20px;
margin-left:5px;

}
.homeGalleryHead{
float:left; 
width:420px; 
height:22px; 
font-size:20px;
margin-left:5px;

}
.homeInfoGenre{
float:left;
margin-bottom:5px;
background-color:#35608a;
width:600px;
height:23px;
color:#fff;
font-size:16px;
padding-left:3px;
padding-top:1px;
padding-bottom:0px;
}
.homeSpecialGenre{
float:left;
margin-bottom:5px;
background-color:#989898;
width:600px;
height:23px;
color:#000;
font-size:16px;
padding-left:3px;
padding-top:1px;
padding-bottom:0px;
}
a.homeProgrammHead{
color:#1fa22e;
text-decoration:none;
}
a.homeProgrammHead:hover{
color:#1fa22e;
text-decoration:none;
}
homeGalleryHead a{
color:#ffed00;
text-decoration:none;
}

.homeProgrammPrice {
float:left; 
padding-right:25px;
height:16px; 
font-size:12px;
padding-left:172px;
margin:3px 0 2px 0;
}
.homeProgrammSubhead{
float:left;  
width:420px; 
font-size: 14px;

margin-left:172px; 

}
.homeGallerySubhead{
float:left;  
width:420px; 
font-size: 14px;

margin-left:172px; 

}

.homeProgrammTime {
float:left; 
font-size:12px;

margin:3px 0 2px 0;
}
.homeProgrammMstyle{
float:left;
height:16px;
font-size:12px;
padding-left:172px;
padding-bottom:14px;
margin:3px 0 2px 0;
}
.homeProgrammFlyer {
float:none; 
left:0px; 
width:600px; 
height:auto;
margin-top: 80px;
position:static;
text-align:center;
}
.homeProgrammFlyer img{
border:none;


}
.homeProgrammFlyerDetail {
float:left; 
left:0px; 
width:600px; 
height:auto;
margin:0 10px 10px 0;
position:static;
text-align:justify;
}
.homeProgrammFlyerDetail img {
float:left; 

width:300px; 
height:auto;
margin:0 10px 10px 0;

text-align:justify;
}

.homeProgrammMoreInfo {
float:right;
}

.homeProgrammSpacer {
float:left;
width:10px;
height:38px;
}
.homeProgrammSpacerSubhead{
float:left;
width:115px;
height:12px;

}
.homeProgrammFooter{
	float:left;
	width:100%;
background-color:#1fa22e;
height:2px;
margin-top:8px;
margin-bottom:18px;

}

/*///////////////
Formatierungen GALERIE
//////////////////*/



.galerieDate{
color:#ffffff;
background-color:#1fa22e;
float:left; width:135px; height:23px; font-size:18px;
padding:0 3px 0 3px;
text-align:center;
}

.galerieHead{
float:left; width:420px; height:19px; font-size:18px;
margin-left:5px;
}
a.galerieHead{
color:#1fa22e;
text-decoration:none;
}

.galerieSubhead{
float:left; top:19px; width:420px; height:16px;  margin-left:152px; overflow:hidden;
}
.galerieMstyle{
float:left; font-size:10px;
margin-left:152px;
width:250px;
margin-bottom:4px;
}

.galeriePix {
float:left; left:0px; top:43px; width:600px; height:auto;

}


.galerieFooter{
background-color:#1fa22e;
height:2px;
margin-top:8px;
margin-bottom:18px;

}

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

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

.containerHead_w{
	postition:absolute;
	color:#FFFFFF;
	font-size:16px;
	padding-left:6px;
	padding-top:9px;
	text-decoration:none;
}
.containerHead_s{
	postition:absolute;
	color:#000000;
	font-size:16px;
	padding-left:6px;
	padding-top:9px;
	text-decoration:none;
}
#programmLinkActive{
color:#ffffff;
background-color:#dbebdc;
}



a.programmlink:link { text-decoration: none; color:#000000;  }
a.programmlink:visited { text-decoration: none; color :#000000; }
a.programmlink:active { text-decoration: none; color: #000000; }
a.programmlink:hover { text-decoration: none; color: #000000; 
/*padding-left:8px; background-image:url(/media/inx/higru_blanco.png);  */}

#containerProgrammFloati .floati:hover{
	background:#dbebdc;
	
}

a.infolink:link { text-decoration: none; color:#000000;  }
a.infolink:visited { text-decoration: none; color :#000000; }
a.infolink:active { text-decoration: none; color: #000000; }
a.infolink:hover { text-decoration: none; color: #000000;  }

#containerInfoFloati .floati:hover{
	background:#c6dff7;
	
}

a.subheadlink:link { text-decoration: none; color:#575757;  }
a.subheadlink:visited { text-decoration: none; color :#575757; }
a.subheadlink:active { text-decoration: none; color: #575757; }
a.subheadlink:hover { text-decoration: none; color: #000000;  }



.footerText{
	float:left;
	
width:850px;
margin-top:13px;
text-align:center;
/*border-top:1px solid #666666; */
color:#ffffff;
margin-left:auto;
margin-right:auto;

}
a.footerLink{
	
color:#ffffff;

}
.sitemapFooter{
float:left;
width:850px;
margin-left:50px;
margin-top:30px;
margin-bottom:15px;
}
.sitemapBox{
float:left;
width:20%;
background-image:url(/media/inx/higru_blanco.png);
background-repeat:repeat;
}
p.sitemapHeadInfo{
	margin-right:5px;
border-bottom:1px solid #575757;	
border-top:1px solid #575757;
}
p.sitemapHeadProgramm{
	margin-right:5px;
border-bottom:1px solid #575757;
border-top:1px solid #575757;
}
p.sitemapHeadBilder{
	margin-right:5px;
border-bottom:1px solid #575757;
border-top:1px solid #575757;
}
p.sitemapHeadSpecials{
	margin-right:5px;
border-bottom:1px solid #575757;
border-top:1px solid #575757;
}
p.sitemapHeadIntern{
	margin-right:5px;
border-bottom:1px solid #575757;
border-top:1px solid #575757;
}


/*///////////////////// breadcrump format //////////////////////////////////////////////*/
div.breadcrump a {
color:#575757;	
text-decoration:none;
text-transform:uppercase;
}
div.breadcrump a:hover {
color:#333;	
text-decoration:none;
text-transform:uppercase;
}

/*////////////////////////// gallery format //////////////////////////////////////////////*/
div.controls{    /* container für alle gallerycontroler*/
	margin:5px 0 5px 0;
}

a.play{		/* classe für Play slideshow*/
	  color:#575757;
	  text-decoration:none;
	 
	  }

a.prev{			/* classe für prev photo slideshow*/
	color:#575757;
	  text-decoration:none;
}

a.next{			/* classe für next photo slideshow*/
	color:#575757;
	  text-decoration:none;
}
a.play:hover{		/* classe für Play slideshow*/
	  color:#333;
	  text-decoration:none;
	 
	  }

a.prev:hover{			/* classe für prev photo slideshow*/
	color:#333;
	  text-decoration:none;
}

a.next:hover{			/* classe für next photo slideshow*/
	color:#333;
	  text-decoration:none;
}
a.pagelink{
	margin:0px 10px 0px 10px;
	
	}
#slideshow{
	text-align:center;
	margin:5px;
	
	
}
#controls{
	marign-bottom:8px;	
	width:100%;
	float:left;
	border-bottom:1px solid #ffed00;
}
.photo-gallery{
float:left;
width:32%;
height:210px;
overflow:hidden;
margin:3px;
border:1px solid #ffed00;
background:#fffde2;

	
}
.gallery-photo{
	 text-align: center;
	 vertical-align:bottom;
}
.gallery-photo a img{
	vertical-align:bottom;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	border:0;
}
#page_controls{
float:right;
width:99%;
text-align:right;
}


/*////////////////////////// gallery format //////////////////////////////////////////////*/
.comments{
float:left;
width:600px;
	
}

h2{
margin:2px;	
}
h3 {
	font-size:13px;
	height:24px;
	text-transform:uppercase;
	padding:5px;
	margin:3px 0 8px 0;
}
a{		/* classe für Play slideshow*/
	  color:#575757;
	  text-decoration:none;
	 
	  }
	 
a:hover{		/* classe für Play slideshow*/
	  color:#333;
	  text-decoration:none;
	 
	  }
a:active{		/* classe für Play slideshow*/
	  color:#575757;
	  text-decoration:none;
	 
	  }
p.floatLe{
	float:left;
}
p.floatRe{
	float:right;
}

/*
grün Prgrmm #1fa22e;
grün trans #dbebdc;
gelb bilder #ffed00
hellgelb galler #fffde2
orange special #f3b621;
grau #989898;
dunkelgrau #575757;
blau #35608a
hellblau #76a9db
*/