/* Content und Sidebar-Elemente */
/*
BODY {
	margin: 0px;
	padding: 0px;
	background : #202020 url(../images/) repeat-x;
	color: #aaaaaa;
}

#content h1 {
	font-size: 300%;
	font-weight : normal;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 2px 0px;
	color: #ffffff;
	font-variant : small-caps;
	border-bottom: 1px solid #aaaaaa;
}

#content h2, #sidebar h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
	color: #ffffff;
	letter-spacing : 1px;
}

#content h2 {
	font-size: 200%;
	font-weight : normal;
	padding: 10px 0px 2px 0px;
	font-variant : small-caps;
	text-transform : uppercase;
	border-bottom: 1px solid #bbbbbb;
	margin-bottom: 10px;
	margin-top: 20px;
}

#sidebar h2 {
	padding: 2px 0px 2px 0px;
	text-transform : uppercase;
}

#content h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-transform : uppercase;
}

#content p, #sidebar p {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 180%;
}

#content a, #sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #A8204A;
	font-style : italic;
}

#content a.link {
	border-bottom: 1px solid #555555;
}

#content a:hover, #sidebar a:hover {
	color: #ffffff;
}

#content .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 10px;*/
	
    /* 
    width: 384px;
    */
	/* 
    width: 160px;
    */
/*
}

#content .clearer {
	clear: both;
}

#more p {
	marging: 0px;
	padding: 0px 0px 8px 0px;
	text-align: right;
	line-height: 100%;
}

#more a {
	padding: 2px 0px 2px 14px;
	background : url(../images/) no-repeat;
}

.pictureframe  {
	padding: 1px;
	border : 1px solid #000000;
	background-color: #888888;
}
*/

/* Liste */
/*
#content ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 10px;
}

#content li, #sidebar li {
	padding: 2px 0px 2px 16px;
	background: url(../images/) no-repeat top left;
}
*/
/* Tabelle */
/*
#content table.cells {
	border: 1px solid #aaaaaa;
}

#content td.cell {
	background-color: #000000;
}

#content td.headercell {
	background-color: #000000;
	color: #A8204A;
	font-weight: bold;
}
*/
/* Teaser */
div.teaseritem{
    /*  display:table-cell; */
    float: left;
    display: flex;
    display: -webkit-flex;   
    flex-direction: column;     
    -webkit-flex-direction: column; 
    align-items: flex-start; 
    padding: 5px;
    margin: 0px;
}
div.teaseritem1{
    /*  display:table-cell; */
    /*float: left;
    display: flex;
    display: -webkit-flex;   
    flex-direction: row;     
    -webkit-flex-direction: row; 
    align-items: flex-start; */
    padding: 5px;
    margin: 0px;
}
div.teaseritem_inner{
    width: 100%;
    /* color: #474d51; */
    /* background-color: #fff; */
    /* overflow: hidden; */
    /* -webkit-box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); */
    /* box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); */
    float: left;
    display: flex;
    display: -webkit-flex;   
    flex-direction: column;     
    -webkit-flex-direction: column; 
    align-items: flex-start; 
    padding: 5px;
    margin: 0px;
}
div.teaseritem_inner1{
    width: 100%;
    /* color: #474d51; */
    /* background-color: #fff; */
    /* overflow: hidden; */
    /* -webkit-box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); */
    /* box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); */
    float: left;
    display: flex;
    display: -webkit-flex;   
    flex-direction: column;     
    -webkit-flex-direction: row; 
    align-items: flex-start; 
    padding: 5px;
    margin: 0px;
}
div.boton_comprar{
    width: 100%;
    margin-top:auto;
    /* color: #474d51; */
    /* background-color: #fff; */
    /* overflow: hidden; */
    /* -webkit-box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); */
    /* box-shadow: 0 0.125rem 0.313rem rgba( 0, 0, 0, .2 ); */
    align-self:center;
}
div.teaserelement {
    
    display: flex;
    display: -webkit-flex;   
    flex-direction: row;     
    -webkit-flex-direction: row; 
    float: left;
    padding: 0px 0px 0px 15px;
    margin: 0px;
}

div.teaser {
    width: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* -webkit-align-items: flex-start;*/
    /* -ms-align-items: flex-start;*/
    /* align-items: flex-start; */

    /* -webkit-align-content: flex-start;*/
    /* -ms-align-content: flex-start;*/
    /* align-content: flex-start; */

    /* -webkit-justify-content: flex-end; */
    /* -ms-justify-content: flex-end; */ 
    /* justify-content: flex-end; */

    margin: 0px;
    padding: 2px 0px 2px 0px;
}

div.teaserpicture {
    float: right;
    /* margin: 5px; */
    padding: 1px;
    /* border : 1px solid #000000; */
    background-color: #888888;
}

p.teasertext {
    margin: 0px;
    padding: 4px 0px 4px 0px !important;
}

.teaseritem_inner p{
    margin: 0px;
    padding: 10px !important;
}

.teasernav {
    clear: both;
    padding: 6px 0px 2px 0px;
    margin: 0px;
    text-align: center;
}

/* Absatztype Formular */

input.box {
    border : 1px solid #888888;
    width: 300px;
    vertical-align: top;
    padding: 1px;
    margin: 0px 0px 10px 0px;
    background : #ffffff url(../images/) repeat-x;
}

form.formular textarea  {
    background : #ffffff url(../images/) repeat-x;
    border : 1px solid #888888;
    width: 300px;
    height: 200px;
    vertical-align: top;
    padding: 1px;
    margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
    width: 220px;
    line-height: 200%;
    float: left;
    clear: left;
}

form.formular .formnote {
    line-height: 160%;
    padding: 2px 0px 10px 222px !important;
}

.buttoncaption {
    line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
    font-size: 180%;
    color: #A8204A;
    font-weight : bold;
    margin: 0px;
    padding: 2px 0px 2px 0px;
    line-height: 200%;
}

P.s2dsmall  {
    font-size: 80%;
}

a.s2dsmall, a.s2dinfo  {
    border-bottom: 1px solid #bbbbbb !important;
}

/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
    border: 1px solid #bbbbbb;
/*
    border: 1px solid #ffffff;

    background-color: #A8204A;
*/
}

/* Weitere Styledefinitionen für Formularelemente */
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border: 1px solid #A70C0C;
	background-color: #F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 1170px;
	margin: auto;
}

table.completewidth, td.completewidth {
	width: 100%;
}

/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 585px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 234px;
}

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* Focus und Mausover von Formularelementen, immer identisch */
/*
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}