@import url("faq.css") ;
@import url("social.css");
@import url("icons.css");
@import url("news.css");
@import url("shop.css");
.clear {
	clear: both;
}
body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;

}

body {

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#mainboxinner{
	line-height: 16px;	
	}
a.artx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	float:left;
}
a.artx:hover {

	color: #fff;
	text-decoration: underline;
}


a{
color:#FF0096;
}

a:hover{
color: #ccc;
text-decoration: none;
}

h1 {
	font-size: 16px;
	color: #FF0096;
	font-weight: normal;
	margin-bottom: 5px;
}

h2 {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	margin-top: 0px;
}

.purple{
	color: #FF0096;
	}
.white{
	color: #fff;
	}	

/* Überschriften */


/* Listen */

.slideshow{border: solid 1px #000;	}
/* LINKS */
hr{
 border: 0px; 
 border-top: solid 1px #000;
 border-bottom: solid 1px #444; 
 margin-top: 15px;
 margin-bottom: 15px;
}

.transbg{
	background-image: url(../buttons/transbg.png);
	background-repeat: repeat;
	right:0px;
	padding: 10px;
	top: 47px;
	position: absolute;
	display: block;
	
}

.pic_header{
float:left;
width: 846px;
height: 247px;
position:relative;
}

.header_a{
	background-image: url(../userfiles/image/header1.jpg);
	background-repeat: no-repeat;

}

.aufzahl li{
	background-image: url(../buttons/arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #007ac3;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	line-height: 15px;
	display: block;
	padding-left: 15px;
	list-style-type: none;
}
.Arrow{
	background-image: url(../buttons/arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #007ac3;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	line-height: 15px;
	display: block;
	padding-left: 15px;
}
.Arrow:hover{
	color: #666;
	text-decoration: underline;
	background-position: right bottom;
}
a.Arrow_small{
	background-image: url(../buttons/button2.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #007ac3;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	line-height: 14px;
	padding-right: 25px;
	display: block;
	height: 14px;
}
a.Arrow_small:hover{
	color: #666;
	text-decoration: underline;
	background-position: right bottom;
}
a.white_Arrow{
background-image: url(../buttons/white_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #a72024;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;

}

a.white_Arrow:hover{
color:#ccc;
	text-decoration: underline;
}
	


table.bildbox{
	width: 100%;
	margin:0;
	border: 1px solid #d7d7d6;
	padding: 0;
	}
.bildbox h1{
	line-height: 49px;
	font-weight: bold;
	background-image: url(../buttons/box_headline_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 49px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	}	
.bildbox img{
	padding:10px;
	}	
	
.bildbox .boxtext{
	text-align: justify;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	}	
	
.bildbox .Arrow{
	margin: 10px;
}	


/* FORMULARE */

/* NEWSLETTER */

#NLForm{
	float: left;
		margin: 0px;
	padding: 0px;
position:relative;
	}
.NLForm{
	margin: 0px;
	padding: 0px;
}
.submitter{
	background-image: url(../buttons/smallButton.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 20px;
	width: 85px;
	cursor:pointer;
	padding:0px;
	font-size: 10px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.submitter:hover{
	background-image: url(../buttons/smallButton.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}


.inputbottom{
	background-image: url(../buttons/newsletterInput.png);
	background-repeat: no-repeat;
	background-position:   left top;
	float: left;
	height: 23px;
	width: 179px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 24px;
	color: #383838;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: transparent;
	border: none;
}
/* CALLBACK */

input.input100pro{
	width: 99%;	
	background-image: url(../buttons/input_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	border-top: solid 1px #c9cbcd;
	border-left: solid 1px #c9cbcd;
	border-right: solid 1px #e5e8e9;
	border-bottom: solid 1px #e5e8e9;
	padding: 3px;
	}

input.input180{
	width: 210px;	
	background-image: url(../buttons/input_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	border-top: solid 1px #c9cbcd;
	border-left: solid 1px #c9cbcd;
	border-right: solid 1px #e5e8e9;
	border-bottom: solid 1px #e5e8e9;
	padding: 3px;
	}
textarea.input100pro{
	width: 98%;	
	background-image: url(../buttons/textarea_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	border-top: solid 1px #c9cbcd;
	border-left: solid 1px #c9cbcd;
	border-right: solid 1px #e5e8e9;
	border-bottom: solid 1px #e5e8e9;
	padding: 3px;
	min-height: 120px;
	}



.bar, .barCF, .barIP{
	display:none; 
	background:url(../buttons/ajax-loader.gif) no-repeat center; 

	height:40px; width:230px;
	}
.errortext{
	font-size: 11px;
	color: #F00;
	display: none;
}

.errortext_2{
	font-size: 11px;
	color: #F00;
	display: none;

	position: absolute;

	top: -23px;
	left: 2px;
}

input.invalid{
	border: solid 2px  #FFF;
	background-color: #FF0096;
	color:#000;
}
td.invalidChk{
	background-image: url(../buttons/arrow_red.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 15px;
	}
select.invalid{
	border: solid 2px  #FFF;
	background-color: #FF0096;
	color:#000;
}
textarea.invalid{
	border: solid 2px  #FFF;
	background-color: #FF0096;
	color:#000;
}


/* TERMINE */

#terminCont .T_link{
	font-size: 12px;
	font-weight: bold;
	color: #5882c5;
text-decoration:none;
	cursor: pointer;
}

#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;
}

#login {
	background-image: url(../buttons/login_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 221px;
	width: 100%;
}
#login fieldset{

	border: solid 1px #FF0096;

	}
#login input.feld{
	font-size: 12px;
	line-height: 19px;
	color: #666666;
	background-image: url(../buttons/login_feld.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 144px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #d7d6d7;
	margin: 0px;
	padding: 0px;
	padding-left:5px;
	padding-right:5px;
	margin-left:15px;
	margin-bottom: 10px;
	}
input.logmein{
	background-image: url(../buttons/login_button.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height:19px;
	float: right;
	height: 19px;
	width: 71px;
	cursor:pointer;
	padding:0px;
	margin-right:17px;
	font-size: 10px;
	color: #666666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}


/*BOXEN*/
/* White Box NO Headline styling */

.cbb0 {
display:none;
}
.cbb0 h1 {
display:none;
}
.cb0 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt0 {
	height:5px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_white.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt0 div {
	position:relative;
	left:-18px;
	width:18px;
	height:5px;
	background:url(../buttons/box_white.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i10 {
	padding:0 0 0 5px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i20 {
	padding:0 5px 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. */
.i30 {
	display:block;
	margin:0;
	background:#fff;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	position:relative;

}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i30:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i30 {display:inline-block;}
.i30 {display:block;}

/* Grey 3D Headline styling */

.cbb4 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb4 h1 {
	color: #716f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:10px;
}
.cb4 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt4 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_gray.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt4 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_gray.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i14 {
	padding:0 0 0 5px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i24 {
	padding:0 5px 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. */
.i34 {
	display:block;
	margin:0;
	background:#fff;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	position:relative;

}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i34:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i34 {display:inline-block;}
.i34 {display:block;}


/* Blue Headline styling */

.cbb1 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb1 h1 {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:35px;
	line-height:32px;
	background-image: url(../buttons/mann.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
.cb1 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt1 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_blue.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt1 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_blue.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i11 {
	padding:0 0 0 5px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i21 {
	padding:0 5px 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;
	background:#fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position:relative;

}
	/* 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;}
/* Red Headline styling */

.cbb2 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb2 h1 {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:35px;
	line-height:32px;
	background-image: url(../buttons/frau.png);
	background-repeat: no-repeat;
	background-position: 8px center;
}
.cb2 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt2 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_red.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt2 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_red.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i12 {
	padding:0 0 0 5px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i22 {
	padding:0 5px 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;
	background:#fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position:relative;

}
	/* 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;}


/* Grey Headline styling */

.cbb3 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb3 h1 {
	color: #716f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:10px;
}
.cb3 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt3 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_gray2.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt3 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_gray2.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i13 {
	padding:0 0 0 5px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i23 {
	padding:0 5px 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:#fff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	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;}

/*Grau mit roter outline */

.cbb5 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb5 h1 {
	color: #e45566;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:10px;
}
.cb5 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt5 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_gray_red.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt5 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_gray_red.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i15 {
	padding:0 0 0 5px;
	background:url(../buttons/borders_red.png) repeat-y 0 0;
}
	/* Right border */
.i25 {
	padding:0 5px 0 0;
	background:url(../buttons/borders_red.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. */
.i35 {
	display:block;
	margin:0;
	background:#fff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	position:relative;

}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i35:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i35 {display:inline-block;}
.i35 {display:block;}

/* Grau mit blau*/

.cbb6 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb6 h1 {
	color: #0195c5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:10px;
}
.cb6 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt6 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_gray_blue.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt6 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_gray_blue.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i16 {
	padding:0 0 0 5px;
	background:url(../buttons/borders_blue.png) repeat-y 0 0;
}
	/* Right border */
.i26 {
	padding:0 5px 0 0;
	background:url(../buttons/borders_blue.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. */
.i36 {
	display:block;
	margin:0;
	background:#fff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	position:relative;

}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i36:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i36 {display:inline-block;}
.i36 {display:block;}




/* Grey Headline styling */

.cbb7 {
position: absolute;
top:-32px;
left: 0px;
}
.cbb7 h1 {
	color: #716f6f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: none;
	margin-top: 0;
	padding-top: 0em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left:10px;
}
.cb7 {margin:0.5em 0; position:relative;}
	/* Top corners and border */
.bt7 {
	height:40px;
	margin:0 0 0 18px;
	background-image: url(../buttons/box_gray.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bt7 div {
	position:relative;
	left:-18px;
	width:18px;
	height:40px;
	background:url(../buttons/box_gray.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

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

	/* Left border */
.i17 {
	padding:0 0 0 5px;
	background:url(../buttons/borders.png) repeat-y 0 0;
}
	/* Right border */
.i27 {
	padding:0 5px 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. */
.i37 {
	display:block;
	margin:0;
	background:#fff;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom:0px;
	padding-left: 1px;
	position:relative;

}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i37:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i37 {display:inline-block;}
.i37 {display:block;}


.cursormove{
	
	cursor:move;}


.smallHtrenner{
	background-image: url(../buttons/small_H_trenner.png);
		background-repeat: no-repeat;
	background-position: top center;
width: 100%;
float:left;
height: 5px;
margin-top: 5px;
padding-top: 2px;
padding-bottom: 15px;
}



a img {
border: none;
}

.iconPix {
float:left;
margin-right: 20px;
margin-bottom: 10px;
}


.small{
font-size: 9px;
}

.medium{
font-size: 11px;
}

.teaser{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.color1{color:#FF0096;}
.color2{color:#1c1c1c;}
.color3{color:#F7F7F7;}
.size1{font-size: 60px; line-height:20px;}
.size2{font-size: 50px; line-height:20px;}
.size3{font-size: 30px; line-height:10px;}
.size4{font-size: 20px;line-height:10px;}
.size5{font-size: 18px;line-height:10px;}
.size6{font-size: 16px;line-height:10px;}

.downloadButton{
	font-size: 11px;
	background-image: url(../buttons/order1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
	height: 10px;
	width: 110px;
	color:#333;
	display:block;
	line-height: 10px;
	text-align:center;
	text-decoration:none;
}

.downloadButton:hover{	background-position: left top; color:#FF0096;}

table.videoTable td{ font-size:10px; height:155px;}

table.videoTable td a { display: block !important; width: 156px !important; height: 87px !important; margin-bottom: 10px;}

.bottomDown{
	position: absolute;
	left: 25px;
	bottom: 15px;
}