html,body,form,iframe
{
	height:100%;
	width:100%;
	border:none;
	font-family:Helvetica,sans-serif;
	font-size:10pt;
	float:left;
	margin:0px;
	padding:0px;
	background-color: #eeeeee;
}

 img
{
box-shadow: #666666 2px 2px 2px;
}

table
{
	border-collapse: collapse;
	table-layout:fixed;
	border:none;
	font-size:10pt;
}

td
{
	text-align:left;
	vertical-align:top;
}

a
{
	color:#444444;
	white-space:nowrap;
}

a:hover
{
	color:#777777;
}

.link
{
	font-size:12px;
	color:#888888;
	white-space:nowrap;
	text-decoration:underline;
	cursor:pointer;
}

.link:hover
{
	color:#777777;
}

h1
{
	font-size:14pt;
	font-weight:normal;
	margin:0px;
}

hr.titleseparator
{
	margin: 6px 20px 10px 20px;

}
hr.smallseparator
{
	margin: 0px 20px 10px 20px;
	max-width:600px;
}

img
{
	border:none;
	z-index:5;
}
.div-container 
{
	border:solid 0px;
	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
	height:100%;
	z-index:0;
	/*width:0px;*/
	float:left;
}

.div-resize
{
	border:none;
	background-color:#333333;
	height:100%;
	overflow:hidden;
	position:relative;
	float:left;
	width:1px;
	z-index:200;
}

.div-content
{
	border:solid 0px;
	height:100%;
	width:100%;
	top:0px;
	left:0px; 
	margin:0px;
	padding:0px;
	z-index:2;
	overflow:auto;
	position:absolute;
}

.pagetitle
{
	width:100%;
	background-repeat:repeat-x;
	text-align:center;
	font-family: "Roboto Condensed",Helvetica,sans-serif;
	font-size:4em;
}

.pagetitle::after
{
	content:"Matthias Geigner"
}

.pagetitle img
{
display:none;
}

.pageimage
{
	height:80px;
	background-image:url('geigner.png');
	background-repeat:no-repeat;
}

.div-buttons
{
  width:20px;
  height:100%;
  background-color:#000000;
  border-right:solid 1px #333333;
  float:left;
  z-index:800;
  overflow:hidden;
}
.space
{
	width:100%;
	height:2px;
	padding:0px;
	margin:0px;
	border:none;
}
.vbutton
{
  width:18px;
  background-color:#292B2A;
  color:white;
  border:none;
  cursor:pointer;
}
.vbactive
{
	background-color:#414241;
	pointer-events:none;
}
.vbutton svg
{
	font-family:Arial,Verdana;
	font-size:10pt;
	fill:#cccccc;
}

.vbutton:hover
{
  background-color:	#707171;
}


.mainmenu
{
	overflow:hidden;
	background-color:#111312;
	padding-top:8px;
}

div.button
{
	display:inline-block;
	border: solid 1px #888888;
	padding:4px;
	cursor:pointer;
}

div.navbutton
{
	display:inline-block;
	border:solid 1px #888888;
	text-align:center;
	padding:4px 20px;
	margin: 10px;
	margin-right:0px;
	cursor:pointer;
	position:relative;
	white-space:nowrap;
}
div.navactive
{
	border-bottom:solid 4px #666666;
	padding-bottom:1px;
	pointer-events:none;
}

div.navbutton svg
{
	position:absolute;
	left:2px;
	fill: transparent;
	top:6px;
}

div.navbutton:hover
{
	border-bottom:solid 4px #888888;
	padding-bottom:1px;
}

div.navbutton:hover svg
{
	fill: #666666;
}

.menubutton
{
	border:none;
	border-bottom: solid 1px #444444;
	background-color:transparent;
	color:#cccccc;	
	height:20px;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	cursor:pointer;
	padding:10px 0px 2px 0px;
    position:relative;
	white-space:nowrap;
	margin:3px;
}

.menubutton svg
{
	fill:transparent;
	position:absolute;
	top: 12px;
	right:2px;
}

div.menubuttonactive
{
	background-color:transparent;
	color:white;
	font-weight:bold;
	pointer-events:none;
}
.menubuttonactive svg
{
	fill:#888888;
}

.menubutton:hover, .menubutton:hover svg
{
	text-shadow: 1px 0px 11px rgba(255,255,255, 1);
	fill:#888888;
	color:white;
}

.optPanel
{
  background:#cccccc;
  border:solid 1px #ffffff;
  border-right-color:#666666;
  border-bottom-color:#666666;
  position:absolute;
  top:6px;
  z-index:500;
  width:198px;
  height: 340px;
  float:left;
  display:block;
  -moz-opacity:0.9;
  filter:alpha(opacity=90);
}
.optPanel2
{
  padding-left:5px;
  padding-top:6px;
  border:solid 1px #ffffff;
  border-right-color:#666666;
  border-bottom-color:#666666;
  border-left:0px;
  background:#dddddd;
  
  font-size:11px;
  position:relative;
  top:3px;
  left:3px;
  z-index:500;
  width:186px;
  height: 327px;
}

.optPanel2 td
{
	vertical-align:middle;
}

.cbo
{
	border:solid 1px #888888;;
	background-color:white;
	font-family:verdana, arial;
	font-size:12px;
	margin:0px;
	padding:4px;
}

.cboOpt
{
	background-color:#eeeeee;
	font-family:verdana, arial;
	font-size:10px;
	margin:0px;
}

.border
{
	vertical-align:top;
	border:solid 1px #990000;
	padding:2px;
}

.textbox
{
	border:solid 1px #888888;
	background-color:#ffffff;
	padding:4px;
	margin:0px;
	text-align:left;
	font-size:10pt;
	font-weight:normal;
}

.webcam
{
	position:absolute;
	right:20px;
	top:20px;
	border:solid 2px #eeeeee;

}

.imgWebCam
{
}

.webcamtitle
{
	height:14px;
	white-space:nowrap;
	font-family:verdana, Arial;
	font-size:7pt;
	color:#ffffff;
	background-color:#555555;
}

.webcamicon
{
	padding:1px;
	margin:0px;
	margin-top:1px;
	margin-right:1px;
}

.webcamicon:hover
{
	border:solid 1px #ffffff;
	padding:0px;
}

.light
{
	position:absolute;
	z-index:1000;
}


div.welcome
{
	border: 1px solid #444444;
	padding: 10px;
	text-align: center; 
	box-shadow: #666666 2px 2px 2px;
	background: #292B2A;
	color:white;
}

div.welcome a
{
	color:white;
	text-decoration:underline;
}

div.snow img
{
	box-shadow:none;
}