/* Content-Elemente */

body {
        behavior: url(/assets/pie.htc);
}

#content .line {
        height: 1px;
        background-color: #dddddd;
        border: 0;
        padding: 0;
        margin: 10px 0 30px 0;
        overflow: hidden;
}

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 {
        padding: 12px 0 0 0;
        border-bottom: 1px solid #89803D;
        margin-bottom: 10px;

}
#content .w2dptablinks a {
        font-weight: normal;
        padding: 4px 10px;
        border-left: 0px solid #222222;
        border-top: 0px solid #222222;
        border-right: 0px solid #222222;
        display: block;
        float: left;
        margin-right: 3px;
        background-color: #e0e0e0;
        color: #222222;
        font-weight: bold;
        outline: 0;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        behavior: url(/assets/pie.htc);
}
#content .w2dptablinks a.w2dptabsel {color: #ffffff; background-color: #89803D;}
#content .w2dptablinks a:hover {text-decoration: none; color: #ffffff; background-color: #222222;}

#content h1 {
        font-weight: normal;
        font-size : 180%;
        margin: 10px 0;
        padding: 0;
        color: #666666;
        letter-spacing: -2px;
}

#content h2 {
        font-size: 120%;
        font-weight : bold;
        margin: 10px 0 5px 0;
        padding: 0;
        color: #666666;
        text-transform: uppercase;
}

#content h3 {
        font-size: 100%;
        font-weight: bold;
        margin: 8px 0 4px 0;
        padding: 0;
}

#content p {
        margin: 0 0 10px 0;
        padding: 0;
	color: #666666;
        line-height: 160%;
}

#content div.paragraph {
        padding: 0;
        margin: 10px 0 30px 0;
}

#content a {
        text-decoration: none;
        font-weight : bold;
        color: #89803D;
}

#content a:hover {
        text-decoration: underline;
}

#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: 160px;
}

#content .sidepicturerightspez {
        float: right;
        margin: 10px 0 10px 20px;
        width: 160px;
}

#content .sidepictureleftspez {
        float: left;
        margin: 10px 20px 10px 0;
        width: 160px;
}


#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 #89803D;
        font-weight: normal;
        outline: 0;
}

#content .texttabsel {
        background-color: #89803D;
        color: #ffffff;
}

#content p.emphasizeleft {
        padding-left: 10px;
        border-left: 10px solid #89803D;
}

#content p.emphasizeright {
        padding-right: 10px;
        border-right: 10px solid #89803D;
}

.contentfullalibi, .contentleftalibi, .contentrightalibi, div.contentfullalibi, div.contentleftalibi, div.contentrightalibi,
#content.wide .contentfullalibi, #content.wide div.contentleftalibi, #content.wide div.contentrightalibi,
#content.left .contentfullalibi, #content.left div.contentleftalibi, #content.left div.contentrightalibi,
#content.right .contentfullalibi, #content.right div.contentleftalibi, #content.right div.contentrightalibi {
        max-height: 1px !important;
        padding: 0;
        margin: 0;
}



/* Liste */

#content ul {
        list-style: none;
        padding: 0px;
        margin: 0;
}

#content li {
        margin: 0 0 8px 16px;
        padding: 0 0 0 16px;
        background: url(../images/pbull.gif) no-repeat top left;
        line-height: 160%;
}

/* Picture */


#content img.picture {
        padding: 0;
}


#content .orahmen {
        padding: 0;
        margin: 10px;
}

/* Tabelle */

#content table.cells {
        border: 0px solid #dddddd;
        border-collapse: collapse;
        border-spacing: 0px;
}

#content td.cell {
        border: 0px solid #dddddd;
        padding: 4px;
        border-collapse:collapse;
        line-height: 160%;
}

#content td.headercell {
        color: #ffffff;
        padding: 4px;
        font-weight: bold;
        background-color: #89803D;
}

/* 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%;
}

/* Modifikation für Teaser Grafikoptimiert */


div.teaserborder {
        float: left;
        width:100%;
        min-height: 100px;
        padding: 4px 4px 4px 4px;
        margin: 3px 0px 1px 0px;
/*        border-bottom: 1px solid black;
        border-right: 1px solid black;
        border-top: 1px solid black;
        border-left: 1px solid black;
        background: white;       */
border: 1px solid #e0e0e0;
border-radius: 8px;
        background: rgb(233,233,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}


* html div.teaserborder { padding: 2px; }

.title1 {
        background: ;
        margin: 2px 0px 2px 0px;
        padding: 5px;
        text-align: center;
}

.title2 {
        margin: 2px 0px 2px 0px;
        padding: 0px;
        font-weight: bold;
        text-align: center;
}

.title3 {
/*        background: ;    */
        margin: 2px 0px 2px 0px;
        padding: 3px;
        color: #003366 !important;
        font-size: 120%;
        font-weight: bold;
        text-align: center;
}

.title1 a:hover, .title2 a:hover, .title3 a:hover {
        text-decoration: underline !important;
        color: #003366 !important;
}

.title1 a, .title2 a, .title3 a {
        color: #003366 !important;
}

div.teaserpicture1 {
        margin-top: 20px;
        text-align: center;
        border: none !important;
}

div.teaserpicture2 {
        margin-top: 20px;
        text-align: center;
        border: none !important;
}

div.teaserpicture3 {
        margin-top: 20px;
        text-align: center;
        border: none !important;
}

.shorttext1 {
/*        background: ;    */
        margin: 10px 0px 2px 0px;
        padding: 3px 20px;
        height: 90px;
        color: #000000 !important;
}

.shorttext1 a {
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        height: 90px;
        color: #000000 !important;
}

.shorttext1 a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}

.shorttext2 {
/*        background: ;    */
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        height: 90px;
        color: #000000 !important;
}

.shorttext2 a {
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        height: 90px;
        color: #000000 !important;
}

.shorttext2 a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}


.shorttext3 {
/*        background: ;    */
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        height: 90px;
        color: #000000 !important;
}

.shorttext3 a {
        margin: 0px 0px 2px 0px;
        padding: 3px 20px;
        height: 90px;
        color: #000000 !important;
}

.shorttext3 a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}


/* Modifikation für Teaser Iconoptimiert */

div.teaserbordericon {
        float: left;
        width:100%;
        min-height: 100px;
        padding: 4px 4px 4px 4px;
        margin: 3px 0px 1px 0px;
/*        border-bottom: 1px solid black;
        border-right: 1px solid black;
        border-top: 1px solid black;
        border-left: 1px solid black;
        background: white;       */
border: 1px solid #e0e0e0;
border-radius: 8px;
        background: rgb(233,233,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(233,233,233,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,233,233,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(233,233,233,1) 0%,rgba(243,243,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}


* html div.teaserbordericon { padding: 2px; }

.title1icon {
        background: ;
        margin: 2px 0px 2px 0px;
        padding: 5px;
        text-align: center;
}

.title2icon {
        margin: 2px 0px 2px 0px;
        padding: 0px;
        font-weight: bold;
        text-align: center;
}

.title3icon {
/*        background: ;    */
        margin: 2px 0px 2px 0px;
        padding: 3px;
        color: #003366 !important;
        font-size: 120%;
        font-weight: bold;
        text-align: center;
}

.title1icon a:hover, .title2icon a:hover, .title3icon a:hover {
        text-decoration: underline !important;
        color: #003366 !important;
}

.title1icon a, .title2 a, .title3 a {
        color: #003366 !important;
}

div.teaserpicture1icon {
        margin-top: 0px;
        float: right;
        border: none !important;
}

div.teaserpicture2icon {
        margin-top: 0px;
        float: right;
        border: none !important;
}

div.teaserpicture3icon {
        margin-top: 0px;
        float: right;
        border: none !important;
}

.shorttext1icon {
/*        background: ;    */
        margin: 0px 0px 2px 0px;
        padding: 3px 7px 3px 20px;
        height: 90px;
        font-weight: normal !important;
        line-height: 0.8 !important;
        color: #000000 !important;
}

.shorttext1icon p {
        line-height: 100% !important;
}

.shorttext1icon p a {
        line-height: 100% !important;
}

.shorttext1icon a {
        margin: 0px 0px 2px 0px;
        padding: 3px 10px 3px 20px;
        height: 90px;
        line-height: 0.8 !important;
        font-weight: normal !important;
        color: #000000 !important;
}

.shorttext1icon a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}

.shorttext1icon p a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}

.shorttext2icon {
/*        background: ;    */
        margin: 0px 0px 2px 0px;
        padding: 3px 7px 3px 20px;
        height: 90px;
        font-weight: normal !important;
        line-height: 0.8 !important;
        color: #000000 !important;
}

.shorttext2icon p {
        line-height: 100% !important;
}

.shorttext2icon p a {
        line-height: 100% !important;
}

.shorttext2icon a {
        margin: 0px 0px 2px 0px;
        padding: 3px 10px 3px 20px;
        line-height: 0.8 !important;
        font-weight: normal !important;
        color: #000000 !important;
}

.shorttext2icon a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}

.shorttext2icon p a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}


.shorttext3icon {
/*        background: ;    */
        margin: 0px 0px 2px 0px;
        padding: 3px 7px 3px 20px;
        font-weight: normal !important;
        line-height: 0.8 !important;
        color: #000000 !important;
}

.shorttext3icon p {
        line-height: 100% !important;
}

.shorttext3icon p a {
        line-height: 100% !important;
}

.shorttext3icon a {
        margin: 0px 0px 2px 0px;
        padding: 3px 10px 3px 20px;
        line-height: 0.8 !important;
        font-weight: normal !important;
        color: #000000 !important;
}

.shorttext3icon a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}

.shorttext3icon p a:hover {
        text-decoration: none !important;
        color: #003366 !important;
}


/* Ende Teaser-Modifikationen */


/* Plugin-Styles */

P.s2d  {
        font-size: 180%;
        color: #89803D;
        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: 590px;
	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: 295px;
}

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

/* 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;
}
/* zur Richtigstellung eines Anzeigefehlers im IE10 */
table.formtab tbody {
float: left;
width: 100%;
}


#content.right {
        width: 860px;
}

#content.left {
        width: 820px;
        padding: 0 0px 10px 20px;
}

#content.wide {
        width: 1080px;
        padding: 0 20px 10px 20px;
}





.contentfull {
        width: 590px;
        padding-bottom: 1em;
        float: none;
}

.contentleft {
        width: 280px;
        padding-bottom: 1em;
        padding-right: 10px;
        float: left;
}

.contentright {
        width: 280px;
        padding-bottom: 1em;
        padding-left: 10px;
        float: right;
}


div.contentfull {
        width: 590px;
        padding-bottom: 1em;
        float: none;
}

div.contentleft {
        width: 280px;
        padding-bottom: 1em;
        padding-right: 10px;
        float: left;
}

div.contentright {
        width: 280px;
        padding-bottom: 1em;
        padding-left: 10px;
        float: right;
}



#content.wide .contentfull {
        width: 1080px;
}


#content.wide div.contentleft {
        width: 530px;
        padding-bottom: 1em;
        padding-right: 10px;
        float: left;
}

#content.wide div.contentright {
        width: 530px;
        padding-bottom: 1em;
        padding-left: 10px;
        float: right;
}


#content.left .contentfull {
        width: 820px;
}


#content.left div.contentleft {
        width: 380px;
        padding-bottom: 1em;
        padding-right: 10px;
        float: left;
}

#content.left div.contentright {
        width: 380px;
        padding-bottom: 1em;
        padding-left: 10px;
        float: right;
}


#content.right .contentfull {
        width: 860px;
}


#content.right div.contentleft {
        width: 400px;
        padding-bottom: 1em;
        padding-right: 10px;
        float: left;
}

#content.right div.contentright {
        width: 400px;
        padding-bottom: 1em;
        padding-leftt: 10px;
        float: right;
}