@charset "utf-8";
/* CSS Document */

body{
	background: #ffffff !important;
}

.openPopUp{
	cursor:pointer;
}

#auswahlcontainer{
	/*position:absolute;
	top:0;
	left:0;
	z-index:500;
	width:1040px;
	height:860px;
	background-color:#ffffff;
	*/
	padding:30px;

}

#auswahlcontainer fieldset{
	width:800px;
}

#auswahlcontainer .col{
	float:left;
	margin-right: 60px;
}

.auswahlitem{
	clear:both;
	margin-bottom:20px;
}
.auswahlitem input, .auswahlitem label{
	display:block;
	float:left;
}
.auswahlitem input{
	margin-top: 20px;
	margin-right: 20px;
}

/*Papierschild*/
.grafik .breite{
	margin-left:2mm;
}
.grafik .papier{
	margin-right:5px;
	float:left;
	border: 1px solid #999999;
}
.grafik .hoehe{
	float:left;
	margin-top:6px;
}


#bm-iframeLayerContent{
	display:none;
	width:1040px;
	position:relative;
	margin-top:30px;
	background-color:#ffffff;
	z-index:12001;
}

.bm-contentLayer{
	background-color:#FFFFFF;
	/*border-radius: 8px;*/
	font-family:Arial;
	z-index:200000;
}

.b-close{
	cursor:pointer;
	position:absolute;
	top:10px;
	left:980px;
}

#bm{
	background-color:#FFFFFF;
	margin:20px;
	width:1000px;
	border-radius: 8px;
}

h1#bm-marker{
	margin: 0.4em 0 !important;
}

#bm-Beschriftungpreise{
	border:2px solid #000000;
	/*background-color:#e6e6e6;*/
	background-color:#FFFFFF;
	padding:6px;
	width:360px;
}

/************/
/* Vorschau */
/************/
#bm-Vorschau{
	margin:20px;
	display:none;
	width:980px;
/*position:absolute;
z-index:99;*/
}

#bm-VorschauContainer{
	border:solid 0px #0C6;
/*position:absolute;
z-index:99;*/
}
/************/
/* Vorschau */
/************/


/************/
/* Confirm */
/************/
#bm-confirmContainer{
	width:400px;
	height:200px;
	margin:auto;	
	padding:10px;
	font-size:14px;	
	border:1px solid #B0AEA9;
	border-radius: 8px;
	background-color:#F1F1F1;
	margin-top:20%;
}
#bm-confirmTextContainer{
	width:400px;
	height:130px;
	margin-top:20px;
	text-align:center	
}
#bm-confirmButtonsContainer{
	width:400px;
	margin-top:20px;
	text-align:center	
}

/************/
/* Variante */
/************/
#bm-VarianteContainer{
	float:left;
	border:solid 0px #000000;
	margin-right:20px; margin-bottom:20px;
	width:155px;
}

.bm-Variante{
	float:left; position: relative;
	border:solid 0px #CACACA;
	width:70px;
	height:70px;
	padding:3px;
}

#bm-Variante-Titel{
	border:solid 0px #CACACA;
}

.bm-Variante-Normbox{
	position:absolute; 
	border:solid 1px #FFFFFF;
}
.bm-Variante-Normbox.active{
	position:absolute;
	border:solid 5px #FF0000;
}
/************/
/* Variante */
/************/



/*********/
/* Maske */
/*********/
#bm-Maske-Container{
	float:left;
	border:solid 0px #03C;
	margin-right:95px;
	width:410px;
}

#bm-Maske{
	position:relative;
	width:100%;
	border:solid 0px #03C;
	width:280px;
	height:280px;	
}

#bm-Maske-Deckelbild{
	position:relative;
	float:left;
	width:100%;
	border:solid 0px #03C;
}

#bm-Maske-Titel{
	border:solid 0px #03C;
}

#bm-Maske-Main{
	position:absolute;
	float:left;
	width:100%;	height:100%;
	border:solid 0px #000000;
}

#bm-Maske-Picture{
	background-size:100%;
	background-repeat:no-repeat;
	position:absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	border:solid 0px #000000;
}

#bm-Maske-Normbox{
	position:absolute;
	border:solid 0px #000000;
}

.bm-Maske-Feld{
	position:absolute;
	border:0px solid #CACACA;
	background-color:#CACACA;
	/*background-image: url('../../img/grey_trans.png');*/
}
/*********/
/* Maske */
/*********/



/************/
/* Aktionen */
/************/
#bm-Aktionen-Haupt{
	float:left;
	border:solid 0px #03C;
	margin-bottom:20px;
	width:300px;
	height:300px;
}

.bm-Aktionen-Wahl{	
	font-size: 12px;
	font-weight: bold;
	vertical-align:middle;
	height: 28px;
	border:solid 0px #000;
	width:100%;
}

#bm-Aktionen-Titel{
	border:solid 0px #03C;
}

.bm-Aktionen-Button{
	height:24px;width:26px;
}
/************/
/* Aktionen */
/************/



/************/
/* Vorlagen */
/************/
#bm-Vorlagen-Haupt{
	float:left;
/*	position:relative;*/
	border:solid 0px #03C;
	margin-right:20px; margin-bottom:20px;
	width:530px;
	display:none;
}

#bm-Vorlagen-Titel{
	border:solid 0px #03C;
}
/************/
/* Vorlagen */
/************/



/**********/
/* Symbol */
/**********/
#bm-Symbol-Haupt{
	float:left;
	position:relative;
	border:solid 0px #03C;
	margin-bottom:20px;
	display:none;
	height:280px;
	width:390px;
}

#bm-Symbol-Titel{
	border:solid 0px #03C;
}

#bm-Symbol-SymbolGruppe{
	border:solid 0px #C30;
	width:388px;
	height:220px;
	overflow:auto;
}

#bm-Symbol-Buttonleiste{
	float:left;
	width:530px;
	border:solid 0px #000000;
	bottom:0px;
	padding-top:10px;
}

#bm-Symbol-mmleiste{
	float:left;
	border:solid 0px red;
}

.bm-Symbol-Symbol{
	float:left;
	border:solid 0px #000000;
	margin:5px;
	margin-bottom:30px;
}
/**********/
/* Symbol */
/**********/



/***************/
/* TextEingabe */
/***************/
#bm-TextEingabe-Haupt{
	float:left;
	position:relative;
	border:solid 0px #03C;
	margin-bottom:20px;
	display:none;
	height:280px;
}

#bm-TextEingabe-Titel{
	border:solid 0px #03C;
}

.bm-TextEingabe-Input{
	height:27px;
	width:355px;
    font: 0.9em arial;
}

.bm-TextEingabe-Favorites{
	padding-left:10px;
	height:27px;
	width:27px;
	cursor:pointer;
}

#bm-TextEingabe-Buttonleiste{
	float:left;
	width:530px;
	border:solid 0px #000000;
	bottom:0px;
	padding-top:10px;
}

#bm-TextEingabe-mmleiste{
	float:left;
	border:solid 0px red;
}

#bm-TextEingabe-AusrichtungLoeschenleiste{
	float:right;
	border:solid 0px red;
}

#bm-TextEingabe-AusrichtungLoeschenleiste img{
	width:27px;
	height:27px;
	cursor:pointer;
}

#TextZuGross{
	border:2px solid #c0c0c0;
	/*background-color:#e6e6e6;*/
	background-color:#FFFFFF;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-ms-border-radius:.5em;
	-o-border-radius:.5em;
	border-radius:.5em;

	padding:6px;
	width:200px;
}


/***************/
/* TextEingabe */
/***************/



/*****************/
/* Bedienkonzept */
/*****************/
#bm-Bedienkonzept{
	float:left;
	position:relative;
	border:solid 1px #000000;
}
/*****************/
/* Bedienkonzept */
/*****************/

/***************/
/* Tab Control */
/***************/

#tabs_container {
    border-bottom: 1px solid #ccc;
/*	display:none;*/
}
#tabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 0px;
/*    font: 1em arial;*/
}
#tabs li {
    display: inline;
}
#tabs li a {
    padding: 4px 6px;
	margin: 0 0 0 0px;
    text-decoration: none;
    background-color: #000000;
	color:#ffffff;
    border-bottom: none;
    outline: none;
	/*
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	*/
}

#tabs li a:hover {
    background-color: #000000;
    padding: 4px 6px;
	-webkit-box-shadow: rgba(255, 0, 0, 0.3) 0px 0px 11px 3px;
    -moz-box-shadow: rgba(255, 0, 0, 0.3) 0px 0px 11px 3px;
    box-shadow: rgba(255, 0, 0, 0.3) 0px 0px 11px 3px;
    color: white;
}

#tabs li a:active {
	box-shadow: none;
    background-color: #cf2013;
}

#tabs li.active a {
    /*border-bottom: 1px solid #fff;*/
    background-color: #cacaca;
    padding: 4px 6px;
	margin: 0 0 0 0px;
    border-bottom: none;
}
#tabs li.active a:hover {
    background-color: #cacaca;
    padding: 4px 6px;
    border-bottom: none;
	-webkit-box-shadow: rgba(255, 0, 0, 0.3) 0px 0px 11px 3px;
    -moz-box-shadow: rgba(255, 0, 0, 0.3) 0px 0px 11px 3px;
    box-shadow: rgba(255, 0, 0, 0.3) 0px 0px 11px 3px;
    color: white;
}
 
#tabs li a.icon_accept {
    background-image: url(../../img/favouriten.png);
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 2px;
}
#tabs li a.icon_accept:hover {
    padding-left: 2px;
}
 
#tabs_content_container {
	font-family:arial;
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
    width: 370px;
	background-color:#FFF
/*	display:none;*/
}
.tab_content {
    display: none;
	overflow:auto;
	height:155px;
	margin:0px;
	padding:0px;
 
}

.tab_content li{
	margin:0px;
	padding:0px; 
	list-style-type: none;
}

.tab_content li:hover {
    background-color: #dddddd;
    padding: 0px;
    border-bottom: none;
	cursor:pointer;
}
/***************/
/* Tab Control */
/***************/
