/*
contentCentre
contentCentreInverted
*/
body {
	position: relative;
	background-color: #000000;
	font-family: Verdana, Arial;
	font-size: 11px;
	width: 1024px;
	margin: 0 auto;
	background-image: url(../images/img/bgSlither.gif);
	background-repeat: repeat-x;
	padding-left: 38px;
}
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 694px;
	height: 548px;
	top: 0px;
	left: 6px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	z-index: 0;
}

h1 {
	font-weight: normal;
	font-family: Arial;
	font-size: 17px;
	margin-left: 68px;
	margin-top: 22px;
	line-height: 28px;
}

h2 {
	padding: 9px 0 9px 0;
	margin: 0px;
	font-weight: normal;
	font-size: 19px;
	font-family: Arial, Verdana;
}
h3 {
	color: #c8e944;
	padding: 8px 0 0 0;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Verdana;
}

a {
	color: #c8e944;
	text-decoration: none;
}

a:hover, a.sel {
	color: #c8e944;
}

p {
	margin: 0px;
	line-height: 2em;
	padding-left: 0px;
}


p2 {
	margin: 0px;
	line-height: 2em;
	padding-left: 0px;
}
img {
	vertical-align: top;
	border: none;
	text-align: left;
	margin-left: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
}


ul {
	list-style-type: none;
	margin: 34px;
	padding: 0px;
}

ul ul {
	padding: 0px;
	margin-left: 0px;
}

#pages
	margin-top: 20px;
}

#pages a:hover {
	color: #c8e944;
	text-decoration:underline;
}

#mainContent {
	position: absolute;
	top: 114px;
	left: 258px;
	height: 548px;
	width: 694px;
	color: #ffffff;
	margin:0px;
	z-index: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

#mainContentInverted {
	position: absolute;
	top: 130px;
	height: 508px;
	width: 603px;
	color: black;
	padding:0px;
	margin:0px;
	left: 361px;
}

#mainContentInverted h2 {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	font-family: Verdana;
}

li.wrightSol {
	font-family: Arial, Verdana;
	font-size: 17px;
	margin: 5px 0 3px 34px;
}

#mainContentInverted img {
	margin: 3px 3px 3px 3px;
}	

#mainContent ul {
	margin: 0px;
	padding-left: 12px;
	line-height: 2em;
}

.background {
	float: left;
	position: relative;
	padding:0px;
	margin:0px;
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
}

#main {
	margin-bottom: 44px;
	float: left;
	position: relative;
	color: #ffffff;
	background-color: #233328;
	margin-top: 78px;
	filter: alpha(opacity=0.85);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
	-moz-opacity: 0.8;
	opacity:0.8;
	width: 740px;
	height: 628px;
}

#mainInverted {
	float: left;
	position: relative;
	color: black;
	width: 603px;
	background-color: #ffffff;
	height: 548px;
	margin-top: 88px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 69px;
}



#mainContentInverted p a {
	color: black;
	text-decoration: underline;
}

#columnLeft {
	float: left;
	position: relative;
	top: 78px;
	width: 224px;
	height: 628px;
	background-image: url(../images/img/bgSqu.png);
	background-repeat: repeat;
}

#navi {
	clear: left;
	float:left;
	position: relative;
	margin-top: 0px;
	width: 224px;
	z-index: 1;
}

#logo {
	clear: left;
	position: absolute;
	left: -1px;
	bottom: 528px;
}

#pages p.back {
	text-decoration: underline;
}



#navi ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 90px;
	margin-right: 0;
	margin-bottom: 34px;
	margin-left: 8px;
	z-index: 1;
}

#navi ul ul {
	margin: 0px;
	padding: 0px;
	margin-left: 13px;
}

#navi ul a {
	letter-spacing: 0.05em;
	line-height: 2em;
}


li#backToMenu {
	text-decoration: underline;
	color: #ffffff;
}

#content #news p, #contentInverted #news p{
	margin: 0px;
}

h1:hover, p.greenHover:hover {
	color: #66ff00;
}

#main p.greenHover, #contentInverted p.greenHover {
	padding: 0px;
	margin: 0px;
	margin-left: 34px;
}

#mainContent h1 {
	font-family: Arial;
	font-size: 22px;
	padding: 0px;
	margin: 0px;
	color: #c8e944;
}

#text_inv {
	margin-top: 22px;
	width: 488px;
	color: black;
}

#text {
	margin-top: 10px;
	width: 666px;
	color: #FFFFFF;
}
intro {
	margin: 0px;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 11px;
}
introBlk {
	margin: 0px;
	font-size: 1.3em;
	color: #333333;
	line-height: 1.5em;
	text-transform: lowercase;
	right: 12px;
}
#mainContentInverted h1 {
	font-size: 22px;
	font-family: Arial;
	color: #85bf3c;
	clip: rect(auto,auto,auto,-69px);
	margin-left: -2px;
}
#text ul {
	color: #FFFFFF;
	line-height: 1.6em;
	padding-left: 18px;
	list-style-image: url(../images/img/bullit.gif);
	left: 12px;
}
hr {
	color: #c8e944;
	font-size: 60%;
}
#text intro {
	color: #FFFFFF;
	line-height: 1.6em;
	left: 12px;
	font-size: 1.3em;
}
#eMail {
	clear: left;
	position: absolute;
	left: 22px;
	bottom: 18px;
	width: 215px;
}
#eMail p {
	clear: left;
	position: absolute;
	left: -9px;
	bottom: 6px;
	width: 215px;
	color: #FFFFFF;
}
#scroll {
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #c8e944;
}
#dates {
	color: #000000;
	margin: 0px;
	line-height: 2em;
	padding-left: 0px;
	background-color: #c8e944;
}

.Book {
	width : 293px;
	height : 178px;
	margin-bottom : 14px;
	float:left;
	background-image: url(../img/box_book.png);
}
.Book .Name {
	float : left;
	width : 260px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0;
}
.Book .Description { float:left; padding:8px 5px 2px 0; width:226px; font-size:0.9em;}
.Book .Header {
	margin-top : 5px;
	font-size : 16px;
	font-weight : bold;
	text-align: center;
}
.Book .Header a{ color:#605911; text-decoration:none;}
.Book .Header a:hover{ text-decoration:underline;}

.Book .Info {
	width : 270px;
	float : left;
	margin-left : 13px;
	height : 168px;
	text-align: left;
	vertical-align: middle;
}
	.Book .Info .SmallDescription { float : left; font-weight : bold; width : 102px;  }
	.Book .Info .Image { float : left; width : 81px; margin-right : 5px; }
	.Book .Info .Image img { border : 1px Solid #B2B2B2; margin-top : 15px; } 
	
	
.Book .Buttons {
	width : 270px;
	float : left;
	margin-left : 13px;
	margin-top : 5px;
}
	.Book .Buttons .Price {float : left;  font-weight : bold; padding : 4px 0 2px 0; width : 102px;  }
	.Book .Buttons .Button {
	float : none;
	margin-right : 2px;
	text-align: center;
	
}	

/*BOXEN*/
.cbb3 {
	position: relative;
	top:0px;
	left: 3px;
	margin-left: 8px;
	margin-right: 14px;
}
.cbb3 h4 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(buttons/boxbutton.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 0;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left: 0px;
	line-height:22px;
}
.cbb3 p2 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	font-weight: normal;
	padding-right: 20px;
	padding-bottom: 0em;
	padding-left: 0px;
	line-height:17px;
}
/* Normal styling */
.cb1 {margin:0.5em 0;}
	/* Top corners and border */
.bt1 {
	height:17px;
	margin:0 0 0 18px;
	background:url(../buttons/box.png) no-repeat 100% 0;
}
.bt1 div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../buttons/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb1 {
	height:14px;
	margin:0 0 0 12px;
	background:url(../buttons/box.png) no-repeat 100% 100%;
}
.bb1 div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../buttons/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i11 {
	padding:0 0 0 2px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i21 {
	padding:0 2px 0 0;
	background:url(../buttons/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i31 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#f5f7f9;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i31:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i31 {display:inline-block;}
.i31 {display:block;}

/* White styling */
.cb2 {margin:0.5em 0;}
	/* Top corners and border */
.bt2 {
	height:17px;
	margin:0 0 0 18px;
	background:url(../buttons/box_w.png) no-repeat 100% 0;
}
.bt2 div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(../buttons/box_w.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb2 {
	height:14px;
	margin:0 0 0 12px;
	background:url(../buttons/box_w.png) no-repeat 100% 100%;
}
.bb2 div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../buttons/box_w.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i12 {
	padding:0 0 0 2px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i22 {
	padding:0 2px 0 0;
	background:url(../buttons/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i32 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i32:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i32 {display:inline-block;}
.i32 {display:block;}

/* Red Headline styling */
.cb3 {
	margin:0.5em 0;
	font-size: 12px;
}
	/* Top corners and border */
.bt3 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_h.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt3 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_h.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb3 {
	height:14px;
	margin:0 0 0 12px;
	background:url(../buttons/box_h.png) no-repeat 100% 100%;
}
.bb3 div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(../buttons/box_h.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i13 {
	padding:0 0 0 2px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i23 {
	padding:0 2px 0 0;
	background:url(../buttons/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i33 {
	display:block;
	margin:0;
	background:#f5f7f9;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
	position:relative;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i33:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i33 {display:inline-block;}
.i33 {display:block;}

/* FAQs */

.Tblock{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
}
.Tblock .faqlink{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	
		outline:none;


}
.Tblock .faqlink h7{
background-image: url(../buttons/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	line-height: 19px;
	height: 19px;
	display: block;
}

/* FORMULARE */
.bar{
	display:none; 
	background:url(../buttons/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
.errortext{
	font-size: 11px;
	color: #F00;
	display: none;
}
.invalid{
	color: #FFF;
	background-color: #900;
}

/* CALLBACK */

.input100pro{
	width: 100%;	
	}

/*NEWS */
.newslist ul{

margin: 0px;
padding : 0px;
list-style: none;
}
.newslist fieldset{

border: none;
}

.newslist_fixheight{
height: 94px;
}
.newslist ul li{
 border-top: 1px dotted #333;
	padding-top: 10px;
	margin-top: 5px;
}
.newslist .headline{
	font-size: 12px;
	font-weight: bold;
	color: #bb0500;


line-height: 20px;
}
.newslist  .datum{
	font-size: 11px;
	font-weight: bold;
	color: #000;

}
.newslist .text {

	font-size: 11px;

float:left;

}
a.newsmore{
	background-image: url(../buttons/arrow_b.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #65a4d6;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	line-height: 19px;
	padding-left: 25px;
	display: block;
	height: 19px;
	float:right;
}

a.newsmore:hover{
text-decoration: underline;
	background-position: left top;
}
/* TERMINE */

#terminCont .T_link{
	font-size: 12px;
	font-weight: bold;
	color: #bb0500;
text-decoration:none;
}

#terminCont .datum{
	font-size: 11px;
	font-weight: bold;
	color: #000;

}
.datumN{
	font-size: 11px;
	font-weight: bold;
	color: #000;
   float:left;
width: 60px;

}
.datumT{
	font-size: 11px;
	font-weight: bold;
	color: #000;
   float:left;
width: 120px;

}
.headlyne{
display:block;
width: 500px;  float:left;
margin-left: 5px;
} 
.headlyTE{
display:block;
width: 310px;  float:left;
margin-left: 5px;
} 
#text intro {
	color: #FFFFFF;
	line-height: 1.6em;
	left: 12px;
	font-size: 1.3em;
}