/*--- eigene stile ---*/

html, body{
	background-color: #d3d3d3;
	height: 100%;
	font-size: 20px;
}


.bode-left	{
	padding: 10px 0 10px 26px;
	vertical-align: top;
}
.bode-right	{
	padding: 10px 26px 10px 0;
	vertical-align: top;
}
.bode-left p, .bode-right p	{
	margin: 0;
	padding: 0;
}

.container	{
	width: 100%;
	height: 96.7%;
	margin: 0;
}
.hoch	{
	height: 100%;
}
.wb {
	font: "Courier New", Courier, monospace;
	font-size: 72px;
	font-weight: 300;	
	color: #003300;
	width: 100%;
	position: absolute;
	margin-top: 360px;
	top: 36%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.abstand-01 img	{
	vertical-align: bottom;
}
.topnav {
    background: #efefef;
    padding-top: 0;
    position: fixed;
    width: 100%;
    z-index: 13;
}
#info	{
	max-width: 600px;
	margin-top: 84px;
	background-color: #b5b5b5;
	font-size: 60%;
}
#info img	{
	height: auto;
    max-width: 100%;
}
.info-td	{
	padding-left: 20px;
	padding-right: 20px;
}
.info-bildtitel 	{
	font-size: 11px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}
.erdenocker	{
	color: #663300;
	font-weight: bold;
	padding: 16px 0 12px 0;
}
#kontakt	{
	max-width: 600px;
	margin-top: 84px;
	background-color: #b5b5b5;
	font-size: 64%;
}
#kontakt td	{
	padding-left: 20px;
	padding-right: 20px;
}
#vita	{
	max-width: 600px;
	margin-top: 84px;
	background-color: #b5b5b5;
	font-size: 76%;
}
#vita td	{
	padding-left: 20px;
	padding-right: 20px;
}
#vita img	{
	height: auto;
    max-width: 100%;
}
#ausstellungen 	{
    max-width: 600px;
	margin-top: 84px;
	font-size: 76%;
	background-color: #b5b5b5;
}
#ausstellungen td	{
	padding-left: 14px;
	padding-right: 8px;
}
#ausstellungen-gruppe 	{
    max-width: 600px;
	margin-top: 1px;
	font-size: 76%;
	background-color: #b5b5b5;
}
#ausstellungen-gruppe td	{
	padding-left: 14px;
	padding-right: 8px;
}
.kopfzeile	{
	background-color: #a0a0a0;
	padding-top: 12px;
	padding-bottom: 12px;
}
#bottom	{
	width: 99%;
	text-align: center;
	padding-bottom: 14px;
	font-size: 70%;
}

#bottom a, #bottom a:visited  {
    color: #663300;
}
#bottom a:hover {
	color: #bF6000;
	text-decoration: none;
}


/*------------ überparametrierte stile aus der bootstrap.css ------------*/

/*-- navigation oben --*/
#topnavi .navbar-default	{
	border: none;
}
#topnavi .navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:visited  {
    color: #663300;
	padding-bottom: 18px;
    padding-top: 12px;
}
#topnavi .navbar-default .navbar-nav > li > a:hover {
	color: #bF6000;
	padding-bottom: 18px;
    padding-top: 12px;
}
.infolink-info	{
	font-size: 14px;
	color: #bf6000;
}
.infolink	{
	font-size: 14px;
}
.activelink {
	color: #bf6000;
}

.schuette a,.schuette a:visited  {
    color: #484848;
}
.schuette a:hover {
	color: #fff;
	text-decoration: none;
}


/*-- navigation links --*/
.navbar-default	{
	background-color: transparent;
	border: none;
}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > a:visited  {
    color: #000;
	padding-bottom: 2px;
    padding-top: 2px;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #666;
	padding-bottom: 2px;
    padding-top: 2px;
}
.navbar-nav > li {
    float: none;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 767px) {
.wb {
	  font-size: 48px !important;
	  top: 32%
} 
.container	{
	height: 100%;
}
}
@media only screen and (max-width: 40em) {				
.wb {
	  font-size: 42px !important;
	  top: 22%
} 			
}	
@media only screen and (max-width: 30em) {				
.wb {
	  font-size: 34px !important;
	  top: 12%
} 	
}