html, body
{
    font-size:inherit;
}
body
{
	margin:0px;
	font-family:Arial;
}
body.limnologie
{
	background-image:url(../img/bg/bild_5.jpg);
	background-position:center top;
	background-color:#e0e0e0;
	background-repeat:no-repeat;
}
body.it
{
	background-image:url(../img/bg_it.png);
	background-color:#e0e0e0;
}
h1
{
    font-size:30px;
    font-weight:bold;
}

a
{
	font-weight:bold;
	color:black;
}
a:visited
{
	color:grey;
    color:#707070;
}
a:hover
{
	text-decoration:none;
    color:black;
}
hr
{
    border-top-color: grey;
}

span.nobr
{
	white-space:nowrap;
}

/* ==========> MainContainer */
 
div.maincontainer
{
	max-width:850px;
	min-height:550px;
	margin:70px auto auto auto;
	background-color:#e0e0e0;
	background-image:url(../img/white.png);
	box-shadow:0px 0px 10px #080808;
}

/* ==========> Navigation */

div.navi
{
	position:absolute;
	top:0px;
	bottom:0px;
	height:100%;
    min-height:620px;
	width:170px;
	margin-left:19px;
    padding:0px;
	background-image:url(../img/white.png);
	background-color:transparent;
	border-left:1px solid grey;
	border-right:1px solid grey;
	box-shadow:0px 0px 10px grey;
}
div.navi .navbar-default
{
    background-color:inherit;
}
div.navi .navbar-collapse
{
    padding:0px;
}
div.navi .navbar
{
    border:0px;
}
div.navi table
{
	margin-top:70px;
	width:168px;
	height:550px;
	border-collapse:collapse;
}
div.navi table tr td
{
	margin:0px;
	padding:0px;
}
div.navi table tr td.bereich
{
	padding-left:30px;
	padding-top:17px;
    padding-bottom:9px;
	font-weight:bolder;
}
div.navi table tr td.ph_o
{
    height:100%;
}
div.navi table tr td.ph_mo
{
	height:30px;
}
div.navi table tr td.ph_mo hr
{
    margin-top:15px;
    margin-bottom:15px;
}
div.navi table tr td.ph_mu
{
	height:130px;
}
div.navi table tr td.ph_u
{
	height:10px;
}

div.navi table tr td.n_link a
{
	display:table-cell;
	vertical-align:middle;
	width:170px;
	height:30px;
	padding-left:30px;
	color:black;
	font-weight:bolder;
	text-decoration:none;
	border-left:3px solid transparent;
}
div.navi table tr td.n_link a.aktiv
{
	border-left:3px solid black;
}
div.navi table tr td.n_link a:hover
{
	border-left:3px solid black;
}
div.navi table tr td.logo
{
	padding-right:20px;
	height:80px;
	text-align:right;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:20px top;
}
div.navi table tr td.logo_it
{
	padding-right:20px;
	height:80px;
	text-align:right;
	background-image:url(../img/logo_it.png);
	background-repeat:no-repeat;
	background-position:20px top;
}

/* ==========> Inhalt */

div.content
{
	margin-left:200px;
	padding:10px;
}

/* ==========> Inhalt - Header */

div.header
{
	max-width:630px;
    max-width:100%;
	height:40px;
	border-bottom:1px solid grey;
}
div.header table
{
	float:right;
	height:38px;
	border-collapse:collapse;
}
div.header table tr td
{
	width:70px;
	text-align:center;
}
div.header table tr td:first-child
{
	text-align:right;
}
div.header table tr td a
{
	padding-top:10px;
	padding-bottom:9px;
	font-weight:bolder;
	color:black;
	text-decoration:none;
	border-bottom:3px solid transparent;
}
div.header table tr td a:hover
{
	border-bottom:3px solid black;
}

/* ==========> Inhalt - Text */

div.text
{
	margin-top:0px;
	padding-right:10px;
    padding-bottom:25px;
	height:458px;
	overflow:auto;
	text-align:justify;
	font-size:0.95em;
    word-wrap:break-word;
}
div.text h1
{
	margin:0px;
}
div.text ul
{
	margin-top:5px;
	text-align:left;
}
div.text li
{
	margin-bottom:5px;
}
div.text li ul li
{
	margin-bottom:0px;
}

/* ==========> Inhalt - Footer */

div.footer
{
	margin-top:0px;
    max-width:100%;
	height:30px;
	border-top:1px solid grey;
}

div.footer table
{
	width:100%;
	height:31px;
	border-collapse:collapse;
}
div.footer table tr td
{
	vertical-align:bottom;
}
div.footer td.impressum_link
{
	text-align:left;
}
div.footer td.impressum_link, div.footer td.webdesign
{
    width:33%;
}
div.footer td.impressum_link a
{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding-top:8px;
	border-top:3px solid transparent;
}
div.footer td.impressum_link a:hover
{
	border-top:3px solid black;
}
div.footer td.lang, div.footer td.transparenz_trigger
{
    width:11%;
    vertical-align: middle;
}
div.footer td.lang-at
{
    text-align:right;
}
div.footer td.transparenz_trigger
{
    vertical-align:inherit;
	text-align:center;
}
div.footer td.transparenz_trigger a
{
	display:block;
	width:20px;
	height:20px;
	margin:0 auto;
}
div.footer td.lang-en
{
    text-align:left;
}
div.footer td.webdesign
{
	font-size:0.8em;
	text-align:right;
}

@media (max-width: 767px)
{
    body.limnologie, body.it
    {
        background-image:url(../img/bg/bg_mobile.jpg);
        background-size:cover;
        background-attachment:fixed;
    }
    
    /* ==========> MainContainer */
    
    div.maincontainer
    {
        width:100%;
        height:auto;
        margin-top:-20px;
        background-image:none;
        background-color:transparent;
        box-shadow:none;
    }

    /* ==========> Inhalt */
    
    div.content
    {
        margin-left:0px;
        padding:15px;
    }
    
    /* ==========> Inhalt - Text */

    div.text
    {
        margin-top:70px;
        padding:0px;
        height:auto;
        overflow:auto;
        text-align:justify;
        font-size:1em;
    }
}