html {
	background-color: black;
	background-image:url(/dirk/images/bg_hp/Bilder/background_body_02.jpg);
	scroll-behavior: smooth;
}
body{
	background-color: black;
	/* background-color: #339966; */
	display:block;
	margin:0px 2px 0px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(/dirk/images/bg_hp/Bilder/background_body_02.jpg);
}

/* Safari syntax */
iframe:-webkit-full-screen {
  background-color: black;
  background-image:none;
}

/* IE11 syntax */
iframe:-ms-fullscreen {
  background-color: black;
  background-image:none;
}

/* Standard syntax */
iframe:fullscreen.body {
  background-color: black;
  background-image:none;
}
#header {
	position: relative;
	/* max-width: 1458px;  so lang wie banner */
	background-image:url(/dirk/images/bg_hp/bg_homepage_main_long.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	padding: 0px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	z-index:100;
}
.headline, .headliner{
	font-family: "Comic Sans MS";
	color:#000000;
	font-weight:bold;
	text-shadow: 10px 11px 20px black, 2px  2px 2px white;
}
.headliner{font-size:2.5em;}
.headline{font-size:2.0em;}

#content_news {
	display:none;
	width:100%;
	top:150px;
	margin-top:20px;
}
.normal2_content_news {
	font-family:"Comic Sans MS";
	font-size:17px;
	font-weight:bold;}

@media only screen and (min-width:1150px) and (min-height:800px){
	.normal2_content_news {font-size: 20px;}
	.navmenu {font-size: 1.5em;}
}

#gotop {
	position:fixed;
	right:0px;
	
	bottom: 20px;
	z-index:500;
}
#gotop > a> img {width:32px;height:32px;border-radius:5px 0px 0px 5px;box-shadow: -4px 2px 3px black;}

#preloadsanduhr{position:absolute;left:0px;top:0px;width:1px;height:1px;z-index:1;visibility:hidden;}
#Weltkugel {
	z-index:12;
}
#wetteronline { }
@media (max-width: 430px) {
	#wetteronline { display:none;}
	#Weltkugel { display:none;}
}

#zeitanzeige {
	background-color:lightgrey;
	padding: 2px 10px 2px 10px;
	border-radius: 0.5em;
	border: 1px solid black;	
}

h2{font-size:16px;}
h3{font-size:18px;}

.white {color:#FFFFFF;}
.black {color:#000000;}

.navmenu{font-family:"Comic Sans MS";font-size:1.3em;color:#000000;font-weight:bold;}
.navmenu_s{font-family:"Comic Sans MS";font-size:1em;color:#000000;font-weight:bold;}
.gross{font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bolder}
.normal{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold}
.normal2{font-family:"Comic Sans MS";font-size:1em;font-weight:bold;}
.normal2_15px{font-family:"Comic Sans MS";font-size:15px;font-weight:bold;}
.klein{font-family:"Comic Sans MS";font-size:12px;font-weight:bold;}
.small{font-size:12px;}
.mini{font-size:11px;}
.minimini{font-size:10px;}
.menu{font:bold 16px "Comic Sans MS";}
.menuklein{font-family:"Comic Sans MS";font-size:12px;font-weight:bold;}
.underline{text-decoration:underline;}
a.underline:hover {text-decoration:underline;}
.exifheadline{color:#000000;font-weight:bold;background-color:#F2F1E1;text-align:left;}
.exif{color:#000000;font-weight:normal;background-color:#F2F1E1;text-align:left;}
.backgroundtargets{background:#336666;}

a{text-decoration:none;}
a:hover{color: #000000;text-decoration: none} 
img {border:0;}
a img{border-color:#000000;}
a:hover img{border-color:#FFFFFF;}
a.img_nohover:hover img {border-color:#000000;}
a:link{color:#000000;}
a:visited{color:#000000;}
a:active {color:#FFFFFF;}
a.navlink:hover  {color:#FFFFFF;}
/* a.navmenu_selected {font-family:"Comic Sans MS";font-size:1em;color:#FFFFFF;font-weight:bold;} */
a.navmenu_selected {color:#FFFFFF;}
.img_shadow {
	border: 1px solid black;
	box-shadow: 10px 11px 15px black;
	border-radius: 10px;
}
.img_responsive {
  width: 100%;
  height: auto;
}	
.noscroll {overflow:hidden;}
.notablespacing {border-spacing:0; padding:0;}
.noborder {
	border:0;
	margin: 0px;
	padding: 0px;
}
.nomargin { margin-top:0; margin-bottom:0; margin-left:0; margin-right:0;}
.centerelement {margin-left:auto; margin-right:auto;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align: center;}
.bottom { vertical-align:bottom;}

.bg_grau{background-color:#333333;}	 /* unsre welt overlay divs obselete */
.bg_banner_main{background-image:url(/dirk/images/bg_hp/bg_homepage_main_long.jpg);background-repeat:no-repeat;}
.bg_banner_party{background-image:url(/dirk/images/bg_hp/bg_homepage_party_long.jpg);background-repeat:no-repeat;}

.bg_fotorahmen_unten{background-image:url(/dirk/images/fotobackground/fotobackground_bottom.jpg);background-position:left top;background-repeat:no-repeat;}
.bg_fotorahmen_rechts{background-image:url(/dirk/images/fotobackground/fotobackground_right.jpg);background-position:left top;background-repeat:no-repeat;}

.bg_korktable_oben{background-image:url(/dirk/images/bg_kork_table/bg_kork_table_02.jpg);background-position:left bottom;}
.bg_korktable_unten{background-image:url(/dirk/images/bg_kork_table/bg_kork_table_08.jpg);background-position:left top;}
.bg_korktable_links{background-image:url(/dirk/images/bg_kork_table/bg_kork_table_04.jpg);background-position:right top;}
.bg_korktable_rechts{background-image:url(/dirk/images/bg_kork_table/bg_kork_table_06.jpg);background-position:left top;}
.bg_korktable{background-image:url(/dirk/images/bg_kork_table/bg_kork_table_05.jpg);}

.bg_holztable_oben{background-image:url(/dirk/images/bg_holz_table/bg_holz_table_02.jpg);background-position:left bottom;}
.bg_holztable_links{background-image:url(/dirk/images/bg_holz_table/bg_holz_table_04.jpg);background-position:right top;}
.bg_holztable_rechts{background-image:url(/dirk/images/bg_holz_table/bg_holz_table_06.jpg);background-position:left top;}
.bg_holztable_unten{background-image:url(/dirk/images/bg_holz_table/bg_holz_table_08.jpg);background-position:left top;}
.bg_holztable{background-image:url(/dirk/images/bg_holz_table/bg_holz_table_05.jpg);}

.bg_notepad_kork_table_oben{background-image:url(/dirk/images/bg_notepad_kork_table/bg_notepad_kork_table_02.jpg);background-position:left bottom;}
.bg_notepad_kork_table_links{background-image:url(/dirk/images/bg_notepad_kork_table/bg_notepad_kork_table_04.jpg);background-position:right top;}
.bg_notepad_kork_table_rechts{background-image:url(/dirk/images/bg_notepad_kork_table/bg_notepad_kork_table_06.jpg);background-position:left top;}
.bg_notepad_kork_table_unten{background-image:url(/dirk/images/bg_notepad_kork_table/bg_notepad_kork_table_08.jpg);background-position:left top;background-repeat:no-repeat;}
.bg_notepad {background-image:url(/dirk/images/bg_notepad_table/bg_notepad_table_05.jpg);}

.bg_fotobackground_kork_table_01 {background-image:url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_01.jpg);background-position: left bottom; background-repeat: no-repeat; }
.bg_fotobackground_kork_table_02 {background-image:url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_02.jpg);background-position:left top;margin: 0px;padding: 0px;}
.bg_fotobackground_kork_table_03 {background-image:url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_03.jpg);background-position:left;}
.bg_fotobackground_kork_table_04 {background-image:url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_04.jpg);background-position:left top;}
.bg_fotobackground_kork_table_05 {background-image:url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_05.jpg);background-position:left top;}

.bg_sanduhr {
	background-image:url(/dirk/images/sanduhr.gif);
	background-repeat:no-repeat;
	background-position:center;
}
div.diskettediv {
	display: inline-block;
	margin:10px;
	vertical-align: bottom;
	}
.bg_diskette, .bg_diskette_aktiv {
	display:table-cell;
	width:55px;
	height:64px;
	background-image:url(/dirk/images/diskette.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	text-align: center;
	vertical-align: bottom;
}
.bg_diskette_aktiv {
	background-image:url(/dirk/images/diskette_aktiv.jpg);
}
.diskfont {
	font-family: "Comic Sans MS", cursive;
	font-size: 2em;
	font-weight: bold;
	margin-bottom:0;
}
.korkdiv {
	display:inline-block;
	position:relative;
	width:95%;
	max-width: 1458px; /* so lang wie Banner */
	overflow: hidden;
	background-image:url(/dirk/images/bg_kork_table/bg_kork_table_05.jpg);
	padding: 5px 5px 20px 5px;
	margin:0.5em;
	margin-left:auto;
	margin-right:auto;
	border-radius: 10px;
	border: 1px solid black;
	box-shadow: 10px 11px 15px black;
	text-align: center;
	vertical-align: middle;
}
.notepadpindiv {
	display:inline-block;
	position:relative;
	padding-top:20px;
	margin-right: 20px;
	margin-left: 20px;
}
.notepaddiv, .content_news_div {
	top:0px;
	display:inline-block;
	position:relative;
	overflow: hidden;

	padding: 1em;
	margin:0.5em;
	margin-left:auto;
	margin-right:auto;
	border-radius: 0.5em;
	border: 1px solid black;
	box-shadow: 8px 7px 15px black;
	text-align: center;
	vertical-align: middle;
}
.notepaddiv {background-image:url(/dirk/images/bg_notepad_table/bg_notepad_table_05.jpg);}
.content_news_div {	background-image: url(/dirk/images/bg_holz_table/bg_holz_table_05.jpg); }
/* .content_news_div {	background-image: url(/dirk/images/bg_kork_table/bg_kork_table_05.jpg); } */

.notepadpinright {
	position:absolute;
	left:48%;
	top:-3px;
	content: url(/dirk/images/bg_notepad_table/pin_right.gif);
	margin-left:auto;
	margin-right:auto;
}
.notepadpinleft {
	position:absolute;
	left:48%;
	top:-3px;
	content: url(/dirk/images/bg_notepad_table/pin_left.gif);
	margin-left:auto;
	margin-right:auto;
}
/* REISEN-Fotoindex und WALLPAPER */
.diadiv {display:inline-block; position: relative; width:160px; vertical-align:middle; margin-top:auto; margin-bottom:auto;}
div.diadiv > img{ display:block;}
div.diatabimg > a > img{ 
	display:block;
	position: relative;
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
}
.diatabhead {
	display:inline-block;
	background-image:url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_02.jpg);background-position:left top;margin: 0px;padding: 0px;
	width:130px;
	vertical-align: middle;
	border:none;
	margin: 0px;
	padding: 0px;
	padding-left:15px;
	padding-right:15px;	
	border-spacing:0px;
}
.diatabimg {
	display:inline-block;
	position: relative;
	vertical-align:middle;
	padding-top:3px;
	background-color:black;
	background-image: url(/dirk/images/sanduhr.gif), url(/dirk/images/bg_fotobackground_kork/bg_fotobackground_kork_04.jpg);
	background-position: center center, left top;
	background-repeat: no-repeat, repeat;
	width:100%;
	min-height:90px;
	border:none;
	border-spacing:0px;
}
.diainfotext {
	position:absolute;
	top:12%;
	left:0px;
	margin-left:10px;
	margin-top:5px;
	text-align:left;
	color:white;
	background-color: rgba(0, 0, 0, .6); /* 0.1 alpha = 10% opacity */
	visibility: hidden;
}
.diainfoicon {
	position:absolute;
	bottom:0px;
	right:0px;
	margin:0px 12px 1px 0px;
}	

/* REISEN und WALLPAPER END*/
.fotobuch {
	display:inline-block;
	width:200px;
	height: 220px;
	vertical-align:middle;
	background-image: url(/dirk/images/fotoalbum1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	padding-top: 55px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
ul.newslist_ul , li.newslist_li {
	list-style: none;
    margin: 0; 
    padding: 0;	
	}
nav, nav > ul { 
    width: 100%; 
    margin: 0; 
    padding: 0;
}
nav > ul > li {
	position: relative;
	display: inline-block; 
    padding: 5px;
	background-color: #996600;
	width:auto;
	min-width: 120px;
	border-radius: 0.5em;
	border: 1px solid black;
}
nav > ul > li > ul {
	position: absolute;
	list-style-type: none;
	margin: 0; 
    padding: 2px;
	background-color: #996600;
	top: 30px; 
    left: 0;
	width:auto;
	min-width: 120px;
    display: none;
	border-radius: 0.5em;
	border: 1px;
	z-index:201;
}
 nav > ul > li:hover > ul { 
    display: block;
	overflow:visible;
}


/*  EVENTS/PARTYS */
/*  event_fotoindex.php */
.polaroid {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	padding:5px 5px 0px 5px;
	margin:5px;
	min-width:61px;
	min-height:51px;
	background-color: white;
	background-image:url(/dirk/images/sanduhr.gif);
	background-repeat:no-repeat;
	background-position:center;	
	box-shadow: 8px 7px 15px black;
	border-radius: 5px;
}
.polaroid img {
	width:100%;
	min-height:51px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	border:1px solid black;
	border-radius: 5px;

}
.polaroid_container {
	text-align: center;
	padding-bottom:2px;
}

.button_back, .button_no_back, .button_forward, .button_no_forward {
	position:absolute;
	display:inline-block;
	top:30%;
	background-color: rgba(255, 255, 255, .6); /* 0.1 alpha = 10% opacity */ 
	padding:2% 1%;
	text-align:center;
	text-decoration:none;
	font-size:2em;
	font-weight:bolder;
	color:black;
	cursor:pointer;
	border: 1px solid black;
}
.button_back, .button_no_back {
	left:0px;
	border-radius: 0px 15px 15px 0px;
}
.button_forward, .button_no_forward {
	right:0px;
	border-radius: 15px 0px 0px 15px;
}
a.button_no_back, a.button_no_forward {
	color:red;
}
a:hover.button_back, a:hover.button_no_back, a:hover.button_forward, a:hover.button_no_forward { color:green; background-color: rgba(255, 255, 255, .8); }

.button_fullscreen {
	position:absolute;
	display:block;
	left:0px;
	bottom:-1px;
	border-radius: 0px 15px 0px 10px;
	padding:0.8%;
	text-align:center;
	text-decoration:none;
	font-size:1em;
	font-weight:bolder;
	cursor:pointer;
	border: 1px solid black;
	background-color: rgba(255, 255, 255, .6); /* 0.1 alpha = 10% opacity */ 	
}
:hover.button_fullscreen {color:green; background-color: rgba(255, 255, 255, .8);}

.button_exit , .button_exit_right, .button_exit_left {
	position:absolute;
	display:block;
	top:0px;
	background-color: rgba(255, 255, 255, .6);
	padding:1% 1%;
	text-align:center;
	text-decoration:none;
	font-size:1.5em;
	font-weight:bolder;
	cursor:pointer;
	border: 1px solid black;
	z-index:20;
}
.button_exit {
	right:0px;
	border-radius: 0px 10px 0px 15px;
}		
.button_exit_right {
	right:0px;
	border-radius: 0px 10px 0px 15px;
}
.button_exit_left {
	left:0px;
	border-radius: 10px 0px 15px 0px;
}
.button_fotoindex {
	position:absolute;
	display:block;
	right:0px;
	bottom:0px;
	background-color: rgba(255, 255, 255, .6);
	padding:1% 1%;
	text-align:center;
	text-decoration:none;
	font-size:1em;
	font-weight:bolder;
	color:black;
	cursor:pointer;
	border: 1px solid black;
	border-radius: 15px 0px 10px 0px;
	z-index:20;
}
a:hover.button_fotoindex, a:hover.button_exit {color:green; background-color: rgba(255, 255, 255, .8);}	

/*
@media only screen and (min-width:1272px) and (min-height:892px){	
	.button_back, .button_no_back { left:-40px; border-radius: 15px 0px 0px 15px; }
	.button_forward, .button_no_forward {right:-40px; border-radius: 0px 15px 15px 0px;}
}
*/
.wir_marion_dirk_textblock {
	display: inline-block;
	padding:5px 10px 5px 10px;
	max-width:270px;
}