/* visibility */
@charset "utf-8";

body {
	height: 1980px;
}
	a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
	
a.vergroessern {
	color: #000; }	
	
a.preise {
	color: #444;
	}
a.preise:hover {
	color: #000;	
	}	
#wrapper {
	height: auto;
	width: 876px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 120px;
	margin-top: 20px;
}
			/* header */
#header {
	background-color: #CCC;
	width: auto;
	height: 160px;
}
#logo  {
	position: absolute;
	margin-top: 4px;
	margin-left: 676px;
}
			/* flaggen */

#header #flaggen {
	width: 150px;
	height: 34px;
	position: absolute;
	margin-top: 36px;
	margin-left: 4px;
	display: block;


}
#header #flaggen a {
	opacity: 0.20;
	filter: alpha(opacity=20);
	-moz-opacity: 0.20;
	display: block;
	float: left;
	margin-right: 2px;

}
#header #flaggen a:hover {
	opacity: 0.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;

}
#header #flaggen a.active {
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;

}
#header #flaggen a:hover.active {
	opacity: 0.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
}
			/* content */

#content {
	height: auto;
	background-color: #458365;
}
			/* Hauptnavigation */
.main_navi {
	width: 880px;
	padding: 0px;
	margin: 0px;
}
.main_navi li  {
	width: 170px;
	height: auto;
	list-style-type: none;
	text-align: center;
	float: left;
	margin-right: 2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
	margin-top: -28px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
.main_navi li a {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	display: block;
	height: 11px;
	width: auto;
	background-color: #999;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 12px;
}
#unit_content {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #000;
}
h2 {
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
}

h3 {
	margin-left: 10px;
}

h4 {
	margin-left: 10px;
}

#political{
	height: 290px;
	padding-top: 1px;
	border-bottom: 1px solid #333;
}
#seaside {
	height: 290px;
	border-bottom: 1px solid #333;
}
#popart {
	height: 120px;
}
#piraten {
	height: 70px;
}
#kittycats {
	height: 220px;
	border-bottom: 1px solid #333;
}
#indien {
	height: 230px;
	border-bottom: 1px solid #333;
}
#chinese {
	height: 300px;
	border-bottom: 1px solid #333;
}
			/* kleine Bilder */
.bilder01 li {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	list-style-type: none;
}
a .dot {
	position: absolute;
	display: block;
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-top-color: #555;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #555;
}
a:hover .dot {
	opacity: 0.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}
.pico01 a .dot, .pico02 a .dot, .pico03 a .dot, .pico04 a .dot, .pico05 a .dot, .pico06 a .dot, .pico07 a .dot {
	top: -7px;
}
.pico08 a .dot, .pico09 a .dot, .pico10 a .dot, .pico11 a .dot, .pico12 a .dot, .pico13 a .dot, .pico14 a .dot {
	top: 60px;
}
.pico15 a .dot, .pico16 a .dot, .pico17 a .dot, .pico18 a .dot, .pico19 a .dot, .pico20 a .dot, .pico21 a .dot {
	top: 120px;
}
.pico22 a .dot, .pico23 a .dot, .pico24 a .dot, .pico25 a .dot, .pico26 a .dot, .pico27 a .dot, .pico28 a .dot {
	top: 180px;
}
.pico29 a .dot, .pico30 a .dot, .pico31 a .dot, .pico32 a .dot, .pico33 a .dot,  .pico34 a .dot, .pico35 a .dot {
	top: 240px;
}
.pico36 a .dot, .pico37 a .dot, .pico38 a .dot, .pico39 a .dot, .pico40 a .dot,  .pico41 a .dot, .pico42 a .dot {
	top: 300px;
}
.pico43 a .dot, .pico44 a .dot, .pico45 a .dot, .pico46 a .dot, .pico47 a .dot,  .pico48 a .dot, .pico49 a .dot {
	top: 360px;
}
.pico50 a .dot, .pico51 a .dot, .pico52 a .dot, .pico53 a .dot, .pico54 a .dot,  .pico55 a .dot, .pico56 a .dot {
	top: 420px;
}
.pico57 a .dot, .pico58 a .dot, .pico59 a .dot, .pico60 a .dot, .pico61 a .dot,  .pico62 a .dot, .pico63 a .dot {
	top: 480px;
}


			/* 1.Reihe */
.pico01 a .dot  {
	left: 10px;
}
.pico02 a .dot {
	left: 70px;
}
.pico03 a .dot {
	left: 131px
}
.pico04 a .dot {
	left: 190px;
}
.pico05 a .dot {
	left: 251px;
}
.pico06 a .dot {
	left: 310px;
}
.pico07 a .dot {
	left: 366px;
} 
			/* 2.Reihe */
.pico08 a .dot  {
	left: 10px;
}
.pico09 a .dot {
	left: 70px;
}
.pico10 a .dot {
	left: 130px;
}
.pico11 a .dot {
	left: 190px;
}
.pico12 a .dot {
	left: 250px;
}
.pico13 a .dot {
	left: 310px;
}
.pico14 a .dot {
	left: 370px;
}
			/* 3.Reihe */
.pico15 a .dot {
	left: 10px;
}
.pico16 a .dot {
	left: 70px;
}
.pico17 a .dot {
	left: 130px;
}
.pico18 a .dot {
	left: 190px;
}
.pico19 a .dot {
	left: 250px;
}
.pico20 a .dot {
	left: 310px;
}
.pico21 a .dot {
	left: 370px;
}
			/* 4.Reihe */
.pico22 a .dot {
	left: 10px;
}
.pico23 a .dot {
	left: 70px;
}
.pico24 a .dot {
	left: 130px;
}
.pico25 a .dot {
	left: 190px;
}
.pico26 a .dot {
	left: 250px;
}
.pico27 a .dot {
	left: 310px;
}
.pico28 a .dot {
	left: 370px;
}

			/* 5.Reihe */
.pico29 a .dot {
	left: 10px;
}
.pico30 a .dot {
	left: 70px;
}
.pico31 a .dot {
	left: 130px;
}
.pico32 a .dot {
	left: 190px;
}
.pico33 a .dot {
	left: 250px;
}
.pico34 a .dot {
	left: 310px;
}
.pico35 a .dot {
	left: 370px;
}
			/* 6.Reihe */
.pico36 a .dot {
	left: 10px;
}
.pico37 a .dot {
	left: 70px;
}
.pico38 a .dot {
	left: 130px;
}
.pico39 a .dot {
	left: 190px;
}
.pico40 a .dot {
	left: 250px;
}
.pico41 a .dot {
	left: 310px;
}
.pico42 a .dot {
	left: 370px;
}
			/* 7.Reihe */
.pico43 a .dot {
	left: 10px;
}
.pico44 a .dot {
	left: 70px;
}
.pico45 a .dot {
	left: 130px;
}
.pico46 a .dot {
	left: 190px;
}
.pico47 a .dot {
	left: 250px;
}
.pico48 a .dot {
	left: 310px;
}
.pico49 a .dot {
	left: 370px;
}

		/* 8.Reihe */
.pico50 a .dot {
	left: 10px;
}
.pico51 a .dot {
	left: 70px;
}
.pico52 a .dot {
	left: 130px;
}
.pico53 a .dot {
	left: 190px;
}
.pico54 a .dot {
	left: 250px;
}
.pico55 a .dot {
	left: 310px;
}
.pico56 a .dot {
	left: 370px;
}

		/* 9.Reihe */
.pico57 a .dot {
	left: 10px;
}
.pico58 a .dot {
	left: 70px;
}
.pico59 a .dot {
	left: 130px;
}
.pico60 a .dot {
	left: 190px;
}
.pico61 a .dot {
	left: 250px;
}
.pico62 a .dot {
	left: 310px;
}
.pico63 a .dot {
	left: 370px;
}
			/* kleine Bilder Ende*/
			
			/* einschwebende Bilder */
li p {
	display: block;
	width: 180px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	white-space: nowrap;
}	
.pico01 a:hover .pic01, .pico02 a:hover .pic02, .pico03 a:hover .pic03, .pico04 a:hover .pic04,
.pico05 a:hover .pic05, .pico06 a:hover .pic06, .pico07 a:hover .pic07, .pico08 a:hover .pic08,
.pico09 a:hover .pic09, .pico10 a:hover .pic10, .pico11 a:hover .pic11, .pico12 a:hover .pic12,
.pico13 a:hover .pic13, .pico14 a:hover .pic14, .pico15 a:hover .pic15, .pico16 a:hover .pic16,
.pico17 a:hover .pic17, .pico18 a:hover .pic18, .pico19 a:hover .pic19, .pico20 a:hover .pic20,
.pico21 a:hover .pic21, .pico22 a:hover .pic22, .pico23 a:hover .pic23, .pico24 a:hover .pic24,
.pico25 a:hover .pic25, .pico26 a:hover .pic26, .pico27 a:hover .pic27, .pico28 a:hover .pic28,
.pico29 a:hover .pic29, .pico30 a:hover .pic30, .pico31 a:hover .pic31, .pico32 a:hover .pic32,
.pico33 a:hover .pic33, .pico34 a:hover .pic34, .pico35 a:hover .pic35, .pico36 a:hover .pic36,
.pico37 a:hover .pic37, .pico38 a:hover .pic38, .pico39 a:hover .pic39, .pico40 a:hover .pic40,
.pico41 a:hover .pic41, .pico42 a:hover .pic42, .pico43 a:hover .pic43, .pico44 a:hover .pic44,
.pico45 a:hover .pic45, .pico46 a:hover .pic46, .pico47 a:hover .pic47, .pico48 a:hover .pic48,
.pico49 a:hover .pic49, .pico50 a:hover .pic50, .pico51 a:hover .pic51, .pico52 a:hover .pic52, 
.pico53 a:hover .pic53, .pico54 a:hover .pic54, .pico55 a:hover .pic55, .pico56 a:hover .pic56,
.pico57 a:hover .pic57, .pico58 a:hover .pic58, .pico59 a:hover .pic59, .pico60 a:hover .pic60, 
.pico61 a:hover .pic61, .pico62 a:hover .pic62, .pico63 a:hover .pic63, .pico64 a:hover .pic64 {
	left: 540px;
	top: -46px;
}
.pic01 img, .pic02 img, .pic03 img, .pic04 img, .pic05 img, .pic06 img, .pic07 img, .pic08 img, .pic09 img, .pic10 img,
.pic11 img, .pic12 img, .pic13 img, .pic14 img, .pic15 img, .pic16 img, .pic17 img, .pic18 img, .pic19 img, .pic20 img,
.pic21 img, .pic22 img, .pic23 img, .pic24 img, .pic25 img, .pic26 img, .pic27 img, .pic28 img, .pic29 img, .pic30 img,
.pic31 img, .pic32 img, .pic33 img, .pic34 img, .pic35 img, .pic36 img, .pic37 img, .pic38 img, .pic39 img, .pic40 img,
.pic41 img, .pic42 img, .pic43 img, .pic44 img, .pic45 img, .pic46 img, .pic47 img, .pic48 img, .pic49 img, .pic50 img,
.pic51 img, .pic52 img, .pic53 img, .pic54 img, .pic55 img, .pic56 img, .pic57 img, .pic58 img, .pic59 img, .pic60 img,
.pic61 img, .pic62 img, .pic63 img {
	clear: both;
	float: right;
	border: 2px solid #555;
}
.pico01 a .pic01, .pico02 a .pic02, .pico03 a .pic03, .pico04 a .pic04, .pico05 a .pic05, .pico06 a .pic06, .pico07 a .pic07,
.pico08 a .pic08, .pico09 a .pic09, .pico10 a .pic10, .pico11 a .pic11, .pico12 a .pic12, .pico13 a .pic13, .pico14 a .pic14,
.pico15 a .pic15, .pico16 a .pic16, .pico17 a .pic17, .pico18 a .pic18, .pico19 a .pic19, .pico20 a .pic20, .pico21 a .pic21,
.pico22 a .pic22, .pico23 a .pic23, .pico24 a .pic24, .pico25 a .pic25, .pico26 a .pic26, .pico27 a .pic27, .pico28 a .pic28,
.pico29 a .pic29, .pico30 a .pic30, .pico31 a .pic31, .pico32 a .pic32, .pico33 a .pic33, .pico34 a .pic34, .pico35 a .pic35,
.pico36 a .pic36, .pico37 a .pic37, .pico38 a .pic38, .pico39 a .pic39, .pico40 a .pic40, .pico41 a .pic41, .pico42 a .pic42,
.pico43 a .pic43, .pico44 a .pic44, .pico45 a .pic45, .pico46 a .pic46, .pico47 a .pic47, .pico48 a .pic48, .pico49 a .pic49,
.pico50 a .pic50, .pico51 a .pic51, .pico52 a .pic52, .pico53 a .pic53, .pico54 a .pic54, .pico55 a .pic55, .pico56 a .pic56,
.pico57 a .pic57, .pico58 a .pic58, .pico59 a .pic59, .pico60 a .pic60, .pico61 a .pic61, .pico62 a .pic62, .pico63 a .pic63 {
	position: absolute;
	top: -5000px;
	left:  -999em;
	width: 184px;
}
			/* Ende einschwebende Bilder */
			/* Unterseiten wie Malerei, Philosophie usw. */
#mainpicture {
	text-align: center;
	display: block;
	height: auto;
	width: auto;
	padding: 18px 0 12px 0;
}
#mainpicture #picture {
	margin-left:auto;
	padding: 0 80px 20px 80px;
	text-align: justify;
}
#books {
	list-style-type: none;
	text-align: left;
}
#books li p{
	text-align: left;
	display: block;
}
			/* Ende Unterseiten wie Malerei, Philosophie usw. */			
#counter {
	height: 22px;
	width: 142px;
	position: relative;
	top: 228px;
	left: 720px;
}
#footer {
	color: #FFF;
	background-color: #333;
	height: 20px;
	padding-left: 20px;
	padding-top: 4px;
}