/* Tags */
body {
	color:#636363;
	font-family:arial,helvetica,verdana,sans-serif;
}
body, td, div, p, h2, h3 {
	font-size:11px;
}
h1 {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	display: inline;
}
h2, h3 {
	font-size:10px;
	display: inline;
}
form {
	display:inline;
	margin:0px;
}
a {
	color:#636363;
	text-decoration:none;
}
a:hover {
	color:#636363;
	text-decoration:none;
}
input {
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #636363;
	padding-left:2px;
}
select {
	font-size:11px;
	background-color:#FFFFFF;
	border:1px solid #636363;
}
textarea {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	border:1px solid #636363;
	padding-left:2px;
}
input.checkbox {
	border: none;
}

/* IDs */
#body {
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#ffffff;
	background-image:url(dest/img/hintergrund_verlauf.jpg); 
	background-position:left 45px; 
	background-repeat:repeat-x; 	
}

#divIndex {
	text-align:left;
	vertical-align:middle;
	margin:0px auto;
	padding:0px;
	width:985px;
	background-color:#ffffff;
  border:2px dotted #636363;
  position:relative;
}

#bodyPopup {
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	background-color:#ffffff;
}
#divIndexPopup {
	text-align:left;
	vertical-align:middle;	
	margin:0px auto;
	padding:0px;
	background-color:#ffffff;
}

#content {
	margin-left:10px;
}
#idKopfbild {
	margin:0px auto;
	margin-left:-20px;
	width:1024px;
	height:140px;
	background-image:url(/SyMedien/de/99_kopf-1024.jpg);
	background-repeat:no-repeat;
	background-position:center 38px;
	position:absolute; 
}
#idKopf {
	margin:0 auto;
	position:relative; 
}

#idFuss {
	margin-left:0px;
	margin-bottom:10px;
}

#idVerlauf {
	font-size:11px;
	margin-top:15px;
	margin-left:24px;
	height:20px;
	color:#636363;
}
#idVerlauf a {
	color:#636363;
	text-decoration:none;
}
#idVerlauf a:hover {
	color:#636363;
	text-decoration:none;
}

#divDebug {
	color:#FF0000;
  position:relative;
}

/*  Formulare */
input.text {
	width:260px;
}
input.zahl {
	width:260px;
}
select.auswahl {
	width:263px;
}
input[type="checkbox"] {
	border:0px;
}
input[type="radio"] {
	border:0px;
}
textarea.memo {
	width:260px;
	height:130px;
}
textarea.memo430 {
	width:430px;
	height:130px;
}

.contentHeadline{
	margin-top:16px;
	font-size:18px;
	color:#c5c5c5;
}
.bgwhite {
	background-color:#ffffff;
}
.headmodule {
	height:16px;
}
.clear5{
	font-size:1px;
	height:5px;
}
.clear15{
	font-size:1px;
	height:15px;
}
.selectKontaktBetreff {
	width:263px;
}
* html .selectKontaktBetreff {
	width:266px;
}


/**************************************************************************/
/* neue Klassen */
img {
	border:0px;
}
.noborder {
	border:0px; 
	background-color:transparent;
}
.bgFarbe1 {
	background-color:#636363;
}
.bgFarbe2 {
	background-color:#FFFFFF;
}
.bgFarbe3 {
	background-color:#F5F6F7;
}
.bgFarbe4 {
	background-color:#979797;
}
.bgFarbe5 {
	background-color:#c5c5c5;
}
.bgFarbe6 {
	background-color:#D8DCDE;
}
.bgFarbe7 {
	background-color:#FF0000;
}
.bgFarbe8 {
	background-color:#000000;
}
.bgFarbe9 {
	background-color:#ed1666;
}

.LiniePunkteUnten {
	height:1px;
	border-bottom:1px dotted #636363;
}
.LiniePunkteOben {
	height:1px;
	border-top:1px dotted #636363;
}

.textNormal {
	line-height:15px;
	font-size:10px;
	color:#636363;
	text-decoration:none;
}
.textRosa {
	line-height:15px;
	font-size:10px;
	color:#ed1666;
	text-decoration:none;
}
.textRotGestrichen {
	line-height:15px;
	font-size:10px;
	color:#FF0000;
	text-decoration:line-through;
}
.textSchwarzFett	{
	line-height:15px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}
.textKlein {
	font-size:9px;
	text-decoration:none;
}
.textFett {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.textFettRosa {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#ed1666;
}
.text11Fett {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.textUnterstrich {
	font-size:10px;
	text-decoration:underline;
}
.textGross {
	font-size:13px;
	text-decoration:none;
}
.textGrossFett {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.textRiesig {
	font-size:18px;
	text-decoration:none;
}

a.LinkRosa {
	line-height:15px;
	font-size:10px;
	color:#ed1666;
}
a.LinkRosa:hover {
	line-height:15px;
	font-size:10px;
	color:#ed1666;
	text-decoration: underline;
}

.BestsellerTitel {
	height:16px;
	line-height:16px;
	font-size:13px;
	background-color:#FFFFFF;
	color:#ed1666;	
	padding-left:0px;
	padding-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	text-decoration:none;
	font-weight:bold;
}

h1.BestsellerTitel,
h2.BestsellerTitel,
h2.BestsellerTitel {
	display: block;
}

.modulTitel {
	height:20px;
	line-height:20px;
	font-size:13px;
	/* background-color:#979797;
	color:#FFFFFF; */
	background-color:#FFFFFF;
	color:#ed1666;	
	padding-left:0px;
	padding-right:5px;
	margin-top:7px;
	margin-bottom:7px;
	text-decoration:none;
	font-weight:bold;
}
.modulTitel a {
	height:20px;
	line-height:20px;
	color:#ed1666;
	/* color:#FFFFFF; */
	text-decoration:none;
}
.modulTitel a:hover {
	text-decoration:none;
	color:#ed1666;
}
.modulTitel.seite a {
	display:block;
}

.modulFormular {
	/* background-color:#F5F6F7; */
	background-color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration:none;
}

.modulInhalt {
	font-size:11px;
	text-decoration:none;
	padding:5px;
	background-color:#F5F6F7;
	color:#c5c5c5;
}

.modulSuche {
	font-size:11px;
	height:18px;
	text-decoration:none;
	padding:0px;
	background-color:#000000;
	color:#c5c5c5;
}

/*
* Navigation allgemein
*/
ul.modulEbene1 {
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.modulEbene1 li {
	border-bottom:2px solid #ffffff;
}
ul.modulEbene1 li.open {
	border-bottom:0px solid #ffffff;
}
ul.modulEbene1 li a {
	/*height:20px;*/
	line-height:20px;
	display:block;
	/*width:145px;*/
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	background-color:#FFFFFF;
	color:#636363;
}
ul.modulEbene1 li a:hover {
	text-decoration:none;
	color:#636363;
	background-color:#FFFFFF;
}
ul.modulEbene1 li a.active {
	text-decoration:none;
	color:#636363;
	background-color:#FFFFFF;
}
ul.modulEbene1 li a.open {
	text-decoration:none;
	color:#636363;
}
ul.modulEbene2 {
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.modulEbene2 li { 
	border-bottom:0px;
	border-top:2px solid #FFFFFF;
}
ul.modulEbene2 li.first {
	border-top:0px solid #ffffff;
}
ul.modulEbene2 li a {
	/*height:20px;*/
	line-height:20px;
	display:block;
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	background-color:#ffffff;
	color:#636363;
}
ul.modulEbene2 li a:hover {
	background-color:#ffffff;
	color:#979797;
	text-decoration:none;
}
ul.modulEbene2 li a.active {
	background-color:#ffffff;
	color:#979797;
	text-decoration:none;
}

/*
* Navigation Gruppen
*/
.rubrikTitel {
	height:20px;
	line-height:20px;
	display:block;
	font-size:13px;
	background-color:#FFFFFF;
	/* background-color:#FFFFFF; */
	/*color:#FFFFFF;*/
	color:#ed1666;
	padding:0px;
	margin-top:10px;
	margin-bottom:5px;
	text-decoration:none;
}
.rubrikTitel a {
	height:20px;
	line-height:20px;
	text-decoration:none;
	padding-left:0px;
	/*color:#FFFFFF;*/
	color:#ed1666;
}
.rubrikTitel a:hover {
	text-decoration:none;
	background-image:url(/SyMedien/Standard/102_punkt_aktiv.gif);
	background-repeat:no-repeat;
}
.rubrikTitel a.open {
	text-decoration:none;
	background-image:url(/SyMedien/Standard/101_punkt_inaktiv.gif);
	background-repeat:no-repeat;
}

ul.gruppeEbene1 {
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.gruppeEbene1 li {
	border-bottom:2px solid #ffffff;
}
ul.gruppeEbene1 li.open {
	border-bottom:0px solid #ffffff;
}
ul.gruppeEbene1 li a {
	/*height:20px;*/
	line-height:18px;
	display:block;
	/*width:145px;*/
	font-size:11px;
	text-decoration:none;
	padding-left:0px;
	background-color:#FFFFFF;
	color:#636363;
}
ul.gruppeEbene1 li a:hover {
	text-decoration:none;
	color:#ed1666;
	background-color:#FFFFFF;
	/* background-image:url(/SyMedien/Standard/102_punkt_aktiv.gif); */
	background-repeat:no-repeat;
}
ul.gruppeEbene1 li a.active {
	text-decoration:none;
	color:#ed1666;
	font-weight: bold;
	background-color:#FFFFFF;
	/* background-image:url(/SyMedien/Standard/102_punkt_aktiv.gif); */
	background-repeat:no-repeat;
}
ul.gruppeEbene1 li a.open {
	text-decoration:none;
	color:#ed1666;
	background-color:#FFFFFF;
	font-weight: bold;
	/* background-image:url(/SyMedien/Standard/101_punkt_inaktiv.gif); */
	background-repeat:no-repeat;
}
ul.gruppeEbene2 {
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.gruppeEbene2 li { 
	border-bottom:0px;
	border-top:2px solid #FFFFFF;
}
ul.gruppeEbene2 li.first {
	border-top:0px solid #ffffff;
}
ul.gruppeEbene2 li a {
	/*height:20px;*/
	line-height:18px;
	display:block;
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	background-color:#ffffff;
	color:#636363;
}
ul.gruppeEbene2 li a:hover {
	background-color:#ffffff;
	color:#ed1666;
	text-decoration:none;
}
ul.gruppeEbene2 li a.active {
	background-color:#ffffff;
	color:#ed1666;
	text-decoration:none;
}


.navigationText {
	color:#636363;
	padding-left:55px;
	padding-top:10px;
	/* padding-bottom:5px; */
	line-height:16px;
	font-weight:bold;
}
.navigationText a {
	color:#636363;
	text-decoration:none;
}
.navigationText a:hover {
	color:#636363;
	text-decoration:none;
}

.navigationText img {
	vertical-align: middle; 
	top: -2px; 
	position: relative; 
	padding-left: 2px;
}

/* Buttons */
a.button100 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_pink_100.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.button120 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_pink_120.jpg);
	background-repeat:no-repeat;
	width:120px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.button150 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_pink_150.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.button200 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_pink_250.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.button250 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_pink_250.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.buttongrau100 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_grau_100.jpg);
	background-repeat:no-repeat;
	width:100px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.buttongrau120 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_grau_120.jpg);
	background-repeat:no-repeat;
	width:120px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.buttongrau150 {
	display:block;
	background-color:transparent;
	background-image:url(dest/img/buttons/button_grau_150.jpg);
	background-repeat:no-repeat;
	width:150px;
	height:19px;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF !important;
	text-decoration:none;
}
a.button100:hover, a.button100:active, 
a.button120:hover, a.button120:active, 
a.button150:hover, a.button150:active, 
a.button200:hover, a.button200:active, 
a.button250:hover, a.button250:active, 
a.buttongrau100:hover, a.buttongrau100:active,
a.buttongrau120:hover, a.buttongrau120:active,
a.buttongrau150:hover, a.buttongrau150:active {
	/* background-position:-1px -1px; */
	color:#FFFFFF !important;
	text-decoration:none;
}
.icon {
	background-repeat:no-repeat;
	padding:0 0 5px 25px;
}
a.button100:hover .icon, a.button100:active .icon, 
a.button150:hover .icon, a.button150:active .icon, 
a.button250:hover .icon, a.button250:active .icon {
	/* background-position:0 -28px; */
}

a.Gruppenlogo {
	display:block;
	/* background-color:transparent;
	background-image:url(dest/img/sbb_marken_bg.gif);
	background-repeat:no-repeat; */
	width:220px;
	height:70px;
	text-align:center;
	vertical-align: middle;
	font-size:11px;
	font-weight:bold;
	color:#c5c5c5;
	text-decoration:none;
	border: 1px solid #c5c5c5;
}
a.Gruppenlogo:hover, a.Gruppenlogo:active {
	color:#000000;
	border: 1px solid black;
}

/* Button Icons */
#buttonOK .icon {
	background-image:url(img/buttons/ok.gif);
}
#buttonCancel .icon {
	background-image:url(cancel.gif);
}
#buttonImport .icon {
	background-image:url(import.gif);
}

.bild {
	border:1px solid #636363;
}
a.bild {
	display:block;
	border:1px solid #ffffff;
	margin:2px;
}
a.bild:active {
	border:1px solid #FFFFFF;
}
a.bild:hover {
	border:1px solid #FFFFFF;
}

/* Bestellvorgang */
.bvHintergrund {
	color:#E4E4E4;
	font-weight:bold;
	font-size:50px;
	line-height:38px;
}
.bvHintergrundAktiv {
	color:#ed1666;
	font-weight:bold;
	font-size:50px;
	line-height:38px;
}
.bvText {
	color:#636363;
	font-weight:bold;
	font-size:14px;
}
.bvTextAktiv {
	color:#ed1666;
	font-weight:bold;
	font-size:14px;
}

.zuletzt {
	border:1px solid #636363;
}
.zuletztText {
	font-size:11px;
	margin-left:5px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
}

div.teaser {
	position:relative;
}
div.teaser a {
	position:absolute;
	color:#636363;
	text-decoration:none;
}
div.teaser div {
	position:absolute;
	color:#636363;
	text-decoration:none;
}
div.teaser a:hover, a:active {
	color:#636363;
	text-decoration:none;
}

.fehler {
/*	border:1px solid #cc0000; */
	background-color:#cccccc;
}
.fehlerModul {
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#ed1666;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px dotted #636363;
 font-weight: bold;
 font-size: 10px;
}

ul.tabbernav li
{
 list-style: none;
 margin-right: 3px;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 border: 1px dotted #636363;
 border-bottom: none;
 background-image: none;
 text-decoration: none;
}

ul.tabbernav li a:link {  color: #000000; }
ul.tabbernav li a:visited {  color: #000000; }

ul.tabbernav li a:hover
{
 color: #FFFFFF;
 border: 1px dotted #636363;
 background-image:url(dest/img/buttons/button_pink_100.jpg); 
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
 background-image:url(dest/img/buttons/button_pink_100.jpg); 
 color: #FFFFFF; 
}

ul.tabbernav li.tabberactive a:hover
{
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px dotted #636363;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 height:150px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:150px;
 overflow:auto;
}

div.Linkleiste  {
background-color:#000000;
color:#FFFFFF !important;
line-height:24px;
padding-left:20px;
width:924px;
}
div.UeberschriftGelb {
border-bottom:2px dotted #636363;
color:#F9E03B !important;
display:block;
font-size:20px;
font-weight:bold;
height:30px;
left:0;
padding-left:20px;
position:relative !important;
top:35px;
width:924px;
}

div.aussen100 {
width:100%;
overflow:hidden; 
}
div.innen50, div.innen50l {
/* background-color: #0000FF; */
float: left;
width:50%;
display:inline;
}
div.innen49, div.innen49l {
/* background-color: #0000FF; */
float: left;
width:49%;
display:inline;
}
div.innen50r {
/* background-color: #0000FF; */
float: right;
width:50%;
display:inline;
margin-left: -5px;
}
div.innen49r {
/* background-color: #0000FF; */
float: right;
width:49%;
display:inline;
}
div.innen33 {;
/* background-color: #00FF00; */
float:left;
width:33%;
}
div.innen25 {;
/* background-color: #00FF00; */
float:left;
width:49%;
}
div.innen2 {
/* background-color: #0000FF; */
float: left;
width:2%;
display:inline;
}
div.clearfix {
clear: both;
line-height: 0px;
}
div.platzhalter20 {
height:20px;
}