@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Laila';
    src: url("fonts/Laila-Regular.otf") format('truetype');
}

@font-face {
    font-family: 'Salsa';
    src: url("fonts/Salsa-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Harington';
    src: url("fonts/harington.ttf") format('truetype');
}

body {
	background-image: url('../images/page_g_1.png');
    background-repeat: repeat;
	text-align:center;
	font-size: 12px;
	font-family: "Laila", "Times New Roman", Times, serif;
}

hgroup {
	visibility: hidden;
}

#sliderwin {
	width: 100%;
	height:100%;
}
canvas {
		position: absolute;
		z-index: 10;
}

#webseite {
	margin: 0 auto;
	width:1200px;
	height: 800px;
	border: 1px solid #f2f2f2;
	border-radius:7px;
	background: #000000;
}

#header {
	background-image: url(../images/header-22.jpg);
	position: absolute;
	height: 150px;
	width: 982px;
	margin-left:2px;
	margin-top: 2px;
	z-index: 100;
	background-repeat: no-repeat;
}

#navi {
	position: absolute;
	height: 20px;
	width: 982px;
	margin-left: 8px;
	margin-top: 156px;
}

.rundeecke {
	border-radius:5px;
	border:1px solid #f2f2f2;
	vertical-align:middle;
}

#info-s {
	font-size:10px;
	color: #CCC;
	font-family:Tahoma, Geneva, sans-serif;
	position: absolute;
	height: 146px;
	width: 173px;
	margin-left: 800px;
	margin-top: 7px;
	text-align:center;
}
	
#content {
	position: absolute;
	width:982px;
	height:605px;
	margin-top:187px;
	margin-left: 7px;
	overflow:auto;
	font-size: 12px;
	font-family: "Laila", "Times New Roman", Times, serif;
	background-color: rgb(68, 65, 65);
	border: 1px solid rgb(162, 159, 159);
	border-radius: 5px;
	box-shadow: inset 0px 0px 1px #1f1d07;
	z-index: 5;
	padding-right: 1px;
	color: white;
}

#tools {
	border: 2px dotted #666666;
	position: absolute;
	width:193px;
	height:788px;
	margin-top:5px;
	margin-left:998px;
	background-color: rgb(68, 65, 65);
	border: 1px solid rgb(162, 159, 159);
	border-radius: 5px;
	box-shadow: inset 0px 0px 1px #1f1d07;
	z-index: 5;
	color: rgb(228, 222, 222);
}
	
	
#footer {
	position: absolute;
	text-align:left;
	padding-left: 7px;
	padding-top: 2px;
	margin-top:672px;
	margin-left: 5px;
	width:932px;
	height:20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: rgb(68, 65, 65);
	border: 1px solid #ffffff;
	color: #1b1c1d;
	border-radius: 5px;
	box-shadow: inset 0px 0px 1px #1f1d07;
	color: rgb(228, 222, 222);
}

.normal {
	font-size: 12px;
}


.cborder {
	border: 1px solid #aeb0b1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: inset 0px 0px 1px #1f1d07;
	margin-right:2px;
	margin-top: 5px;
	color: #45bdee;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
.o5u {
	margin-top: 10px;
	}

#gall {
	padding: 10px;
	position: absolute;
	width:485px;
	height:360px;
	margin-left: 120px;
	margin-top: 10px;
	z-index: 3;
	
	}

#box-link-1 { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 235px; 
		height: 150px; 
		background-color: transparent; 
		}		
#box-link-2 { 
		position: absolute; 
		top: 0px; 
		left: 240px; 
		width: 135px; 
		height: 150px; 
		background-color: transparent; 
		}	
#box-link-3 { 
		position: absolute; 
		top: 0px; 
		left: 380px; 
		width: 105px; 
		height: 150px; 
		background-color: transparent; 
		}		
#box-link-4 { 
		position: absolute; 
		top: 0px; 
		left: 490px; 
		width: 110px; 
		height: 150px; 
		background-color: transparent; 
		}
#box-link-5 { 
		position: absolute; 
		top: 0px; 
		left: 605px; 
		width: 125px; 
		height: 150px; 
		background-color: transparent; 
		}
#box-link-6 { 
		position: absolute; 
		top: 0px; 
		left: 725px; 
		width: 105px; 
		height: 150px; 
		background-color: transparent; 
		}	
#box-link-7 { 
		position: absolute; 
		top: 0px; 
		left: 835px; 
		width: 105px; 
		height: 150px; 
		background-color: transparent; 
		}			
		
.imgb {
	border: 1px solid grey;
	border-radius: 4px;
}
h5 {
	padding: 0px;
	font-size: 1.0em;
}

.bcount {
	border: 1px solid grey;
	background-color: black;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 0px;
	color: white;
	margin-right: 2px;
	border-radius: 3px;
}
#big-gall {
	width: 100%;
	height: 100%;
	position: relative;
}