html,
body,
div,
p,
img { margin: 0; padding: 0; border: 0; float: none; position: relative; }

body { background: #202020; }

div { overflow: hidden; }

span,
a { font-size: 13px; color: #EEEEEE; font-family: "Duru Sans", "Segoe UI", Arial, Verdana; text-decoration: none; }

.text_a,
.img_a span { }
.text_a:hover,
.img_a:hover span { color: #5E8BA0 !important; border-radius: 2px; }


.title { background: #000000; }
.title .logo { position: absolute; left: -20px; top: -20px; }
.title .capital { margin: 20px 0px 20px 280px; width: 300px; height: 62px; background: url(imgs/Ueberschrift_300.png) no-repeat; display: inline-block; }
.title .capitalback { position: absolute; width: 760px; height: 158px; background: url(imgs/Ueberschrift_760.png) no-repeat; left: 270px; top: -10px; }
.title .logo,
.title .capital { vertical-align: middle; }


.nikoncorp { text-align: center; padding: 10px; }
.nikoncorp span { font-size: 12px; color: #555555; }


.navigation { background: #000000; }
.navigation .logo { position: absolute; left: -60px; top: -40px; opacity: 0.8; filter:alpha(opacity=80); }
.navigation .wrap { padding: 18px 10px 18px 195px; }
.navigation .logo,
.navigation .wrap .sep,
.navigation .wrap span,
.navigation .wrap a { vertical-align: middle; }
.navigation .sep { display: inline-block; }
.navigation .nav { white-space: nowrap; display: inline-block; }
.navigation .point { padding-left: 5px; padding-right: 5px; }
.navigation .nav1 { font-size: 13px; color: #888888; }
.navigation .nav2 { font-size: 16px; color: #AAAAAA; }
.navigation .nav3 { font-size: 19px; color: #CCCCCC; }
.navigation .nav4 { font-size: 22px; }
.navigation_top { border-bottom: 1px solid #999999; }
.navigation_bottom { margin-top: 5px; border-top: 1px solid #999999; }


/*
.fullscreen { position: absolute; right: 2px; top: 2px; z-index: 10; }
*/
.fullscreen { text-align: center; line-height: 0; }
.fullscreen img { cursor: pointer; }


.image { text-align: center; z-index: 1; overflow: hidden; }
.image img.mainpic { max-width: 100%; vertical-align: bottom; }

.jImagePreloader { display: none; }

.jStorage,
.jStorActID,
.jDispNoneLoading,
.jDispNoneFirstLast { display: none !important; }

.loading {  text-align: center; margin: 50px 0px; }

.arrows { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.arrows .left,
.arrows .right { width: 50%; height: 100%; overflow: hidden; }
.arrows .left { text-align: left; float: left; }
.arrows .right { text-align: right; }

.arrows .arrow { top: 44%; display: block; width: 100%; height: 100%; z-index: 2; opacity: 0.15; filter:alpha(opacity=15); }
.arrows .left .arrow { background: url(imgs/ArrowLeftBig.gif) center left no-repeat; }
.arrows .right .arrow { background: url(imgs/ArrowRightBig.gif) center right no-repeat; }

.arrows .left .arrowhover:hover,
.arrows .right .arrowhover:hover { opacity: 1.0; filter:alpha(opacity=100); }
.arrows .left .arrowhover:hover { background-image: url(imgs/ArrowLeftBigHighlight.gif); }
.arrows .right .arrowhover:hover { background-image: url(imgs/ArrowRightBigHighlight.gif); }

.arrows .arrow { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.arrows .arrow:active { outline: none; }
.arrows .arrow:focus { outline: none; }


.description { text-align: center; padding: 10px; }
.description .maintitle { font-size: 22px; display: inline-block; }
.description .subtitle { padding-left: 10px; display: inline-block; }


.counter { text-align: center; }
.counter span { font-size: 15px; color: #BBBBBB; }


.infos { text-align: center; padding: 10px; }
.infos span { font-size: 12px; color: #888888; }


.comments { margin: auto; width: 80%; padding: 30px 5px 0px 5px; }
.comments span { color: #BBBBBB; }
.comments .comment { margin-bottom: 14px; }
.comments .name { float: left; text-align: center; margin-right: 8px; min-width:160px; }
.comments .text { min-height: 2.4em; }
.comments .name,
.comments .text { padding: 3px 6px 3px 6px; background: #111111; border: 1px solid #444444; border-radius: 6px; }

.newcomment { margin: auto; width: 80%; padding: 10px 5px 20px 5px; }
.newcomment .commentform { margin: auto; width: 60%; text-align: center; }
.newcomment .commentform form { padding: 10px; }
.newcomment .commentform .sep { display: inline-block; }
.newcomment .commentform .newname,
.newcomment .commentform .newtext { padding: 3px 6px; }
.newcomment .commentform .newspam { padding: 13px 6px 3px 6px; }
.newcomment .commentform .newspam img { margin: 5px 0px 0px 5px; }
.newcomment .commentform .newspam span { }
.newcomment .commentform .newspam .sep,
.newcomment .commentform .newspam img { vertical-align: bottom; }
.newcomment .commentform .newspam input { vertical-align: bottom; }
.newcomment .commentform span { color: #EEEEEE; }
.newcomment .commentform #button,
.newcomment .commentform #name,
.newcomment .commentform #kommentar { width: 100%; border: 1px solid #000000; border-radius: 6px; }
.newcomment .commentform #spam { width: 3em; text-align: center; }
.newcomment .commentform #button { padding: 8px 0px 8px 0px; margin: 14px 2px 2px 4px; background: #CCCCCC; width: 97%; }
.newcomment .commentform #name,
.newcomment .commentform #kommentar,
.newcomment .commentform #spam { padding: 2px; font-family: "Segoe UI", Arial, Verdana; }

.commentwarning { }
.commentwarning span { border: 1px solid #EE0000; padding: 10px; margin: 0px 0px 10px 0px; background-color: #500809; color: #FFDDDD; display: block; border-radius: 6px; }


.design { text-align: center; padding-top: 20px; font-size: 13px; }
.design p { margin: 6px 0px; }
.xdesign .logo,
.xdesign .copy { vertical-align: middle; padding: 10px; }
.design .mailad { color: #999999; font-size: 1.1em; }
.design .access { display:none; }


.start { text-align: center; padding: 30px 0px; max-width: 1800px; margin: auto; }
.start .item .itemtitle { font-size: 15px; }

.gallery { text-align: center; padding: 10px 0px; }

.item { display: inline-block; padding: 3px; margin: 3px; border: 1px solid #333333; border-radius: 3px;  vertical-align: top; }
.item:hover { background: #26363E; }
.item .itemtitle { display: block; padding: 1px 0px; }

.item .picbox,
.item .picbox img { max-width: 100%; }
.item .picbox .itemrandprev { position: absolute; top: 0; left: 0; }

.item .itemrandprev {  
    opacity: 0.0;
    transition: opacity 0.75s ease-in-out;
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    }
.item:hover .itemrandprev { 
    opacity: 1.0;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}

.pic,
.pic img { vertical-align: bottom; }
.pic { display: inline-block; padding: 3px; max-width: 100%; }
.pic .picbox,
.pic .picbox img { max-width: 100%; }
.pic .picbox .pictitle { display: none; position: absolute; left: 0; right: 0; bottom: 0; padding: 2px; color: #111111; background-color: #EEEEEE; opacity: 0.80; filter: alpha(opacity=80); }
.pic:hover .pictitle { display: block; }


.nocontent { padding: 10px; text-align: center; }
.nocontent span { background: #BBBBBB; color: #333333; font-size: 16px; border: 1px solid #EEEEEE; border-radius: 3px; width: 600px; max-width: 94%; padding: 80px 3%; display: inline-block; text-align: center; }
.nocontent .logo { margin: 10px 0px 10px 0px; width: 300px; max-width: 100%; }

.loading {  text-align: center; margin: 50px 0px; }



/*** galery views ***/
@media screen and (max-width: 970px) {

	.start { max-width: auto; width: 100%; padding: 10px 0px; }

	.pic,
	.item { margin: 0.25%; padding: 0.25%; width: 31.5%; max-width: auto; }

	.start .item .itemtitle,
	.gallery .item .itemtitle { font-size: 13px; }
}
@media screen and (max-width: 580px) {

	.start,
	.gallery { padding: 5px 0px; }

	.pic,
	.item { margin: 0.4%; padding: 0.4%; width: 47%; }

	.start .item .itemtitle,
	.gallery .item .itemtitle { font-size: 12px; }
}
@media screen and (max-width: 310px) {
	
	.pic,
	.item { width: 94%; }
}

/*** full view ***/
@media screen and (max-width: 640px) {
	
	.title .logo { max-width: 210px; }
	.title .capital { margin: 8px 0px 8px 176px; }

	.navigation .logo { left: auto; right: -80px; top: -40px; opacity: 0.4; filter: alpha(opacity=40); }
	.navigation .wrap { padding: 12px 10px 12px 10px; }

	.arrows .left .arrow { background: url(imgs/ArrowLeftMedium.gif) center left no-repeat; }
	.arrows .right .arrow { background: url(imgs/ArrowRightMedium.gif) center right no-repeat; }

	.comments,
	.newcomment { width: auto; }
	.comments span,
	.newcomment span {  font-size: 12px; }
	.comments .comment .name { min-width: auto; }
	.newcomment .commentform { width: 80%; }
}
@media screen and (max-width: 480px) {
	
	.title .logo { max-width: none; left: auto; right: -80px; top: -40px; opacity: 0.4; filter: alpha(opacity=40); }
	.title .capital { margin: 16px 0px 16px 20px; width: 220px; height: 46px; background: url(imgs/Ueberschrift_220.png) no-repeat; }

	.arrows .left .arrow { background: url(imgs/ArrowLeftSmall.gif) center left no-repeat; }
	.arrows .right .arrow { background: url(imgs/ArrowRightSmall.gif) center right no-repeat; }

	.comments .comment .name { float: none; margin: 0px; }
	.newcomment .commentform { width: auto; }
}
@media screen and (max-width: 260px) {

	.title .capital { margin: 16px 0px 16px 3px; }
}