/* @charset UTF-8; */

/* !General */
/* ---------------------------------------------------------------------- */	

body {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 12px;
	line-height: 15px;
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	background-image: url(../images/background_pattern.png);
	color: #f4e9e3;
	height: 100%;
	background-color: #28221e;
}

img {
	border:0;
}

img a,
img a:link,
img a:visited,
img a:active {

}

td {
	padding:0!important;
}

.spacer {
	height:1px;
	width:1px;
	overflow:hidden;
/*
	border : 1px dashed red;
*/
	
/* Damit der IE auch kleine div-Höhen erlaubt.
 Es liegt daran, dass der IE in den Elementen eine gewisse
Zeilenhöhe (10-12px) für Text reserviert, auch wenn keiner
enthalten ist, und da die Elementhöhe "nur" einen Pixel
betragen soll, wird ihm mit overflow:hidden mitgeteilt, wie
er mit dem "Übergroßen" Inhalt umzugehen hat.overflow:hidden;
*/
}

.SpaltenAbstand {
	width:15px;
}

/*
#table1 {
	border : 1px dashed black;
}
#table2 {
	border : 1px dashed red;
}
#table3 {
	border : 1px dashed green;
}
#table4 {
	border : 1px dashed blue;
}
#table5 {
	border : 1px dashed orange;
}
#table6 {
	border : 1px dashed yellow;
}
#table7 {
	border : 1px dashed magenta;
}
*/

textarea,input {
	border:1px solid black;
	padding:2px;
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
}


	
/* Wenn man das so angibt wird der Focus im IE6 auch für <input type="image"> 	e angewendet */
/*
textarea:focus,
input:focus {
	background-color : #E6E4FF;
	outline : none;
}
*/

input {
	border:1px solid black;
	padding:2px;
}

iframe {
	border:0;
}


/* !LinkMainMenu */
/* ---------------------------------------------------------------------- */

	
/* Normaler Zustand des Textes des Menüpunktes */
div.LinkMainMenu {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:11pt;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenu a,
div.LinkMainMenu a:link,
div.LinkMainMenu a:visited,
div.LinkMainMenu a:active {
	font-size:11pt;
	color:##F4E9E3;
	text-decoration:none;
}

div.LinkMainMenu a:hover {
	font-size:11pt;
	color:#1C4788;
	text-decoration:none;
}

/* !LinkMainMenuSelected */
/* ---------------------------------------------------------------------- */

	
/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
div.LinkMainMenuSelected {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSelected a,
div.LinkMainMenuSelected a:link,
div.LinkMainMenuSelected a:visited,
div.LinkMainMenuSelected a:active {
	font-weight:normal;
	font-size:100%;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSelected a:hover {
	font-weight:normal;
	font-size:100%;
	color:#1C4788;
	text-decoration:none;
}

/* !LinkMainMenuSub */
/* ---------------------------------------------------------------------- */
	
/* Normaler Zustand des Textes des Menüpunktes */
div.LinkMainMenuSub {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:80%;
	font-style:normal;
	line-height:18px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenuSub a,
div.LinkMainMenuSub a:link,
div.LinkMainMenuSub a:visited,
div.LinkMainMenuSub a:active {
	font-size:80%;
	color:#505050;
	text-decoration:none;
}

div.LinkMainMenuSub a:hover {
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}

/* !LinkMainMenuSubSelected */
/* ---------------------------------------------------------------------- */

/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
div.LinkMainMenuSubSelected {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:80%;
	line-height:normal;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSubSelected a,
div.LinkMainMenuSubSelected a:link,
div.LinkMainMenuSubSelected a:visited,
div.LinkMainMenuSubSelected a:active {
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}

div.LinkMainMenuSubSelected a:hover {
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}

.csc-textpic-caption,.bottomText {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:80%;
	font-weight:normal;
	line-height:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
/*
	float : left;
*/	
}

/* !LinkBottomMenu */
/* ---------------------------------------------------------------------- */
	
/* Normaler Zustand des Textes des Menüpunktes */
div.LinkBottomMenu {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:80%;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#58585a;
	text-decoration:none;
	float:left;
}

div.LinkBottomMenu a,
div.LinkBottomMenu a:link,
div.LinkBottomMenu a:visited,
div.LinkBottomMenu a:active {
	font-size:80%;
	line-height:normal;
	font-weight:normal;
	color:#58585a;
	text-decoration:none;
}

div.LinkBottomMenu a:hover {
	line-height:normal;
	font-weight:normal;
	font-size:80%;
	color:#1C4788;
	text-decoration:none;
}


/* !LinkTopMenuSekected */
/* ---------------------------------------------------------------------- */
	
/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
div.LinkBottomMenuSelected {
	float:left;
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:80%;
	font-weight:normal;
	line-height:normal;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

div.LinkBottomMenuSelected a,
div.LinkBottomMenuSelected a:link,
div.LinkBottomMenuSelected a:visited,
div.LinkBottomMenuSelected a:active {
	line-height:normal;
	font-size:80%;
	font-weight:normal;
	color:#1C4788;
	text-decoration:none;
}

div.LinkBottomMenuSelected a:hover {
	line-height:normal;
	font-size:80%;
	font-weight:normal;
	color:#1C4788;
	text-decoration:none;
}

.hauptnavi {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:#58585a;
	text-decoration:none;
}

.news,
.news p {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:17px;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color:#58585a;
	text-decoration:none;
}


/* !Speziell */
/* ---------------------------------------------------------------------- */	

#logo {
	position:absolute;
	left:697px;
	top:16px;
	width:182px;
	height:44px;
/*
	overflow : visible;
	z-index : 1;
*/
}

#gruppe {
	position:absolute;
	left:40px;
	top:36px;
	width:309px;
	height:8px;
/*
	width : 416px;
	height : 31;
	z-index : 1;
	overflow : visible;
*/
}


/* !Rootline Menu */
/* ---------------------------------------------------------------------- */

.rootLineMenuItem {
}

.rootLineMenuItem a,
.rootLineMenuItem a:link,
.rootLineMenuItem a:visited,
.rootLineMenuItem a:active {
	font-weight:bold;
	color:#005EA8;
	text-decoration:none;
	outline:none;
}

.rootLineMenuItem a:hover {
	font-weight:bold;
	color:#005EA8;
	text-decoration:none;
}

.layoutRootLineMenu {
	margin-top:10px;
	margin-left:10px;
}

/* !LinkTopMenu */
/* Normaler Zustand des Textes des Menüpunktes */
/* ---------------------------------------------------------------------- */
	
div.LinkTopMenu {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:##F4E9E3;
	text-decoration:none;
/*
	float : left;
*/
}

div.LinkTopMenu a,
div.LinkTopMenu a:link,
div.LinkTopMenu a:visited,
div.LinkTopMenu a:active {
	font-size:100%;
	font-weight:bold;
	color:##F4E9E3;
	text-decoration:none;
	outline:none;
}

div.LinkTopMenu a:hover {
	font-weight:bold;
	font-size:100%;
	color:##F4E9E3;
	text-decoration:none;
}

/* !LinkTopMenuSelected */
/* Aktiver Zustand des Textes des ausgewählten Menüpunktes */
/* ---------------------------------------------------------------------- */

div.LinkTopMenuSelected {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-weight:bold;
	line-height:normal;
	font-variant:normal;
	text-transform:none;
	color:##F4E9E3;
	text-decoration:none;
/*
	float : left;
*/	
}

div.LinkTopMenuSelected a,
div.LinkTopMenuSelected a:link,
div.LinkTopMenuSelected a:visited,
div.LinkTopMenuSelected a:active {
	font-size:100%;
	font-weight:bold;
	color:##F4E9E3;
	text-decoration:none;
	outline:none;
}

div.LinkTopMenuSelected a:hover {
	font-size:100%;
	font-weight:bold;
	color:##F4E9E3;
	text-decoration:none;
}

/* !LinkTopMenuSub */
/* ---------------------------------------------------------------------- */

div.LinkTopMenuSubLeft {
	font-size:120%;
	color:#ff0000;
	padding-left:14px;
}

/* Normaler Zustand des Textes des Menüpunktes */
div.LinkTopMenuSub {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:90%;
	font-style:normal;
	color:#1D4686;
	font-weight:normal;
	text-decoration:none;
	line-height:16px;	

	margin-left : 5px;
	margin-right : 5px;
}

div.LinkTopMenuSub a,
div.LinkTopMenuSub a:link,
div.LinkTopMenuSub a:visited,
div.LinkTopMenuSub a:active {
	padding-left:4px;
	padding-right:4px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	color:##F4E9E3;
	font-weight:normal;
	text-decoration:none;
}

div.LinkTopMenuSub a:hover {
	display:block;
	color:#ce6680;
	font-weight:normal;
	text-decoration:none;
	background-color:#333333;
	opacity: 0.80; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=80); /* This one you need for IE. */
    -moz-opacity: 0.80; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.80; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */

}

/* Normaler Zustand der Tabellenzeile des Menüpunktes */
.TRTopMenuSubNormal {
	width: 140px;
	background-color:#111111;
	opacity: 0.80; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=80); /* This one you need for IE. */
    -moz-opacity: 0.80; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.80; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */
}

/* Hover Zustand der Tabellenzeile des Menüpunktes */
.TRTopMenuSubHover {
	width: 140px;
	background-color:#111111;
	opacity: 0.80; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=80); /* This one you need for IE. */
    -moz-opacity: 0.80; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.80; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */
}
	
/* Hover Zustand des Textes des Menüpunktes */
.TRTopMenuSubHover div.LinkTopMenuSub  a,
.TRTopMenuSubHover div.LinkTopMenuSub  a:link,
.TRTopMenuSubHover div.LinkTopMenuSub  a:visited,
.TRTopMenuSubHover div.LinkTopMenuSub  a:active {
	font-weight:normal;
	color:#e24768;
	text-decoration:none;
}

.TRTopMenuSubHover div.LinkTopMenuSub a:hover {
	font-weight:normal;
	color:#e24768;
	text-decoration:none;
}


.TDTopMenuSubSpacerTop {
	background-color:#111111;
	opacity: 0.80; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=80); /* This one you need for IE. */
    -moz-opacity: 0.80; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.80; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */
	height:5px;
	width: 140px;
}

.TDTopMenuSubSpacerBottom {
	background-color:#111111;
	opacity: 0.80; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=80); /* This one you need for IE. */
    -moz-opacity: 0.80; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.80; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */
	height:5px;
	width: 140px;
}


/* !EXT tipafriend */
/* ---------------------------------------------------------------------- */

.tipafriendHeaderFont {
	color:##F4E9E3;
	font-weight:bold;
}

.tipafriendHintFont {
	color:##F4E9E3;
}

/* !EXT tt_news */
/* ---------------------------------------------------------------------- */
	
.bodytext,
.news-list-morelink {
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

.news-list-morelink a,
.news-list-morelink a:link,
.news-list-morelink a:visited,
.news-list-morelink a:active,
.news-list-morelink a:hover {
	text-decoration:none;
}

.news-single-author,
.news-single-category,
.news-single-timedata {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

.news-single-item h2 {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:140%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:#1C4788;
	text-decoration:none;
}

hr.clearer {
	clear:right;
	height:1px;
	border:1px solid #1C4788;
}

ul {
	list-style-image:url(/fileadmin/images/bullet.gif);
	padding-top:0;
	padding-bottom:0;
	padding-left:16px;
	padding-right:0;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
}

.LabelSearch {
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color:##F4E9E3;
	text-decoration:none;
}


/*
Beim Einbinden von YouTube Videos werden ohne diese Eigenschaften 
möglicherweise unterschiedliche Abstände unter dem Element verwendet.
Der Internet Explorer 6 und 7 brauchen diese Eigenschaften nicht für das object Tag 
sondern für das object Tag. Deshalb wird das in iehacks.css separat nochmal definiert.
*/

object {
	display:block;
	margin-bottom:15px;
}

/* !EXT Tooltip  */
/* ---------------------------------------------------------------------- */	

.tool-tip {
	color:black;
	font-family:Helvetica, Arial, sans serif;
	text-align:left;
	width:240px;
	z-index:13000;
/*
	color : #fff;
	width : 139px;
*/	
}

.tool-title {
	font-weight:bold;
	font-size:11px;
	margin:0;
	color:##F4E9E3;
	background-color:#AE490F;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:5px;
/*
	color : #9FD4FF;
	background : url(/fileadmin/images/bubble2.png) top left;
*/
}

.tool-text {
	font-size:11px;
	color:##F4E9E3;
	background-color:#AE490F;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:5px;
/*
	background : url(/fileadmin/images/bubble2.png) bottom right;
*/
}



/* !standardTemplate */
/* ---------------------------------------------------------------------- */


#wrapper {
	width: 976px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 130px;
	text-align: center;
	margin-top: 20px;
}
#mainMenu {
	height: 23px;
}
#content {

}

.mainMenuItem {
	float: left;
	text-align: left;
	font-size: 12pt;
	text-transform: uppercase;
	margin-right: 25px;
}
.mainMenuItem a {
	color: #f4e9e3;
	font-size: 12pt;
	text-decoration: none;
}
.mainMenuItemAktive a {
	color: #e24768; 
}
.mainMenuItemArrow {
	margin-left: 3px;
	width: 14px;
	display: inline;
}
#languageselect {
	float: right;
	text-align: right;
/*
	display: none;
*/
}
#portal-languages {
                white-space : nowrap;
                    display : block;
                     height : auto;
                line-height : normal;
                      float : right;

                padding-top : 0px;
             padding-bottom : 0px;
               padding-left : 0px;
              padding-right : 0px;

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

#portal-languages li {
                line-height : 13pt;
                  font-size : 11pt;

                    display : inline;
                      color : ##F4E9E3;
            text-decoration : none;
            /* text-transform : uppercase;*/
                font-variant: small-caps;
               border-right : 1px solid ##F4E9E3;

                padding-top : 0px;
             padding-bottom : 0px;
               padding-left : 3px; /* 5px */
              padding-right : 5px; /* 5px */

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

#portal-languages li a {
                line-height : 13pt;
                  font-size : 11pt;
                      color : #f4e9e3;
            text-decoration : underline;
            /* text-transform : uppercase;*/
                font-variant: small-caps;
}

#portal-languages li.lastItem {
               border-right : none;
}

#portal-languages li.selected a {
                      color : #e24768;
}

#portal-languages li a:hover {
                      color : #e24768;
}


/* Seite 1 */
/* ---------------------------------------------------------------------- */

#contentMainframe {
	height: 400px;
	margin-bottom: 5px;
}
#contentMainframeLeft {
	background-color: #28221e;
	width: 585px;
	height: 400px;
	float: left;
}
#contentMainframeRight {
	background-color: #28221e;
  width: 387px;
  height: 400px;
  float: right;
}
.contentSubframeBox {
	background-color: #28221e;
	width: 322px;
	height: 140px;
	float: left;
	margin-right: 5px;
}
.contentSubframeBoxRight {
	background-color: #28221e;
	width: 322px;
	height: 140px;
	float: right;
}

/* Seite 2 */
/* ---------------------------------------------------------------------- */
#contentMainframe2 {
	height: 400px;
	margin-bottom: 5px;
}
#contentMainframe2boxLeft {
	background-color: #28221e;
	width: 192px;
	height: 400px;
	float: left;
}
#contentMainframe2boxRight {
	width: 784px;
	margin-left: 192px;
	overflow: hidden;
	height: 445px;	
	position: relative;
}
.contentMainframe2box {
	background-color: #28221e;
	width: 191px;
	height: 400px;
	float: left;
	margin-left: 5px;
}

h1 {
                       color : #e24768;
                   font-size : 16pt;
                 line-height : 18pt;
                 font-weight : normal;
}

#MainframeLeft2headline{
	height: 35px;
	color:#e24768;
	font-size: 16pt;
	line-height: 18pt;
	padding-top: 25px;
	padding-left: 15px;
}
#MainframeLeft2text {
	padding-left: 15px;
	padding-right: 15px;
	height: 344px;
}
#subMenuLeft{
	background-color: #28221e;
	width: 192px;
	height: 30px;
	float: left;
	padding-top: 5px;
	position: relative;
}
#subMenuLeftArrowLeft {
	width: 16px;
	height: 26px;
	background-image: url(/fileadmin/images/subMenuArrowLeft.png);
	position: absolute;
	left: 5px;
	z-index: 1;
}
#subMenuLeftArrowRight {
	width: 16px;
	height: 26px;
	background-image: url(/fileadmin/images/subMenuArrowRight.png);
	position: absolute;
	right: 5px;	
	z-index: 1;
}
#subMenuLeftText {
	width: 192px;
	height: 28px;
	text-align: center;
	position: absolute;
}

.subMenuLeftTextA {
	margin-left: 2px;
	margin-right: 2px;
}

#subMenuLeftText a {
	font-size: 18px;
	display: none;
	line-height: 25px;
}

#subMenuRight{
	background-color: #28221e;
	float: right;
	width: 779px;
	height: 28px;
	
	color: #e24768;
	font-size: 14pt;
	padding-top: 7px;
}
.SubMenuRightItem{
	width: 191px;
	float: left;
	padding-left: 5px;
}
#SubMenuRightItemLast{
	width: 186px;
	float: left;
	padding-left: 5px;
}
#subMenuLeft a{
	color:#e24768;
	text-decoration:none;
}
#subMenuLeft a:hover{
	color:#F4E9E3;
}

.subMenuSelected {
	color: #F4E9E3;
}

#subMenuLeft .subMenuSelected {
	color: #F4E9E3;
}


/* Seite 3 */
/* ---------------------------------------------------------------------- */
#contentMainframe3 {
	height: 500px;
	margin-bottom: 5px;
}
#contentMainframeLeft3 {
	width: 386px;
	height: 500px;
	float: left;
}

#MainframeLeft3headlineWrapper {
	float: left;
	background-color: #28221e;
	width: 192px;
	height: 500px;
	overflow: hidden;
}

#MainframeLeft3headline{
	height: 85px;
	width: 172px;
	color:#e24768;
	font-size: 16pt;
	line-height: 18pt;
	padding-top: 15px;
	padding-left:20px;
}

#MainframeLeft3image{
	width: 192px;
	float: left;
}

#MainframeLeft3textWrapper {
	float: left;
	background-color: #28221e;
	margin-left: 4px;
	height: 500px;
}

#MainframeLeft3text{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
	width: 160px;
}

#varianten{
	width: 90px;
	height: 490px;
	padding: 5px;
	background-color: #28221e;
	float: left; 
}

.variante {	
}

.varianteBlock {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 200px;
	width:388px;
	display: none;
}
#varianteBildKlein {
	width:86px;
	height: 86px;
	padding-top: 12px;
	padding-left: 8px;
	float: left;
}

.varianteBildKleinDark {
	opacity: 0.50; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=50); /* This one you need for IE. */
    -moz-opacity: 0.50; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.50; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */	
}

.varianteBildKleinDarkOver {
	opacity: 0.50; /* most versions of Firefox, Safari, and Opera */
    filter: alpha(opacity=50); /* This one you need for IE. */
    -moz-opacity: 0.50; /* old school versions of the Mozilla browsers like Netscape Navigator */
    -khtml-opacity: 0.50; /* Safari (1.x) when the rendering engine it was using was still referred to as KTHML, as opposed to the current WebKit */	
}

#contentMainframeRight3 {
  	height: 500px;
  	width: 196px;
	margin-left:390px;
	position:absolute;
	background-color: #28221e;
}
#contentMainframeRight3Top{
	background-color: #28221e;
	margin-bottom: 5px;
	height: 394px;
	text-align: center;
}
#contentMainframeRight3Bottom{
	background-color: #28221e;
	height:101px;
}
#colorSelect{
	margin-top: 25px;
	padding-right: 10px;
	float: right;
	width: 200px;
}
.colorSelectFarbe {
	float: right;
	width: 30px;
	margin-right: 5px;
	
}
#detailInfo {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

h2,
#detailInfoHeadline{
                       color : #e24768;
                   font-size : 14px;
                 line-height : 18pt;
                 font-weight : normal;
                 
	             padding-top : 0px;
               padding-right : 0px;
              padding-bottom : 0px;
                padding-left : 0px;

                  margin-top : 0px;
                margin-right : 0px;
               margin-bottom : 0px;
                 margin-left : 0px;
}
#detailInfoText{
	height:70px;
	overflow: hidden;
}

#detailInfoFarbe {
	height: 20px;
	width: 172px;
	position: absolute;
	top: 463px;
	left: 200px;
	text-align: right;
	font-size: 13px;
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/* Seite 4 */
/* ---------------------------------------------------------------------- */
#contentMainframeLeft1 {
	background-color: #28221e;
	width: 160px;
	height: 360px;
	float: left;
	margin-right: 5px; 
	padding: 25px 15px 15px 15px;
}
#contentMainframeLeftHeadline {
	color:#e24768;
	font-size: 16pt;
	line-height: 18pt;
}
#contentMainframeLeft2 {
	background-color: #28221e;
	width: 335px;
	height: 360px;
	float: left;
	padding: 25px 25px 15px 30px;
}

/* !ProduktLinie */
/* ---------------------------------------------------------------------- */

.myProduktLinie {
	float: left;
	width: 192px;
	margin-left: 4px;
}

.myProduktLinie a {
	text-decoration: none;
}

#overview {
	position: absolute;
	left: 0px;
	height: 445px;
	width: 20000px;
}

.myProduktLinieName {
	height: 15px;
	background-color: #28221e;
	padding: 10px;
	width: 172px;
	color:#e24768;
	font-size: 18px;
}

.myProduktLinieLink {
	
}

/* !LinkSubMenu */
/* ---------------------------------------------------------------------- */

#contentSubMenu {
	margin-top: 15px;
}

.LinkSubMenu {
	margin-bottom: 10px;
}

.LinkSubMenu a {
	font-size: 13px;
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.LinkSubMenuSelected {
	display: none;
}

.LinkSubMenuSelected a {
	font-size: 13px;
	font-family: Helvetica, Arial, Lucida Grande, sans-serif;
	font-weight: bold;
	text-decoration: none;
}