@charset "iso-8859-1";
/**************************************************
 * 
 * copyright by Thalia Theater Hale
 *
 * Created: 08. October 2007 i21n
 *
 **************************************************/
 
 /*
  * Main Grid
  */

body {
	background-color: #A3D626;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.main {
	margin: auto;
	width: 1008px;
}

.end {
	height: 112px;
	width: 1008px;
	background-color: #A3D626; 
	color: #990066;
	float: left;
}

img {
	border: 0;
	margin: 0;
	padding: 0;	
}

a, a:visited{
	text-decoration: none;
	color: #A3D626;
}

a:hover {
	color: #000;
}

.pre {
	margin: auto;
	width: 1008px;
	background-color: #fff;
	padding-top: 112px;
}

.prebody {
	background-color: #fff;
}
 /*
  * Main Navigation
  */

.header {
	width: 1008px;
	background-color: #A3D626;
	height: 112px;
}

.header ul {
	margin: 0;
	padding: 0;	
}

.header li {
	margin: 0;
	padding: 0;	
	list-style: none;
	float: left;
}

.header img {
	border: 0;
	margin: 0;
	padding: 0;	
}

.header a {
	height: 112px;
	width: 95px;
	display: block;
}

.header #mainnav0 a {
	background: url(../img/nav/navi_home_a.gif) no-repeat;
}

.header #mainnav0 a:hover {
	background: url(../img/nav/navi_home_b.gif) no-repeat;
}

.header #mainnav0 .selected {
	background: url(../img/nav/navi_home_c.gif) no-repeat;
}

.header #mainnav1 a {
	background: url(../img/nav/navi_init_a.gif) no-repeat;
}

.header #mainnav1 a:hover {
	background: url(../img/nav/navi_init_b.gif) no-repeat;
}

.header #mainnav1 .selected {
	background: url(../img/nav/navi_init_c.gif) no-repeat;
}

.header #mainnav2 a {
	background: url(../img/nav/navi_proj_a.gif) no-repeat;
}

.header #mainnav2 a:hover {
	background: url(../img/nav/navi_proj_b.gif) no-repeat;
}

.header #mainnav2 .selected {
	background: url(../img/nav/navi_proj_c.gif) no-repeat;
}


.header #mainnav3 a {
	width: 80px;
	background: url(../img/nav/navi_stip_a.gif) no-repeat;
}

.header #mainnav3 a:hover {
	background: url(../img/nav/navi_stip_b.gif) no-repeat;
}

.header #mainnav3 .selected {
	background: url(../img/nav/navi_stip_c.gif) no-repeat;
}


.header #mainnav4 a {
	background: url(../img/nav/navi_auss_a.gif) no-repeat;
}

.header #mainnav4 a:hover {
	background: url(../img/nav/navi_auss_b.gif) no-repeat;
}

.header #mainnav4 .selected {
	background: url(../img/nav/navi_auss_c.gif) no-repeat;
}


.header #mainnav5 a {
	background: url(../img/nav/navi_part_a.gif) no-repeat;
}

.header #mainnav5 a:hover {
	background: url(../img/nav/navi_part_b.gif) no-repeat;
}

.header #mainnav5 .selected {
	background: url(../img/nav/navi_part_c.gif) no-repeat;
}


.header #mainnav6 a {
	background: url(../img/nav/navi_for_a.gif) no-repeat;
}

.header #mainnav6 a:hover {
	background: url(../img/nav/navi_for_b.gif) no-repeat;
}

.header #mainnav6 .selected {
	background: url(../img/nav/navi_for_c.gif) no-repeat;
}


 /*
  * Headlines
  */
  
h1 {
	text-transform: uppercase;
	font-family: Arial Black;
	letter-spacing: 2px;
	line-height: 25px;
	font-size: 24px;
	padding: 0 0 16px 0;
	margin: 0;
}

h3 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

 /*
  * Content
  */

.content {
	width: 1008px;
	float: left;
}

.content .box {
	width: 336px;
	height: 336px;
	float: left;
	margin: 0;
	padding: 0;	
	overflow: hidden;
}

 /* Big Teaser */
 
.content .bigteaser dl {
	width: 280px;
	height: 280px;
	padding: 28px 28px 28px 28px;
	float: left;
	background-color: #fff;
	margin: 0;
	overflow: hidden;
}

.content .bigteaser dt {
	width: 280px;
	float: left;
	padding: 0 0 16px 0;
	margin: 0;
	text-transform: uppercase;
	font-family: Arial Black;
	letter-spacing: 2px;
	line-height: 25px;
	font-size: 24px;
}

.content .bigteaser dd {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
}

.content .bigteaser .black {
	background-color: #000;
	color: #fff;
}

.content .bigteaser .black a:hover {
	color: #fff;
}

.content .bigteaser span {
	color: #A3D626;
}

 /* Big Text */
 
.content .bigtext {
	width: 276px;
	height: 280px;
	border: solid 28px #000;
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	overflow: hidden;
	text-transform: uppercase;
	font-family: Arial Black;
	letter-spacing: 2px;
	line-height: 25px;
	font-size: 24px;
	background-color: #000;
	color: #fff;
}

.content .bigtext span {
	color: #A3D626;
}

.content .bigtext a, .content .bigtext a:hover, .content .bigtext a:visited {
	color: #fff;
}

.content .bigtext span a, .content .bigtext span a:hover, .content .bigtext span a:visited {
	color: #A3D626;
}

.content .bigtext a {
	height: 15px;
	padding: 0;
	margin: 0;
}

.content .bigtext span, .content .bigtext p  {
	padding: 0;
	margin: 0;
}

.content .bigtext img {
	padding: 0;
	margin: 0;
}


 /* Text */
 
.content .text {
	width: 276px;
	height: 280px;
	border: solid 28px #fff;
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	overflow: hidden;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background-color: #fff;
}

.content .text h2, .content .doubletext h2, .content .tripletext h2   {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
}

.content .doubletext {
	width: 276px;
	height: 616px;
	border: solid 28px #fff;
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	overflow: hidden;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background-color: #fff;
}

.content .tripletext {
	width: 276px;
	height: 952px;
	border: solid 28px #fff;
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	overflow: hidden;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background-color: #fff;
}

.content .text ul, .content .doubletext ul , .content .tripletext ul {
	padding-left: 19px;
	padding-left: 15 px;
	list-style-image: url(../img/icons/aufz.gif);
}

 /* Textbox Options */

.content #option0  {
	border-color: #fff;
	background-color: #fff;
	color: #000;
}

.content #option1  {
	border-color: #000;
	background-color: #fff;
	color: #A3D626;
}

.content #option1 span {
	color: #000;
}

.content #option2  {
	border-color: #fff;
	background-color: #A3D626;
	color: #000;
}

.content #option2 span {
	color: #fff;
}

.content #option3  {
	border-color: #A3D626;
	background-color: #fff;
	color: #000;
}

.content #option3 span {
	color: #A3D626;
}

 /* Images */

.content .imageframewhite {
	background-color: #fff;
}

.content .imageframeblack {
	background-color: #000;
}

.content .imageframewhite img, .content .imageframeblack img {
	padding: 28px 28px 28px 28px;
}

.content .imagewithsubline {
	background-color: #fff;
	padding: 28px 28px 0px 28px;
	width: 280px;
	height: 308px;
	float: left;
	vertical-align: top;
}

.content .imagewithsubline dl {
	width: 280px;
	height: 308px;
	padding: 0;
	margin: 0;
}

.content .imagewithsubline dt {
	width: 280px;
	height: 280px;
	padding: 0;
	margin: 0;
}

.content .imagewithsubline dd {
	width: 280px;
	height: 20px;
	padding: 8px 0 0 0;
	margin: 0;
	text-align: left;
}

.content .imagenoframe {
}

 /* Foter */
 
.content .footer {
	width: 276px;
	height: 280px;
	border: solid 28px #fff;
	float: left;
	margin: 0;
	padding: 0 2px 0 2px;
	overflow: hidden;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	background-color: #fff;
}

.content .footer ul {
	padding: 90px 0 0 0;
	margin: 0;
	list-style-type: none;
}

.content .footer li {
	text-transform: uppercase;	
}

 /* Blank */
 
.content .blank {
	background-color: #fff;
}


 /* Subnavi */
 
 .content .subnavi {
 	height: 280px;
	width: 280px;
	padding: 28px 28px 28px 28px;
 	background-color: #fff;
}

.content .subnavi dl {
	width: 280px;
	float: left;
	background-color: #fff;
	margin: 0;
}

.content .subnavi dt {
	width: 280px;
	float: left;
	padding: 0 0 6px 0;
	margin: 0;
	overflow: hidden;
	text-transform: uppercase;
	line-height: 16px;
	font-size: 12px;

}

.content .subnavi dd {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
 
.content .subnavi dd ul {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
 
.content .subnavi dd li {
	width: 280px;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-transform: uppercase;
	list-style: none;
	line-height: 16px;
}
 
.content .subnavi .level2 a:hover, .content .subnavi .level2 .selected {
	background-color: #000;
	color: #A3D626;
}

.content .subnavi .level3 a:hover, .content .subnavi .level3 .selected{
	color: #000;
}

.content .subnavi .level3 dt {
	padding: 11px 0 0 0;
}

 /* Teaser 1 */
 
.content .teaser1 ul {
	width: 280px;
	height: 280px;
	border: solid 28px #A3D626;
	float: left;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

.content .teaser1 li {
	width: 276px;
	float: left;
	padding: 0 2px 14px 2px;
	margin: 0;
	overflow: hidden;
	line-height: 16px;
	font-size: 12px;
}

.content .teaser1 .nopadd {
	padding-bottom: 0;
}

.content .teaser1 .blackborder {
	border: solid 28px #000;
}

.content .teaser1 h2 {
	text-transform: uppercase;
	font-family: Arial Black;
	letter-spacing: 1px;
	line-height: 16px;
	font-size: 12px;
	display: inline;
	padding-right: 3px;
	font-weight: normal;
}

 /* Teaser 2 */
 
.content .teaser2 ul {
	width: 280px;
	height: 280px;
	border: solid 28px #000;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.content .teaser2 li {
	width: 276px;
	float: left;
	padding: 0 2px 14px 2px;
	margin: 0;
	overflow: hidden;
	line-height: 16px;
	font-size: 12px;
	color: #000;
	border-bottom: solid 1px #000;
}

.content .teaser2 h2 {
	text-transform: uppercase;
	line-height: 16px;
	font-size: 12px;
	display: inline;
	padding-right: 3px;
	color: #000;
	font-weight: normal;
}

 /* Free stuff */
 
.content .lefttopborder {
	width: 308px;
	height: 308px;
	border-left: solid 28px #fff;
	border-top: solid 28px #fff;
	background-color: #fff;
	float: left;
	margin: 0;
	padding: 0;
}

.content .pictures1 dl {
	width: 140px;
	height: 168px;
	float: left;
	background-color: #fff;
	margin: 0;
	display: block;
}

.content .pictures1 .spaceright {
	padding-right: 28px;
}

.content .pictures1 dt {
	height: 140px;
	width: 140px;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block;
}

.content .pictures1 dd {
	width: 140px;
	height: 28px;
	float: left;
	padding: 4px 0 0 0;
	margin: 0;
	overflow: hidden;
	display: block;
	text-align: left;
}

 /* Project End */
 
.content .projectend {
	width: 672px;
	background: url(../img/icons/projectend.gif) no-repeat;
}


.green {
	color: #A3D626;
} 

.black {
	color: #000;
}