@font-face {
	font-family: header_font;
	src: url("COPRGTL.TTF"), url("COPRGTL.TTF") format("truetype");
}

BODY		{	
			text-align: center;
			background-color: #c0c0c0;
			margin: 0px;
			padding: 80px 0px 80px 0px;
			}

A:link	   			{color: #0000FF; text-decoration: none; }
A:visited  			{color: #0000FF; text-decoration: none; }
A:hover    			{color: #000000; text-decoration: underline;}
A.extern:link		{color: #0000FF; text-decoration: none;}
A.extern:visited	{color: #0000FF; text-decoration: none;}
A.extern:hover		{color: #FFA500; text-decoration: underline;}
A.intern:link		{color: #0000FF; text-decoration: none;}
A.intern:visited	{color: #0000FF; text-decoration: none;}
A.intern:hover		{color: #191970; text-decoration: underline;}

a.visit:link {
	border: 1px solid #000000;
	background: #FF8C00;
	color: #000000;
	width: 300px;
	height: 25px;
	text-decoration: none;
	padding:5px;
	font-weight: bold;
}

a.visit:visited {
	border: 1px solid #000000;
	background: #FF8C00;
	color: #000000;
	width: 300px;
	height: 25px;
	text-decoration: none;
	padding:5px;
	font-weight: bold;
}

a.visit:hover {
	background: green;
	color: #FFFFFF;
	font-weight: bold;
}

h1.start {	
	font-family: header_font, Calibri, "Trebuchet MS",Verdana,Arial; 
	font-size: 48pt; 
	font-weight: bold; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 1px 0px;
}

h1	{	
	font-family: "Trebuchet MS",Verdana,Arial; 
	font-size: 18pt; 
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 5px 0px;
}

p.h1 {	
	font-family: header_font, Calibri, "Trebuchet MS",Verdana,Arial; 
	font-size: 48pt; 
	font-weight: bold; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 1px 0px;
}

h2	{	
	font-family: "Trebuchet MS",Verdana,Arial; 
	font-size: 16pt; 
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 5px 0px;
}

h2.start_h1	{	
	font-family: "Trebuchet MS",Verdana,Arial; 
	font-size: 18pt; 
	font-weight: normal; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 5px 0px;
}

h3	{	
	font-family: "Trebuchet MS",Verdana,Arial; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 1px 0px;
}
	
h4	{	
	font-family: "Trebuchet MS",Verdana,Arial; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #000000; 
	text-align: left;
	margin: 20px 0px 1px 0px;
}

ul	{margin: 0px 30px 10px 0px; padding: 0px 0px 15px 20px; text-align: left;}
li	{list-style: dotted; margin: 2px 0px 2px 0px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #000000; text-align: left; text-decoration: none;}
li a:link		{font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #0000FF; text-align: left; text-decoration: none;}
li a:visited 	{font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #0000FF; text-align: left; text-decoration: none;}
li a:hover    	{font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #191970; text-align: left; text-decoration: underline;}

p {margin: 0px 0px 10px 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #000000; text-align: left;}
p.byline {margin: 30px 0px 0px 0px; padding: 0px; font-family: Georgia,Tahoma,Arial; font-size: 12pt; color: #000000; text-align: left;}
p.liten {margin: 0px 0px 10px 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #000000; text-align: left;}
p.nm {margin: 0px 0px 1px 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #000000; text-align: left;}
p.nm_s_it {margin: 0px 0px 15px 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #000000; text-align: left; font-style: italic;}
p.taggar {margin: 0px 0px 10px 0px; padding: 5px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #000000; text-align: left; background-color: #E1E1BD;}
p.sluggen {margin: -5px 0px 30px 5px; padding: 0px; font-family: header_font,Verdana,Tahoma,Arial; font-size: 11pt; color: #000000; text-align: left;}

p a:link		{ color: #f0f0f0; text-decoration: none; }
p a:visited 	{ color: #f0f0f0; text-decoration: none; }
p a:hover    	{ color: #f0f0f0; text-decoration: underline;}

img.bt_right {float:right; margin:0px 5px 0px 5px;}
img.bt_left 	{float:left; margin:0px 5px 0px 5px;}
img.right	{margin: 0px 0px 5px 10px; padding: 0px; float: right; border: 1px solid #c0c0c0; width: auto; height: auto;}
img.left	{margin: 0px 0px 5px 10px; padding: 0px; float: left; border: 1px solid #c0c0c0; width: auto; height: auto;}
img.logo 	{float:right; margin:0px -20px 5px 5px; border-bottom: 2px solid #000000; border-left: 2px solid #000000;}
img.lanbox_logo 	{float:left; margin:0px 0px 5px 5px; border-bottom: 0px solid #000000; border-left: 0px solid #000000;}

.container	{
	width: 1000px; 
	float: none;
	margin: 0px auto; 
	padding: 45px 0px 5px 0px;
	background-color: #F6F6F6;
	
	-moz-box-shadow: 5px 5px 10px #333333; /* Firefox */
	-webkit-box-shadow: 5px 5px 10px #333333; /* Safari and Chrome */
	box-shadow: 5px 5px 10px #333333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.title {
	float:left;
	width: 890px; 
	margin: 0px 50px 25px 50px; 
	padding: 0px; 
	border-bottom: 15px solid #445626;
}

div.menyval {
	float: left;
	background-color: #445626;
	margin: 0px 8px 0px 2px;
	padding: 5px 17px 5px 17px;
	font-family: "Trebuchet MS",Tahoma,Arial;
	font-size: 12pt;
	font-weight: bold;
	height: 20px;
	text-align: center;
	
	-moz-border-radius: 5px 5px 0px 0px; /* Firefox */
	-webkit-border-radius: 5px 5px 0px 0px; /* Safari and Chrome */
	border-radius: 5px 5px 0px 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.menyval:hover {
	background-color: #003300;
}

div.menyval a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
}

div.logo { 
	float: right;
	margin: -25px 120px 0px px;
	width: 110px;
	height: 110px;
	background: url(grafik/pensel31_s.png) no-repeat;
}

div.row {
	width: 900px; 
	float: none; 
	padding: 0px 0px 20px 0px; 
	margin: 0px 50px 25px 50px;
}

div.content {
	width: 680px; 
	float: left; 
	padding: 0px 10px 20px 0px; 
	margin: 0px 0px 25px 0px;
}

div.box {
	width: 600px; 
	float: left;
	margin: 15px 0px 15px 0px; 
	padding: 0px 20px 10px 20px;
	background-color: #D4D4D4;
	
	-moz-box-shadow: 5px 5px 10px #333333; /* Firefox */
	-webkit-box-shadow: 5px 5px 10px #333333; /* Safari and Chrome */
	box-shadow: 5px 5px 10px #333333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.lanbox {
	float:left;
	width: 680px;
	margin: 15px 0px 15px 0px; 
	padding: 10px 0px 10px 0px;
	background-color: #ffffff;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

div.lanbox_logo {
	width: 170px;
	float: left;
	margin: 0px; 
	padding: 0px;
}

div.description {
	width: 280px; 
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 10px 0px 10px;
}

div.actionbutton {
	width: 200px;
	float: left;
	margin: 0px; 
	padding-top: 5px;
}

div.sidebar_1 {
	width: 179px; 
	float: left; 
	padding: 0px 10px 0px 10px; 
	margin: 0px 0px 25px 0px;
	border-left: 1px solid #CC3300;
	border-right: 1px solid #CC3300;
}

div.sidebar_2 {
	width: 179px; 
	float: left; 
	padding: 0px 0px 0px 10px; 
	margin: 0px 0px 25px 0px;
}

div.rightbox {
	float: right;
	position: relative;
	width: 370px;
	padding: 15px;
	margin: 0px 0px 20px 20px;
	background-color: #000000;
	
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	z-index: 2;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
div.rightbox p {z-index: 1; margin: 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #ffffff; text-align: left;}
div.rightbox h2 {z-index: 1; color: #ffffff;}

div.rightpanel { 
	float: right;
	width: 200px;
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 10px 20px;
	border-left: 1px solid #CC3300;
}
div.rightpanel p {margin: 0px 0px 10px 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 10pt; color: #000000; text-align: left;}

div.bottom {
	width: 900px; 
	float: none; 
	padding: 0px 0px 20px 0px; 
	margin: 0px 50px 25px 50px;
}

div.bottom_left {
	width: 500px; 
	float: left; 
	padding: 0px; 
	margin: 0px;
}
div.bottom_left p {margin: 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #ffffff; text-align: left;}
div.bottom_left a:link		{ color: #ffffff; text-decoration: none;}
div.bottom_left a:visited 	{ color: #ffffff; text-decoration: none;}
div.bottom_left a:hover    		{ color: #ffffff; text-decoration: underline;}

div.bottom_right {
	width: 400px; 
	float: left; 
	padding: 0px; 
	margin: 0px;
}
div.bottom_right p {margin: 0px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 8pt; color: #ffffff; text-align: right;}
div.bottom_right a:link		{ color: #ffffff; text-decoration: none;}
div.bottom_right a:visited 	{ color: #ffffff; text-decoration: none;}
div.bottom_right a:hover    	{ color: #ffffff; text-decoration: underline;}

div.soc {
	float: right;
	width: 60px;
	height: 60px;
	margin: 0px 5px 0px 0px;
}

div.facebook {
	background: url(grafik/icon_facebook_bw.png) no-repeat;
	float: right;
	width: 24px;
	height: 24px;
	margin: -0px 5px 0px 0px;
}
div.facebook:hover {
	background: url(grafik/icon_facebook.png) no-repeat;
	float: right;
	width: 24px;
	height: 24px;
	margin: 0px 5px 0px 0px;
}
div.facebook a {
	display: block; 
	height: 100%; 
	width: 100%; 
}

div.twitter {
	background: url(grafik/icon_twitter_bw.png) no-repeat;
	float: right;
	width: 24px;
	height: 24px;
	margin: -0px 5px 0px 0px;
}
div.twitter:hover {
	background: url(grafik/icon_twitter.png) no-repeat;
	float: right;
	width: 24px;
	height: 24px;
	margin: -0px 5px 0px 0px;
}
div.twitter a {
	display: block; 
	height: 100%; 
	width: 100%; 
}

div.clear {
	clear:both;
	float:none;
}

iframe.ad {
	width: 420px; 
	height: 70px;
	margin-left: 30px;
	border: 0px;
}

/*GOOGLE MAPS API*/

#map_canvas {
	width: 588px; 
	height: 430px;
}