body, html {
	background-color:		#cccccc;
	color:				white;
	margin:				0;
	padding:				0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
	text-align:			center;
}

img {
	border:				none;
}

img.left-embed {
	border:				none;
	margin-right:			5px;
	margin-top:			5px;
	margin-bottom:			5px;
	float:				left;
}

img.right-embed {
	border:				none;
	margin:				5px;
	float:				right;
}

ol {
	list-style-type:		disc;
	text-align:			left;
	color:				blue;
	background:			inherit;
	list-style-position:	outside;
}

ul {
	list-style-type:		disc;
	text-align:			left;
	color:				black;
	background:			inherit;
	list-style-position:	outside;
}

p {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	color:				black;
	background:			inherit;
	text-align:			justify;
	font-size:			9pt;
}

table {
	color:				black;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
}

th {
	text-align:			left;
	font-size:			9pt;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
}

td {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
}

div.print-error {
	font-family:			inherit;
	color:				red;
	border:				1px solid #005A9C;
	background-color:		#dfebf7;
	font-size:			10pt;
	font-weight:			bold;
	margin-left:			5%;
	margin-right:			5%;
	padding:				10px;
	margin-top:			20px;
}
		
h1, h1.title {
	font-family:		'AvantGarde Bk BT', Verdana, Arial, Helvetica, sans-serif;
	color:			black;
	background-color:	white;
	font-size:		16pt;
	font-weight:		normal;
	margin:			10px;
	text-align:		right;
}

h2, h2.subtitle {
	font-family:		'AvantGarde Bk BT', Verdana, Arial, Helvetica, sans-serif;
	color:			black;
	background-color:	#ffc61e;
	font-size:		14pt;
	font-weight:		normal;
	padding:			10px;
	border:			1px solid black;
	margin-top:		15px;
	clear:			both;
}

h3 {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:			white;
	background-color:	#005A9C;
	font-weight:		bold;
	font-size:		11pt;
	padding:			5px 40px;

}	

h4 {
	color:			black;
	margin-left:		10px;
}

p.source-code {
	font-family: 			Courier, monospace;
	color:				black;
	background:			inherit;
	text-align:			justify;
	font-size:			9pt;
	margin:				0 20pt;
}

span.source-code {
	font-family: 			Courier, monospace;
	color:				black;
	background:			inherit;
	text-align:			justify;
	font-size:			9pt;
}

input.input {
	border:				1px solid black;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
	
}

input.button {
	border:				1px solid black;
	color:				white;
	background-color:		#55B05A;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
	font-weight:			bold;
}

fieldset {
	padding:				10px;
	width:				755px;
}

* html fieldset { width: 775px; } 
html + body fieldset { width: 775px; } 


.form-field {
	border:				1px solid black;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
}

.form-select {
	color:				inherit;
	background-color:		white;
	border:				1px solid black;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;
}

textarea {
	border:				1px solid black;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:			9pt;

}


div.pre {
	text-align:			left;
	white-space:			pre;
	padding-left:			50px;
	font-family:			Courier, monospace;
}

span.pre {
	white-space:			pre;
	font-family:			Courier, monospace;
}

q {
	font-style:			italic;
	width:				760px;
}

blockquote {
	font-style:			italic;
}


div.whole_page {
	width:				1000px;
	margin:				10px auto;
	color:				black;
	background-color:		white;
	text-align:			left;
	border:				1px solid black;
}

* html div.whole_page { width: 1002px; } 
html + body div.whole_page { width: 1002px; } 


div.logo {
	float:			left;
	padding-top:		10px;

}

div.logo img {
	margin-bottom:		3px;
	padding-right:		20px;
}

div.address {
	font-weight:		bold;
	text-align:		right;	
	padding:			5px 10px 5px 5px;
}

div.title {
	background:		transparent;
	color:			black;
	width:			760px;
	float:			right;
}

/*
* html div.title { margin-top: 58px; } 
html + body div.title { margin-top: 58px; }
*/

* html div.title { padding-left: 18px; margin-bottom:	40px; } 

div.submenu {
	clear:		both;
	float:		left;
	width:		200px;
	color:		white;
	background-color:	white;

}

* + html div.submenu {
	margin-top:	10px;
}

* html div.submenu {
	margin-top:	10px;
}
html + body div.submenu {
	margin-top:	10px;
}

div.submenu fieldset {
     width:         160px;
	margin-left:	10px;
	margin-top:	40px;
}

div.submenu fieldset {
	color:		black;
}


div.menu {
	clear:		both;
	float:		left;
	width:		1000px;
	height:		40px;
	color:		white;
	border-top:	1px solid black;
	border-bottom:	1px solid black;
	background-color:	#005A9C;
}

div.menu ul {
	list-style-type:		none;
	margin:				10px 0 0 10px;
	padding:				0;
}

div.menu ul li {
	display:			inline;
	margin-top:		10px;
	margin-bottom:		10px;
	padding-right:		20px;
}


div.menu a:link, div.menu a:visited {
	text-decoration:			none;
	color:					white;
	font-weight:				bold;
}

div.menu a:hover, div.menu a:active {
	text-decoration:			none;
	color:					#ffc61e;
	background:				transparent;
	font-weight:				bold;
}

h3 a:link, h3 a:visited {
	color:					yellow;
}

h3 a:hover, h3 a:active {
	background-color:			white;
	color:					#005A9C;
}

div.page_content {
	float:		left;
	width:		780px;
	padding:		0 10px 10px 10px;
}

* html div.page_content { width: 800px; } 
html + body div.page_content { width: 800px; } 



a:link, a:visited {
	text-decoration:			underline;
	color:					navy;
}

a:hover, a:active {
	text-decoration:			underline;
	color:					navy;
	background-color:			#ffc61e;
}

div.inforahmen {
	float:					right;
	width:					200px;
	border:					1px solid #005A9C;
	padding:					5px 5px 5px 5px;
	background-color:			#dfebf7;
	margin-left:				10px;
	margin-bottom:				10px;
}

table.kontakt th {
	font-weight:				bold;
	text-align:				left;
	white-space:				nowrap;
	vertical-align:			top;
	padding-right:				10px;
}

table.kontakt td input.input, table.kontakt td textarea {
	width:					500px;
} 

p.navigation {
	font-style:				italic;
}

ul.webcam {

}

div.webcam img {
	border:					1px solid black;
}

div.webcam img.grossesbild {
	width:					775px;
}

div.galerie img {
	border:					none;
	margin-bottom:				-3px;
}

div.galerie {
	margin-bottom:				10px;
}

div.galerie_gross {
	margin-bottom:				10px;
}

p img.screenshot {
	max-width:				775px;
}

table.referenz {
	margin-bottom:				10px;
	border-bottom:				1px solid #005A9C;
	width:					100%;
	font-size:				9pt;
	color:					black;
	background-color:			white;
}

table.referenz td {
	vertical-align:			top;
	padding-bottom:			10px;
	color:					black;
	background:				transparent;
	font-size:				9pt;
}

table.referenz td.kunde {
	width:					400px;
	color:					black;
	background-color:			transparent;
	font-size:				9pt;
}

div.cybernet-angebot {
	text-align:				center;
	clear:					both;
}

iframe.fsecure {
	width:		180px;
	height:		275px;
	border:		none;
	margin:		0;
	padding:		0;
}

table.mitarbeiter {
	margin-bottom:		20px;
}

p.information {
	font-style:				italic;
}

#form_callback {
	display:			none;
}

* html p.information { width: 770px; }
html + body p.information { width: 770px; }


span.initialen {
	font-weight: bold;
}

div.facebook-plugin {
	margin-left:	10px;
	margin-top:	10px;
}



ul.partnerfirmen li {
	display: block;
	float: left;
	width: 270px;
	height: 170px;
	border: 1px solid black;
	margin:	10px;
	padding:	10px;
	text-align:	center;
}


div.sage-start-embed-container {
	width:		100%;
	min-height:	500px;
}

div.sage-start-embed-container iframe {
	width:		100%;
	height:		500px;

}

div img.menu {
	width:		190px;
}


@font-face {
        font-family: 'AvantGarde Bk BT';
        src: url('/include/AVGARDN.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
        font-family: 'AvantGarde Bk BT';
        src: url('/include/AVGARDD.TTF') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
        font-family: Meta;
        src: url('/include/AVGARDN.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
        font-family: Meta;
        src: url('/include/AVGARDD.TTF') format('truetype');
	font-weight: bold;
	font-style: normal;
}
