/* ################################################################
#
#  Info
#
################################################################ */

/* ---------------------------------------------------------------------------------------------
-
- ...box = Äussere Box für Maße
- ...box2 = innere Box für Abstände (IE Box-Bug)
-
--------------------------------------------------------------------------------------------- */

/* ################################################################
#
#  Headers
#
################################################################ */

h1, h2 {
    font-family: 'Novecento', sans-serif, Verdana, Arial, Tahoma;
    color: #a00000;
    font-weight: bold;
    margin: 0px 0px 14px 0px;
}

h1 {
    font-size: 2.2rem;
}

h2 {
    font-family: 'Novecento', sans-serif, Verdana, Arial, Tahoma;
    font-size: 1.4rem;
    color: #b00000;
}

/* ################################################################
#
#  Headers
#
################################################################ */

.info {
    font-size: 0.9rem;
}

/* ################################################################
#
#  TBD
#
################################################################ */

img.atwork {width: 300px; margin: 10px auto;}

/* ################################################################
#
#  Content
#
################################################################ */

.contentdivider {
    height: 6px; 
    background: url(../gfx/icon_rainbow.jpg) repeat-x; 
    clear: both; 
    margin: 14px; 
    border-radius: 0px 0px 10px 10px;
}

.contentdivider img {
    border: 0px;
}

.contentdivider2 {
    height: 1px; 
    background: url(../gfx/icon_rainbow.jpg) repeat-x; 
    clear: both; 
    margin: 14px; 
    border-radius: 0px 0px 10px 10px;
}

.contentdivider2 img {
    border: 0px;
}

/* ################################################################
#
#  Pics
#
################################################################ */

img {
/*    border: 1px solid #313131; */
}

.picnews {
    float: right;
    margin: 0px 14px 14px 0px;
    width: 40%;
    cursor: help;
    text-align: right;
    font-size: 90%;
}

.bulletbox {
    width: 50%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

.bulletbox .bulletpic {
    width: 100%;
}

.bulletbox .bullettitle {
    background: rgba(0, 0, 0, 0.7); 
    position: absolute;
    top: 0px;
    left: 0px;
    width: 101%;
}

.bulletbox h2 {
    padding: 14px; 
    color: #ffffff;
    font-size: 2rem;
}

.bulletinfobar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5); 
    text-align: center;
}

.bulletinfobar .bullet {
    float: left;
    text-align: center;
}

.bulletinfobar .bullet2 {
    padding: 21px 28px 28px 28px;
    text-align: center;
}

.bulletinfobar div:last-of-type {
    float: none;
    margin-left: 28px;
}

.icondate, .iconinfo, .iconregister, .iconphoto {
    border: 0px;
    height: 21px;
    margin-bottom: 0px;
}



@media only screen and (max-device-width : 1200px), only screen and (max-width : 1200px) {
    .picnews {
        width: 50%;
    }

}

@media only screen and (max-device-width : 768px), only screen and (max-width : 768px) {
    #potm, .picnews {
        float: none;
        width: 100%;
    }
}

.picnews img {
    width: 100%;
    border-radius: 10px;
}