/* ---------- reset browser defaults ---------- */
h1,h2,h3,h4,h5,h6,pre,code 
{
	font-size:1em;
}

ul,ol
{
	list-style:none;
}

html,body,h1,h2,h3,h4,h5,h6,p,ol,li,pre,blockquote,form,input,fieldset,textarea,dd,dl
{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

:link,:visited
{
	text-decoration:none;
}

a img,:link img,:visited img,fieldset
{
	border:none;
}

/* ---------- link colors ---------- */
:link, :visited
{
	color:#039;
}

:link:hover, :visited:hover, :link:focus, :visited:focus
{
	color:red;
}

:link:active, :visited:active
{
	color:red;
}

a.navlink:link, a.navlink:visited
{
	color:#039;
}

a.navlink:link:hover, a.navlink:visited:hover, a.navlink:link:focus, a.navlink:visited:focus, a.navlink:link:active, a.navlink:visited:active
{
	color:#039;
}

/* ---------- document sections ---------- */
body 
{
	font-family:Verdana, sans-serif;
	font-size:small;
	min-width: 4em;
	background-color:white;
}

p
{
	margin-bottom:1em;
}

ol
{
	list-style-type:decimal;
	margin-left:2em;
	margin-bottom:1em;
}

ul
{
	list-style-type:disc;
	margin-top:0em;
	margin-left:1em;
	padding-left:1em;
	padding-bottom:0em;
}

table
{
	margin-bottom:0em;
}

td, tr
{
	vertical-align:top;
}

h1
{
	margin-bottom:1em;
}

/* ---------- frame ---------- */
x-header {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 53px;
    z-index: 2;
    background: url(/pics/briefbogen_logo_trans.svg);
    background-size: 532px;
    background-repeat: no-repeat;
    background-position: 180px 5px;
    background-color: #bdf;
}

x-gap1 {
    position: absolute;
    left: 0px;
    top: 53px;
    width: 170px;
    height: 2px;
    background-color: #fff;
    z-index: 2;
}

x-gap2 {
    position: absolute;
    left: 170px;
    top: 0px;
    width: 2px;
    height: 53px;
    background-color: #fff;
    z-index: 2;
}

/* ---------- navigation ---------- */
x-searchbox {
    position: absolute;
    top: 11px;
    left: 750px;
    width: 300px;
    z-index: 2;
}

x-navigation {
    position: absolute;
    left: 0px;
    top: 55px;
    padding: 0px 0px 10px 0px;
    color: #039;
    font-size: 90%;
    z-index: 1;
}

x-navigationBackground {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 170px;
    height: 100%;
    background-color: #bdf;
    z-index: 1;
}

x-nav_text, x-nav_text_first {
    display: block;
    padding: 5px 0px 6px 10px;
    margin: 0px 0px 0px 0px;
    max-width: 160px;
    width: 160px;
    border-bottom: 2px solid white;
    cursor: pointer;
    background-color: #bdf;
}

x-nav_text_last {
    display: block;
    padding: 5px 0px 6px 10px;
    margin: 0px 0px 0px 0px;
    max-width: 160px;
    width: 160px;
    cursor: pointer;
    background-color: #bdf;
}

x-sub_nav_text {
    display: block;
    padding: 3px 0px 4px 15px;
    margin: 0px 0px 0px 0px;
    max-width: 155px;
    width: 155px;
    border-bottom: 2px solid #bdf;
    background-color: white;
    font-size: 0.9em;
    cursor: pointer;
}

x-last_sub_nav_text {
    display: block;
    padding: 3px 0px 4px 15px;
    margin: 0px 0px 0px 0px;
    max-width: 155px;
    width: 155px;
    border-bottom: 0px;
    background-color: white;
    font-size: 0.9em;
    cursor: pointer;
}

#menu 
{
	position:absolute;
	display: none;
	top: 15px;
	left: 12px;
	background: url(/pics/menu.png) center;
	z-index:-1;
	width: 22px;
	height: 22px;
}

/* ---------- infobar ---------- */
x-infobarheadline
{
  display:block;
	color:#039;
	background-color:#bdf;
	margin-bottom:1em;
	padding:0px 0px 0px 5px;
}

x-infobar
{
	position:absolute;
	top:80px;
	right:10px;
	width: 130px;
	padding:10px;
}

x-infobar_text
{
	display:block;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
}

x-upcoming_events
{
	display:block;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
}

/* ---------- content ---------- */

x-content {
    position: absolute;
    top: 70px;
    left: 200px;
    margin-right: 10px;
    padding-bottom: 10px;
}

x-content_text {
    position: absolute;
    top: 70px;
    left: 200px;
    margin-right: 10px;
    padding-bottom: 10px;
    max-width: 700px;
}

x-seitentitel {
    display: block;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 1em;
}

li.large_gap
{
	margin-bottom:1em;
}

/* ---------- news ---------- */
ul.news
{
	list-style-type:none;	
	margin-left:0em;
	padding-left:0em;
	padding-bottom:0em;
}

li.news
{
	padding-left:0em;
	margin-left:0em;
	margin-bottom:1.5em;
	clear:left;
}

img.news
{
	float:left;
	margin: 0px 10px 10px 0px;
}

img.news_bildunterschrift
{
	margin: 0px 10px 0px 0px;
}

dd.news_bildunterschrift
{
	max-width:200px;
	margin-left:0px;
	font-size:0.8em;
	padding-bottom:1em;
}

dd.news_bildunterschrift_150
{
	max-width:150px;
	margin-left:0px;
	font-size:0.8em;
	padding-bottom:1em;
}

dd.news_bildunterschrift_350
{
	max-width:350px;
	margin-left:0px;
	font-size:0.8em;
	padding-bottom:1em;
}

dl.news_bildunterschrift
{
	float:left;
}

x-content_news {
    position: absolute;
    top: 70px;
    left: 200px;
    margin-right: 160px;
    padding-bottom: 10px;
    overflow: hidden;
}

span.aus_den_vereinen
{
	font-family:Courier New;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.15em;
	color:red;
}

.termine
{
	padding:2px 15px 2px 2px;
	vertical-align:top;
}

/* ---------- Google Maps ---------- */
#map_canvas 
{
	height: 600px;
    width: 600px;
}

#map_canvas_full
{
	position:absolute;
	top:0px;
	left:0px;
	height: 100%;
    width: 100%;
}

#map_canvas_small
{
	height: 300px;
    width: 300px;
}

@media only screen and (max-width : 640px)
{

    x-content_news {
        margin-right: 1em;
    }

    x-nav_text, x-nav_text_first, x-sub_nav_text, x-nav_text_last, x-last_sub_nav_text, x-navigationBackground, x-infobar, x-gap1, x-gap2 {
        display: none;
    }

    x-nav_text_first {
        margin-top: 55px;
    }

    x-content_news, x-content, x-content_text {
        left: 1em;
    }

    x-navigation {
        top: 0px;
        z-index: 2;
    }

    x-header {
        background: url(/pics/briefbogen_logo_trans_narrow.png);
        background-repeat: no-repeat;
        background-position: 50px 5px;
        background-color: #bdf;
    }

    #menu {
        display: block;
        background: url(/pics/menu.png) center;
    }

    x-navigation:hover x-nav_text, x-navigation:hover x-nav_text_first, x-navigation:hover x-nav_text_last, x-navigation:hover x-sub_nav_text, x-navigation:hover x-last_sub_nav_text {
        display: block;
    }
}

/*MEDIA QUERY*/
@media only print
{
    x-content_news {
        margin-right: 1em;
    }

    x-nav_text, x-nav_text_first, x-sub_nav_text, x-nav_text_last, x-last_sub_nav_text, x-navigationBackground, x-infobar, x-gap1, x-gap2, x-header {
        display: none;
    }

    x-content_news, x-content, x-content_text {
        top: 1em;
        left: 1em;
    }
}