@charset "utf-8";

/* Bernd Obergassel`s Homepage Style Sheet 10.05.2026 */

h1.headline {text-align:center; font-family:arial; font-size:26px; font-weight:bold; color:#000066; text-shadow: 0em 0.4em 0.5em #444444;}
h2,h4,h5,h6 {text-align:center; font-family:arial; font-weight:normal; color:#004080;}
h2.head {text-align:center; font-family:arial; font-size:26px; font-weight:bold; color:#000066; text-shadow: 0em 0.4em 0.5em #444444;}
h5.red {text-align:center; font-family:arial; color:#990066;}
h5.info {text-align:left; font-family:arial; color:#004080;}
.unterseitenlinks {font-family:arial; font-weight:normal; color:#eeede1;}

p,li{font-size:14px;} /* = 10pt=12px */

body {background-color:#eeede1; background-image:url('images/bernd_img935-23092011-styled400x500.gif'); background-attachment:fixed;}
a:link {color:darkblue; text-decoration:none;}
a:visited {color:#333399; text-decoration:none;}
a:hover {color:darkred;}
a:active {color:#990066;} 
.underl:link {text-decoration:underline;}

.underline {
         text-decoration: underline; 
         cursor: pointer;}

.underline:hover {
	       cursor: pointer;
               color: darkred;
}

/* background-image:url('images/back.gif'); */

.redleft {text-align:left; font-family:arial, sans-serif; color:#990066;}
.redleft12n {text-align:left; font-family:arial; font-size:12px; font-weight:normal; color:#990066;}
.redleft14n {text-align:left; font-family:arial; font-size:14px; font-weight:normal; color:#990066;}
.redleft16n {text-align:left; font-family:arial; font-size:16px; font-weight:normal; color:#990066;}
.red16b {font-family:arial; font-size:16px; font-weight:bold; color:#990066;}
.red18b {font-family:arial; font-size:18px; font-weight:bold; color:#990066;}
.red {font-family:arial; color:#990066;}
.blueleft {text-align:left; font-family:arial; font-size:12px; color:#004080;}
.blue {text-align:center; font-family:arial, sans-serif; color:#004080;}
.yell {text-align:left; font-family:arial; font-weight:normal; color:yellow;}
.yell11 {font-family: arial; font-size:11px; color:yellow;}
.yell12 {font-family: arial; font-size:12px; font-weight:normal; color:yellow;}
.yell12n {font-family: arial; font-size:12px; font-weight:normal; color:yellow;}
.yell14n {font-family: arial; font-size:14px; font-weight:normal; color:yellow;}
.coelinblau12n {font-family:arial; font-size:12px; font-weight:normal; color:#004080;}
.coelinblau14n {font-family:arial; font-size:14px; font-weight:normal; color:#004080;}
.coelinblau16n {font-family:arial; font-size:16px; font-weight:normal; color:#004080;}
.coelinblau12b {font-family:arial; font-size:12px; font-weight:bold; color:#004080;}
.coelinblau14b {font-family:arial; font-size:14px; font-weight:bold; color:#004080;}
.coelinblau16b {font-family:arial; font-size:16px; font-weight:bold; color:#004080;}
.coelinblau18b {font-family:arial; font-size:18px; font-weight:bold; color:#004080;}
.dunkelblau10n {font-family:arial; font-size:10px; font-weight:normal; color:darkblue;}
.dunkelblau12b {font-family:arial; font-size:12px; font-weight:bold; color:darkblue;}
.dunkelblau14b {font-family:arial; font-size:14px; font-weight:bold; color:darkblue;}
.dunkelblau16b {font-family:arial; font-size:16px; font-weight:bold; color:darkblue;}
.dunkelblau18b {font-family:arial; font-size:18px; font-weight:bold; color:darkblue;}
.dunkelblau12n {font-family:arial; font-size:12px; font-weight:normal; color:darkblue;}
.dunkelblau14n {font-family:arial; font-size:14px; font-weight:normal; color:darkblue;}
.dunkelblau16n {font-family:arial; font-size:16px; font-weight:normal; color:darkblue;}
.dunkelblau18n {font-family:arial; font-size:18px; font-weight:normal; color:darkblue;}
.dunkelrot12b {font-family:arial; font-size:12px; font-weight:bold; color:darkred;}
.dunkelrot12n {font-family:arial; font-size:12px; font-weight:normal; color:darkred;}
.dunkelrot14n {font-family:arial; font-size:14px; font-weight:normal; color:darkred;}
.dunkelrot16n {font-family:arial; font-size:16px; font-weight:normal; color:darkred;}
.schwarz12b {font-family:arial; font-size:12px; font-weight:bold; color:black;}
.schwarz14b {font-family:arial; font-size:14px; font-weight:bold; color:black;}
.schwarz16b {font-family:arial; font-size:16px; font-weight:bold; color:black;}
.schwarz12n {font-family:arial; font-size:12px; font-weight:normal; color:black;}
.schwarz14n {font-family:arial; font-size:14px; font-weight:normal; color:black;}
.schwarz16n {font-family:arial; font-size:16px; font-weight:normal; color:black;}
.dunkelgruen12n {font-family:arial; font-size:12px; font-weight:normal; color:darkgreen;}
.weiss16b {font-family:arial; font-size:16px; font-weight:bold; color:white;}
.buttonschrift {font-family:arial; font-size:16px; font-weight:normal; color:#ffff99; text-align:center;}

ul {list-style-type:square; font-family:arial;}

 img{vertical-align:bottom; border:none;} 

.footertab1 {width:265px; margin-left:auto; margin-right:auto; border:0px solid;}
div.footer {margin-left:auto; width:260px; padding:4px; margin:1px; border:2px solid #004080; text-align:left; font-family:arial, Times; font-size:12px; color:#004080;}


/* Frame styles */
.smlpicfrme {border-style:ridge; border-width:9px; border-color:#fefefe; background:#dddddd; box-shadow: 3px 3px 4px #000000;}


.abstndstbleobn {width:1000px; margin-left:auto; margin-right:auto; border:0px solid;}
.menuetabelle { margin-left:auto; margin-right:auto; border:0px solid;}
.tabrahmen0 {border:0px solid;}
.tabrahmen0-c {border:0px solid; margin-left:auto; margin-right:auto;}
.tabrahmen0-l {border:0px solid; margin-right:auto;}
.tabrahmen0-r {border:0px solid; margin-left:auto;}


/* fuer Skulpturentabelle */ 
.sculpt_tab { width:450px; margin-left:auto; margin-right:auto; border:0px solid; border-spacing:0px;}
.sculpt_tab_td1 {text-align:left; width:300px; vertical-align:bottom; padding:0px; padding-bottom:0px;}
.sculpt_tab_td2 {text-align:right; width:150px; vertical-align:bottom; padding:0px; padding-bottom:0px;}
.sculpt_tab_td3 {text-align:left; width:300px;}
.sculpt_tab_td4 {text-align:right; width:150px; vertical-align:top; padding:0px; padding-top:0px;}


/* Order styles */
.formname {font-family:arial; font-size:14px; font-weight:bold; color:#004080;} 
.agb {text-align:justify; font-family:arial; font-size:14px; color:black}


.blueline {width:424px; height:3px; box-shadow: 3px 3px 4px #000000;}
.bluelinesml {width:220px; height:3px; box-shadow: 3px 3px 4px #000000;}

img.c1 {border-width:1px; border-color:#000000;}


/* Anfang fuer Menue Buttons */

button.menuebuttonstil {
	display: inline;
	margin: 0px;
                    vertical-align:top;
}


.menuebutton {
	cursor: pointer;
	font-family: arial;
	font-weight: normal;
	font-size: 16px; 
	color: yellow; /* Schrift */ 
	background-color: darkblue;
	background-image: linear-gradient(#101022, #101044); /* darkblue ist #00008B */
	text-decoration:none;
                    text-align:center;
	float: left; 
	width: 100px; 
	height: 25px; 
/*	text-shadow: 1px 1px 1px #000; */
	white-space: nowrap;
	overflow: hidden;
	min-width: 4em;
	line-height: 26px;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 16px;
	display: inline-block;
	border: 1px outset #09f;
	box-shadow: 0px 0px 5px #000;
}

.menuebutton:hover {
	cursor: pointer;
	font-family: arial; 
	font-size: 16px; 
	font-weight: normal;
	color: yellow; /* Schrift */ /* geht nicht */
	background-color: #004080; 
	background-image: linear-gradient(#1010bb, #101033);
	text-decoration:none;
                    text-align:center;
	float: left; 
	width: 100px; 
	height: 25px; 
	white-space: nowrap;
	overflow: hidden;
	min-width: 4em;
	line-height: 26px;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0;
	border-radius: 16px;
	padding-bottom: 0;
	display: inline-block;
	border:1px outset red;
	box-shadow: 0px 0px 5px #000;
}


.menuebuttonsel {
	cursor: pointer;
	font-family: arial;
	font-weight: normal;
	font-size: 16px; 
	color: yellow; /* Schrift */ 
	background-color: darkblue;
	background-image: linear-gradient(#1010bb, #101055); /* darkblue ist #00008B */
	text-decoration:none;
                    text-align:center;
	float: left; 
	width: 100px; 
	height: 25px; 
/*	text-shadow: 1px 1px 1px #000; */
	white-space: nowrap;
	overflow: hidden;
	min-width: 4em;
	line-height: 26px;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 16px;
	display: inline-block;
	border: 1px outset #09f;
	box-shadow: 0px 0px 5px #000;
}

/* noch nicht verwendet */
/* .menuebutton a:link {color: yellow; text-decoration:none;}*/
/* .menuebutton a:visited  {color: yellow; text-decoration:none;}*/
/* .menuebutton a:active {color: yellow; text-decoration:none;}*/


.menuebutton.selected{
	background-color:#555555; 
	color: white;
}

/* Ende fuer Menue Buttons */


td.abstand {text-align:left; height:3px;}



/* Contact styles */

.zeile {background: #004080}
.usepolicy {font-family:arial; font-size:16px; font-weight:normal; text-align:justify; color:black}



/* Schatten elob, siliob */

.schatten {box-shadow: 3px 3px 4px #000000;}

/* -moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
*/

.schatten-old {box-shadow:rgba(0,0,0,0.6) 3px 3px 5px 2px;}



/* javascript-buttons */

input.handzeiger {font-family:arial; font-size:12px; font-weight:normal; color:black; cursor:pointer;}


/* Anfang fuer siliobinfobuttons */

button.buttonstil {
	display: inline;
	margin: 0px;
                    text-align:center;
}


.infobutton {
	cursor: pointer;
	font-family: arial;
	font-weight: normal;
/*	text-shadow: 1px 1px 1px #000; */
	white-space: nowrap;
	overflow: hidden;
	min-width: 4em;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #a0a0a0;
	color: darkblue;
	border-radius: 10px;
	display: inline-block;
	border: 1px outset #fff;
	box-shadow: 0px 0px 5px #000;}

.infobutton:hover{
	cursor: pointer;
	font-family: arial; 
	font-weight: normal;
	background-color:#909090; 
	white-space: nowrap;
	overflow: hidden;
	min-width: 4em;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0;
	padding-bottom: 0;
	color: darkblue; 
	display: inline-block;
	border:1px outset red;}


.infobutton.selected{
	background-color:#555555; 
	color: darkblue;
}

/* Ende fuer siliobinfobuttons */


/* Anfang fuer siliobinfo-close-x */

div.xbuttonstil{
	display:inline; 
	margin:0px;
}


.xbutton{
	cursor:pointer; 
	font-family:arial; 
	font-size:12px; 
	font-weight:bold; 
	white-space:nowrap; 
	overflow:hidden; 
	min-width:0.8em; 
	line-height:14px; 
	margin:0px; 
	padding-left:0.5em; 
	padding-right:0.5em; 
	padding-top:0; 
	padding-bottom:0; 
	background-color:white; 
	color:black; border-radius:3px; 
	display:inline; 
	border:1px outset white; 
	box-shadow:0px 0px 2px #7f7f7f;
}

.xbutton:hover{
	cursor:pointer; 
	background-color:white; 
	color:darkred; 
	border:1px outset red;
}

/* Ende fuer siliobinfo-close-x */

/* for pop-ups */

.popupdivs {background-color:#000000; border-radius:12px; text-align:left; cursor:move;}
.popupspans {font-size:14px; font-family:verdana,arial; font-weight:normal; color:#c0c0c0;}

.overlay {width: 23em; background: #C6D7E7; border: 1px solid #e7c150; position: absolute; top: 35%; right: 30%; margin: auto; border-radius: 0.5em .5em .5em; border: 1px solid; padding: .5em; margin: .5em; box-shadow: 3px 3px 4px #000000; font-family: Avenir, sans-serif; font-size: 14px;}
.overlay-zon {width: 500px; background: #CCCCCC; border: 1px solid #e7c150; position: fixed; top: 2%; right: 35%; margin: auto; border-radius: 0.8em .5em .8em; border: 1px solid; padding: .5em; margin: .5em; box-shadow: 3px 3px 4px #000000; font-family: Avenir, sans-serif; font-size: 14px;}
.overlay-mue {width: 23em; background: #C6D7E7; border: 1px solid #e7c150; position: absolute; top: 30%; right: 30%; margin: auto; border-radius: 0.5em .5em .5em; border: 1px solid; padding: .5em; margin: .5em; box-shadow: 3px 3px 4px #000000; font-family: Avenir, sans-serif; font-size: 14px;}
.overlay-si1 {width: 40em; background: #C6D7E7; border: 1px solid #e7c150; position: fixed; top: 37%; right: 25%; margin: auto; border-radius: 0.5em .5em .5em; border: 1px solid; padding: .5em; margin: .5em; box-shadow: 3px 3px 4px #000000; font-family: Avenir, sans-serif; font-size: 14px;}
/* for sculptures */
.overlay-sc {width: 22em; background: #C6D7E7; border: 1px solid #e7c150; position: absolute; top: 500px; right: 45%; margin: auto; border-radius: 0.5em .5em .5em; border: 1px solid; padding: .5em; margin: .5em; box-shadow: 3px 3px 4px #000000; font-family: Avenir, sans-serif; font-size: 14px;}
/* for bezahldich-arm */
.overlay-bza {width: 33em; background: #C6D7E7; border: 1px solid #e7c150; position: absolute; top: 35%; right: 30%; margin: auto; border-radius: 0.5em .5em .5em; border: 1px solid; padding: .5em; margin: .5em; box-shadow: 3px 3px 4px #000000; font-family: Avenir, sans-serif; font-size: 14px;}
.overlayHidden {display: none;}

#hideinfo1 {position: absolute;	margin: 0; right: 0; top: 0; background: white; color: darkred; border: 1px solid black; font: bold 0/0 sans-serif; border-radius:5px;}
#hideinfo1::before {content: "X"; font: bold 1rem sans-serif;}
#hidezon {position: absolute;	margin: 0; right: 0; top: 0; background: white; color: darkred; border: 1px solid black; font: bold 0/0 sans-serif; border-radius:5px;}
#hidezon::before {content: "X"; font: bold 1rem sans-serif;}
#hideinfo2 {position: absolute;	margin: 0; right: 0; top: 0; background: white; color: darkred; border: 1px solid black; font: bold 0/0 sans-serif; border-radius:5px;}
#hideinfo2::before {content: "X"; font: bold 1rem sans-serif;}
#hideinfo3 {position: absolute;	margin: 0; right: 0; top: 0; background: white; color: darkred; border: 1px solid black; font: bold 0/0 sans-serif; border-radius:5px;}
#hideinfo3::before {content: "X"; font: bold 1rem sans-serif;}
#hideinfo4 {position: absolute;	margin: 0; right: 0; top: 0; background: white; color: darkred; border: 1px solid black; font: bold 0/0 sans-serif; border-radius:5px;}
#hideinfo4::before {content: "X"; font: bold 1rem sans-serif;}

/* Style Sheet End */