/*
    Zuerst setzten wir die Eigenschaften für margin, padding und border zurück, 
    sodass Browserabweichungen ausgeglichen werden können.
*/
* {
    margin: 0px;
    padding: 0px;
    border: none;
}

html {
    background-color: #080818;
    color: #C0C0C0; 
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* =========================================== */
.maparea {
            fill: transparent;
            stroke: darkgray;
            stroke-width: 4;
            cursor: pointer;

}

/* =========================================== */
canvas {
    pointer-events: none;       /* make the canvas transparent to the mouse - needed since canvas is position infront of image */
    position: absolute;
}


.container {
   min-height:100%;
   position:relative;
}

.body {
   padding:10px;
   padding-bottom:40px;   /* Height of the footer */
}

.footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;  
	font-size: 10px;
	color: #777;
	margin: 50px 15px 20px 15px;
}


.title {
    padding: 0px 0px 0px 10px;
    font-weight: bold;
	font-size: 30px;
	color: #C0C0C0; 
}

.subtitle {
    padding: 10px 0px 0px 10px;
	color: #A0A0A0; 
    font-weight: bold;
	font-size: 24px;
}

.hinweis {
    padding: 10px 0px 10px 10px;
	color: #A0A0A0; 
	font-size: 14px;
}

p {
	padding: 5px 5px 5px 10px;
	margin: 0px 15px 0px 15px;
}

ul {
	padding: 0px 0px 0px 25px;
}

li {
	margin: 0px 25px 1px 15px;
}


.gap {
    height: 20px; 
}

.gap100{
    height: 100px; 
}

.hide {
	display: none;
}


.ContextSensibleMap {
	margin: 0px 20px 0px 20px;

}

/*===========================================
	clearfix 
*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
}



/*===========================================
	Button
*/
.buttonrow {
	margin: 5px 0px 0px 20px;		/* only space on left */
	//border: 1px solid blue;
}

.button {
	background-image: -moz-linear-gradient(top, #ffffff, #bbbbbb);
	background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, #ffffff),color-stop(1, #bbbbbb));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#bbbbbb')";
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 5px 5px 5px 5px;	/* inside space */
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	float: left;
	display: block; 
	color: #808090;
	font-size: 15px;
	line-height: 20px; 
	min-height: 30px;
	font-weight: bold;
	text-align: right; 
//	border: 1px solid red;
} 



a.button:hover {
	background-image: -moz-linear-gradient(top, #cccccc, #ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0, #ffffff),color-stop(1, #cccccc));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient	(startColorStr='#ffffff', EndColorStr='#cccccc')";
	color: #000;
	display: block;
	}

a.button:active {
	background-image: -moz-linear-gradient(top, #ffffFF, #ffffCC);
	background-image: -webkit-gradient(linear,left top,left bottom,		color-stop(0, #ffffFF),color-stop(1, #ffffCC));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient	(startColorStr='#ffffCC', EndColorStr='#ffffff')";
	text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
	color: #44f;
}


/* file button */
.filebutton { width: 150px; 
	//border: 1px solid blue; 
	margin-right: 5px; }
.linkbutton { 
	width: 350px; 
	//border: 1px solid blue; 
	margin-right: 5px; 
	margin-bottom: 5px; 
}
.DSM , .FF, .jpg {
	text-indent:5px;
	display:block;
	min-height: 40px;
}
.link {
	text-indent:5px;
	display:block;
	min-height: 50px;
}

.DSM{ background: url('img/dsm.png') no-repeat; }
.FF{ background: url('img/firefox.png') no-repeat; }
.jpg{ background: url('img/jpg.png') no-repeat; }
.link{ background: url('img/url.png') no-repeat; }