/* Content-Elemente */

/* Trennlinie */

#content .line {
        height: 10px;
        margin: 10px 0 48px 0;
        padding: 0;
        border: 0;
        border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -ms-border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -ms-border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -ms-border-bottom-left-radius: 4px;
        background-color: #e6e6e6; /* #dddddd; */
        overflow: hidden;
}

/* Standard */

a.iconlink {
        padding-left: 17px;
        display: inline-block;
        white-space: nowrap;
        background-repeat : no-repeat;
        background-position : 0 2px;
}

a.iconlink2 {background-image: url(../images/piconfile.gif)}
a.iconlink3 {background-image: url(../images/piconexe.gif)}
a.iconlink4 {background-image: url(../images/piconmovie.gif)}
a.iconlink5 {background-image: url(../images/piconsound.gif)}
a.iconlink6 {background-image: url(../images/piconpdf.gif)}
a.iconlink7 {background-image: url(../images/picontext.gif)}
a.iconlink8 {background-image: url(../images/piconzip.gif)}


#content .w2dptablinks {
        margin: 0 0 0 5px;
        padding: 48px 0 0 0;
        border-bottom: 1px solid #e6e6e6; /* #EE001A; */
        /* margin: 0 0 0 19px; */
        margin-bottom: 10px;
}

#content .w2dptablinks a {
        font-weight: normal;
        font-size : 100%;
        margin-right: 1px;
        padding: 10px 30px 10px 30px;
        border-left: 1px solid #e6e6e6; /* #EE001A; */
        border-top: 1px solid #e6e6e6; /* #EE001A; */
        border-right: 1px solid #e6e6e6; /* #EE001A; */
        /* border-bottom: 1px solid #f0f0f0; #EE001A; */
        border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -ms-border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -ms-border-top-right-radius: 4px;
        /* border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -ms-border-bottom-left-radius: 4px; */
        display: block;
        float: left;
        color: #ffffff; /* #EE001A; */
        background-color: #ee001a;
        text-decoration: none;
        outline: 0;
}

#content .w2dptablinks a.w2dptabsel {
         color: #222222; /* #EE001A; */
         background-color: #ffffff;
         text-decoration: none;
         opacity: 1;
}

#content .w2dptablinks a:hover {
         color: #222222; /* #EE001A; */
         background-color: #ffffff;
         text-decoration: none;
         cursor: default;
}


#content h1 {
        font-weight: normal;
        font-size : 1%;
        margin: 0 0 10px 5px;  /* margin: 0 0 10px 5px; (Links eingerückt!) */
        padding: 0;
}

#content h1 span {
        display: none;
}

#content h2 {
        font-size: 120%;
        font-weight : bold;
        /* text-transform: uppercase;
        letter-spacing: 3px; */
        margin: 10px 0 30px 5px;
        padding: 0;
        color: #EE001A;
}

#content h3 {
        font-size: 11px;
        font-weight: normal;
        font-style: normal;
        margin: 8px 0 30px 5px;
        padding: 0;
        color: #888888;
        /* max-height:13px; */
}

#content p {
        margin: 0 0 70px 5px;
        padding: 0;
        line-height: 170%;
}

/* Absatz */

#content div.paragraph {
        padding: 0;
        margin: 10px 0 30px 0;
}

/* Link */

#content a {
        text-decoration: underline;
        font-weight : normal;
        color: #008eed; /* #888888; */
}

#content a:hover {
        text-decoration: underline;
        color: #008eed; /* #888888; */
}

/* Sidepicture */

#content .sidepictureright {
        float: right;
        padding: 0;
        margin: 10px 0 10px 20px;
        width: 160px;
}

#content .sidepictureleft {
        float: left;
        padding: 0;
        margin: 10px 20px 10px 0;
        width: 176px;
}


#content .sidepicture img {
        margin-bottom: 8px;
        display: block;
}

#content .clearer {
        clear: both;
}

#more {
        margin: 20px 0;
        padding: 0;
        text-align: right;
}

/* Text */

#content .texttabs {
        margin: 10px 0 10px 0;
        padding: 4px 0;
}


#content .texttab {
        padding: 4px 6px;
        border: 1px solid #F0F0F0;
        font-weight: normal;
        outline: 0;
}

#content .texttabsel {
        background-color: #F0F0F0;
        color: #ffffff;
}

#content p.emphasizeleft {
        padding-left: 17px;
        border-left: 3px solid #ffffff; /* #F0F0F0; */
        /* border-top-left-radius: 10px;
        -moz-border-top-left-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -ms-border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        -moz-border-bottom-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -ms-border-bottom-left-radius: 10px; */
}

#content p.emphasizeright {
        padding-right: 10px;
        border-right: 10px solid #ffffff; /* #F0F0F0; */
}

/* Liste */

#content ul {
        list-style: none;
        padding: 0px;
        margin: 0 0 60px 0;
}

#content li {
        margin: 0 0 8px 18px;
        padding: 0 0 0 23px;
        background: url(../images/pbullet_rentkaraoke.gif) no-repeat top left;
        font-size: 100%;
        line-height: 160%;
}

/* Picture */

#content img.picture {
        /* padding: 7px; */
        border: 1px solid #e6e6e6; /* #dddddd; */
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
}

#content a:hover img.picture {
        border: 1px solid #e6e6e6; /* #F0F0F0; */
        /* opacity: 0.9; */
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
}


#content img.picture1 {
        /* padding: 7px; */
        border: 1px solid #e6e6e6; /* #dddddd; */
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
}

#content a:hover img.picture1 {
        border: 1px solid #e6e6e6; /* #F0F0F0; */
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
}

/* Tabelle */

#content table.cells {
        margin: 0 0 0 5px;
        border: 2px solid #e6e6e6; /* #EE001A; */
        border-collapse: collapse;
        border-spacing: 0px;
}

#content td.cell {
        border: 2px solid #e6e6e6; /* #EE001A; */
        color: #222222; /*#888888; */
        background-color: #ffffff;
        padding: 26px 30px 34px 30px;
        border-collapse:collapse;
        line-height: 145%;
        font-size: 100%;
}

#content td.headercell {
        color: #e6e6e6;
        padding: 4px;
        font-weight: bold;
        background-color: #F0F0F0;
}

/* Teaser */

div.teaserelement {
        float: left;
        padding: 0px 0px 0px 20px;
        margin: 0px;
}

div.teaser {
        margin: 0px;
        padding: 2px 0px 2px 0px;
}

div.teaserpicture {
        float: right;
        padding: 0px;
        margin: 0px 0px 10px 10px;
        border: none;
}

p.teasertext {
        margin: 0px;
        padding: 4px 0px 4px 0px;
}

.teasernav {
        clear: both;
        padding: 4px 0;
        margin: 10px 0;
        text-align: center;
        border-bottom: 1px solid #dddddd;
}

.teasernav a {
        font-weight: normal !important;
}

.buttoncaption {
        line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
        font-size: 180%;
        color: #F0F0F0;
        font-weight : bold;
        margin: 0px;
        padding: 2px 0px 2px 0px;
        line-height: 200%;
}

P.s2dsmall  {
        font-size: 80%;
}


/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
        border: 1px solid #dddddd;
}

/* 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: 720px;
	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: 360px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 144px;
}

/* 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;
}
