body {
    background-color : #EFEFEF;
    background : #EFEFEF;
    background-image: url(../backgrd/bkgr-ollimobil-kl.gif);
    background-repeat: repeat;
	background-attachment: fixed;
    font-size: 100%;
    margin: 0; 
	padding: 1em 5em 1em 5em;   /* oben - rechts - unten - links */
    text-align: center;  /* Zentrierung im Internet Explorer */
        }

div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
      }

div#Logo {text-align: center; padding: 0; margin: 0;}	  
div#Navigation {font-size: 1em; margin: 2em 0em 2em 0em; padding: 0;}
a#Navigation {text-decoration: none;}
div#Inhalt {font-size: 1em; margin: 2em 0em 2em 0em; padding: 0;}
div#Galerie {text-align: center; font-size: 1em; margin: 2em 0em 2em 0em; padding: 0;}
div#Fuss {text-align: left; font-size: 1em; margin: 2em 0em 0em 0em; padding: 0;}

/* allgemeine Definitionen */
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,nobr,b,i {
 font-family: Arial,sans-serif;
 color : #000000;
 }

h1 { font-size: 2em; margin-bottom: 0.2em; text-align: center;}
h2 { font-size: 1.6em; margin-bottom: 0.2em; text-align: center;}
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
/* h2.sh2 { font-size:21px; } */
/* h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt { font-size:16px; } */

p,ul,ol,li,div,td,th,address,blockquote { font-size: 1em; }

/* li { margin-top: 3px; } */

ul { list-style-type:circle }

a:link { color:#0000b3 ; text-decoration:underline; }
a:visited { color:#772200; text-decoration:underline; }
a:active { color:#0000b3; text-decoration:underline; }
a:hover{color:#9999ff; text-decoration:underline;}



/* Buttons für Navigation */   
.btn {
  border: 2px solid #000000;
  border-left-color: white; border-top-color: white;
  padding: 0.5em 1em 0.5em 1em;   /* oben - rechts - unten - links */
  max-width: 20%; line-height: 2em;
  background: #D3D3D3;
  background-image: -webkit-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -moz-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -ms-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -o-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: linear-gradient(to top, #F0F0F0, #AAAAAA);     /* Farbverlauf */
  -webkit-border-radius: 0.5 0.5 0.5 0.5;
  -moz-border-radius: 0.5 0.5 0.5 0.5;
  border-radius: 0.5em 0.5em 0.5em 0.5em;   /* ol - or - ur - ul */
}
.btn:hover {
	border-color: white;
    border-left-color: #000000; border-top-color: #000000;
	background: #B3B3B3;
	background-image: -webkit-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -moz-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -ms-linear-gradient(top, #AAAAAA, #F0F0F0);	
	background-image: -o-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: linear-gradient(to top, #AAAAAA, #F0F0F0);
	text-decoration: none;
}
.btn-l {
  border: 2px solid #000000;
  border-left-color: white; border-top-color: white;
  padding: 0.5em 1em 0.5em 1em;   /* oben - rechts - unten - links */
  max-width: 20%; line-height: 2em;
  background: #D3D3D3;
  background-image: -webkit-linear-gradient(top, #F0F0F0, #AAAAAA); 
  background-image: -moz-linear-gradient(top, #F0F0F0, #AAAAAA); 
  background-image: -ms-linear-gradient(top, #F0F0F0, #AAAAAA); 
  background-image: -o-linear-gradient(top, #F0F0F0, #AAAAAA); 
  background-image: linear-gradient(to top, #F0F0F0, #AAAAAA);     /* Farbverlauf */
  -webkit-border-radius: 0.5 0 0 0.5;
  -moz-border-radius: 0.5 0 0 0.5;
  border-radius: 0.5em 0em 0em 0.5em;
}
.btn-l:hover {
	border-color: white;
    border-left-color: #000000; border-top-color: #000000;
	background: #B3B3B3;
	background-image: -webkit-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -moz-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -ms-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -o-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: linear-gradient(to top, #AAAAAA, #F0F0F0);
	text-decoration: none;
}
.btn-m {
  border: 2px solid #000000;
  border-left-color: white; border-top-color: white;
  padding: 0.5em 1em 0.5em 1em;   /* oben - rechts - unten - links */
  max-width: 20%; line-height: 2em;
  background: #D3D3D3;
  background-image: -webkit-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -moz-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -ms-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -o-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: linear-gradient(to top, #F0F0F0, #AAAAAA);     /* Farbverlauf */
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0;
}
.btn-m:hover {
	border-color: white;
    border-left-color: #000000; border-top-color: #000000;
	background: #B3B3B3;
	background-image: -webkit-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -moz-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: -ms-linear-gradient(top, #AAAAAA, #F0F0F0);	
	background-image: -o-linear-gradient(top, #AAAAAA, #F0F0F0);
	background-image: linear-gradient(to top, #AAAAAA, #F0F0F0);
	text-decoration: none;
}
.btn-r {
  border: 2px solid #000000;
  border-left-color: white; border-top-color: white;
  padding: 0.5em 1em 0.5em 1em;   /* oben - rechts - unten - links */
  max-width: 20%; line-height: 2em;
  background: #D3D3D3;
  background-image: -webkit-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -moz-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -ms-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: -o-linear-gradient(top, #F0F0F0, #AAAAAA);
  background-image: linear-gradient(to top, #F0F0F0, #AAAAAA);     /* Farbverlauf */
  -webkit-border-radius: 0 0.5 0.5 0;
  -moz-border-radius: 0 0.5 0.5 0;
  border-radius: 0em 0.5em 0.5em 0em;
}
.btn-r:hover {
	border-color: white;
    border-left-color: #000000; border-top-color: #000000;
	background: #B3B3B3;
	background-image: -webkit-linear-gradient(top, #AAAAAA, #F0F0F0 );
	background-image: -moz-linear-gradient(top, #AAAAAA, #F0F0F0 );
	background-image: -ms-linear-gradient(top, #AAAAAA, #F0F0F0 );	
	background-image: -o-linear-gradient(top, #AAAAAA, #F0F0F0 );
	background-image: linear-gradient(to top, #AAAAAA, #F0F0F0 );
	text-decoration: none;
}
.btnaktiv {
	color: #0000B3;
	border: 2px solid #FFFFFF;
	border-color: white;
    border-left-color: #000000; border-top-color: #000000;
	padding: 0.5em 1em 0.5em 1em;   /* oben - rechts - unten - links */
	max-width: 20%; line-height: 2em;
	background-image: -webkit-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: -moz-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: -ms-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: -o-linear-gradient(top, #D3D3D3,  #EFEFEF); 
	background-image: linear-gradient(to top, #D3D3D3,  #EFEFEF);    /* Farbverlauf */
	-webkit-border-radius: 0.5 0.5 0.5 0.5;
	-moz-border-radius: 0.5 0.5 0.5 0.5;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.btnaktiv-r {
	color: #0000B3;
	border: 2px solid #FFFFFF;
	border-color: #white;
    border-left-color: #000000; border-top-color: #000000; 
	padding: 0.5em 1em 0.5em 1em;   /* oben - rechts - unten - links */
	max-width: 20%; line-height: 2em;
	background-image: -webkit-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: -moz-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: -ms-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: -o-linear-gradient(top, #D3D3D3,  #EFEFEF);
	background-image: linear-gradient(to top, #D3D3D3,  #EFEFEF);     /* Farbverlauf */
	-webkit-border-radius: 0 0.5 0.5 0;
	-moz-border-radius: 0 0.5 0.50;
	border-radius: 0em 0.5em 0.5em 0em;
}
a#btnlink {color: #000000; text-decoration: none;}
a#btnlink:hover {color: #9999ff; text-decoration: none;}


.next {clear: both; height: 1px; overflow: hidden;}
.next1 {clear: both; height: 1em;}

.einruecklinks {text-align:left; margin-left:100px; margin-right:100px;}
.einrueckcenter {text-align:center; margin-left:100px; margin-right:100px;}

.rand-l {padding-left: 0em; float:left;}
.rand-r {padding-right: 0em; float:right;}

.text-08 {font-size: 0.8em}
.text-kursiv{font-style: italic}

.activa {font-style : italic; font-weight : bold;}

.text-l-f { text-align:left; font-weight:bold; }

.text-l { text-align: left;}
.text-c { text-align: center;}
.text-r { text-align: right;}

.text-c-f { text-align:center; font-weight:bold; }
.text-c-12 { text-align:center; font-size:12px; }
.text-c-f-12 { text-align:center; font-size:12px; font-weight:bold; }

.textubild { font-style:italic; color:#555555; background-color:#FEFEFE }

.farbe-hgrau {color: #FEFEFE }
.farbe-dgrau {color: #7E7E7E }

.farbe-it { background-color: #ffff00 }
.farbe-exp { background-color: #ffcc00 }

.rahmen {
	border-width:3px; 
	border-style:groove; 
	border-color:#000000; 
	}
	
.block-l {float:left; margin-right:1.5em ; margin-bottom:0.5em;}
.block-z {margin-left:auto; margin-right:auto;}
.block-r {float:right; margin-left:1.5em ; margin-bottom:0.5em;}

		
.breite-p50 {max-width:50%;}
.breite-p80 {max-width:80%;}
.breite-p90 {max-width:90%;}
.breite-p100 {max-width:100%;}

.breite-80 {width:50%; 	max-width:80px; height: auto;}
.breite-300 {width:50%; max-width:300px; height: auto;}
.breite-360 {width:75%; max-width:360px; height: auto;}
.breite-400 {width:50%; max-width:400px; height: auto;}
.breite-600 {width:75%; max-width:600px; height: auto;}
.breite-800 {width:85%; max-width:800px; height: auto;}
.breite-1200 {width:100%; max-width:1200px; height:auto;}

/* ---------------------------------------------------- */


/* Rahmen um Thumbnails */
div.thumbs {
	border: solid;
	border-style:groove; 
	border-width: 3px 3px 0px 0px;
	border-color: #000000;
	text-align: center;
	background-color: #D0D0D0;
	width: 170px;
	height: 170px;
	color: #FFFFFF;
	float: left;
}

div.thumbs table {
	width: 100%;
	height: 100%;
	border: 1px solid;
	border-style:groove; 
	border-color: #000000;
}

div.thumbs td {
	text-align: center;
	vertical-align: middle;
}

div.thumbs tr {
	height: 160px;
}

img.thumbs, div.thumbs img {
	border: 1px solid;
	border-style:groove; 
	border-color: #666666 #CCCCCC #CCCCCC #666666;
	background-color: #222222;
}

a.thumbs {
	font-weight: bold;
	color: #FFFFFF;
}

a.thumbs:hover {
	color: #0000B3;
	text-decoration:underline;
}

/* für Bild */
div.img {
	background-color: #D0D0D0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0;   /* oben - rechts - unten - links */
	border: solid 2px;
	border-color: #FFFFFF #111111 #111111 #FFFFFF;
}

/*
div.img a:link,
div.img a:visited {
	color: #222222;
	text-decoration: none;
}

div.img a:hover {
	color: #0000B3;
}
*/

div.img h1 {
	text-align: center;
	margin: 8px;
	font-size: 16pt;
	color: #000000;
}

div.img p {
	color: #222222;
	margin: 1em 0 1em 0;
	padding: 0;
}

div.img p.caption {
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin: 2em 0 2em 0;
}

div.img p.nr {
	font-size: 0.8em;
	text-align: right;
	color: #888888;
	margin-right: 2em;
}




@media print {

	body, p, h1, h2, h3, h4, h5, h6, td, th, ul, li {
		color: #000000;
		background-color: #FFFFFF;
	}

	p#NviPrintHead {
		display: block;
	}

	a:link, a:visited, a:hover {
		color: #000000;
		text-decoration: underline;
	}

	div#NviHead {
		display: none;
	}

	img {
		border: solid 0.3mm #000000;
		background-color:#FFFFFF;
	}

}

/* ---------------------------------------------------- */




/*

img {
	border: solid 1px #AAAAAA;
	background-color:#222222;

}

body, p, h1, h2, h3, h4, h5, h6, td, th, ul, li {
	color: #000000;
	font-family: Arial,sans-serif;
	text-align: left;
}

body, p, td, th, ul, li {
	font-size: 14px;
}


a:link, a:visited {
	color: #0000B3;
	text-decoration: underline;
}

a:hover {
	color: #9999FF;
	text-decoration: underline;
}

div#NviHead {
	background-color: #888888;
	width: 100%
}

div#NviHead p {
	font-family: Arial,sans-serif;
	text-align: center;
	margin: 0px 4px 0px 0px;
	padding-bottom: 4px;
	color:#000000;
}

div#NviHead p.stefan {
	font-size: 14pt;
	color: #000000;
	font-family: Arial,sans-serif;
	margin: 0px 0px 0px 4px;
	text-align: left;
}

div#NviHead a {
	font-weight: normal;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration:none;
	padding: 2px 6px 2px 6px;
}

div#NviHead a:hover {
	font-weight: normal;
	font-size: 9pt;
	color: #000000;
	text-decoration:none;
	background-color: #AAAAAA;
}

p.stefan {
	font-size: 14pt;
	font-family: Arial,sans-serif;
	color: #000000;
	margin: 0px 0px 0px 4px;
}

p#NviPrintHead {
	display: none;
} 

h1 {
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 0px;
}

h2 {
	font-size: 14pt;
	font-weight: bold;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
}

h4 {
	font-size: 10pt;
	font-weight: bold;
}

th {
	font-weight: bold;
	vertical-align: top;
}

td {
	vertical-align: top;
}

hr {
	height: 1px;
	border: none;
	color: #777777;
	background-color: #777777;
}

ul {
	margin-left: 1.2em;
}

li {
	list-style-type: disc;
}

p.hazy {
	font-size: 8pt;
	color: #AAAAAA;
}

p.small {
	font-size: 8pt;
}

p.centered {
	text-align: center;
}

p.right {
	text-align: right;
}

td.centered {
	text-align: center;
	vertical-align: center;
}

td.thumbs {
	text-align: center;
	vertical-align: top;
	background-color: #888888;
	padding: 8px 8px 8px 8px;
	width: 166px;
	color: #FFFFFF;
	border: 1px solid;
	border-style:groove; 
	border-color: #000000;
}
