@charset "utf-8";
/*---------------------------------Allgemein------------------------------------*/
* {
	margin:0px;
	padding:0px;
	border:0px;
}
html {
	top:0;
	left:0;
	right:0;
}
html, body { 
	max-height:100%; 
	width:100%;
	color:#000000; /* Farbe der Schrift */
	min-width:910px;
}

/*---------------------------Schrift und Hintergrund----------------------------*/
body, table {
	font-family:Arial, Helvetica, sans-serif; /* Schrift und Schriftfamilie */
	font-size:1em; /*Schriftgroesse hier relativ festlegen */
	background-color:#F9FFF9;
}

/*-----------------------------------Header-------------------------------------*/
#header {
	position:fixed;
	margin:0px;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	z-index:1;
	height:80px; /* Hoehe des Headers */
	background-color:#F9FFF9;
}

#header_logo {
	position:absolute;
	width:200px;
	height:58px;
	background-image: url("../pictures_root/StangerWebLogo_200.gif");
	background-repeat:no-repeat;
	background-position:left top;
	left:10px;
	top:10px;
	z-index:10;
}

#header_title {
	position:absolute;
	top:10px;
	left:270px;
	font-size:180%;
	font-weight:bold;
	color:#336666;
}

/*-----Header Sitemap------*/
#header_sitemap {
	display:block;
	position:absolute;
	top:5px;
	right:10px;
	font-size:11px;
}

/*------Header Search------*/
#header_search {
	display:block;
	position:absolute;
	top:25px;
	right:10px;
}

.searchsubmit {
	margin:0px;
	border:0px none;
	padding:0px;
}

#searchtext {
	width:150px;
	height:16px;
	background-color:#FFFFEE;
	border:1px solid #669999;
}

/*-------Header Menu--------*/
#header_menu_bar {
	position:relative;
	top:55px;
	height:24px;
	left:0px;
	z-index:1;
}

#header_menu {
	display:block;
	text-align:center;
	position:absolute;
	top:0px;
	left:210px;
	width:888px;
	z-index:2;
}

#stripe_low {
	position:absolute;
	top:22px;
	left:0px;
	background-color:#336666;
	width:878px;
	height:0px;
	border-top:2px solid #336666;
	border-right:2px solid #F9FFF9;
	z-index:3;
}

#stripe_low_IE {
	position:absolute;
	top:22px;
	left:0px;
	background-color:#336666;
	width:878px;
	height:1px;
	border-top:2px solid #336666;
	border-right:2px solid #F9FFF9;
	z-index:3;
}

#stripe_lmid {
	position:absolute;
	top:20px;
	left:0px;
	background-color:#336666;
	width:215px;
	height:1px;
	z-index:3;
}

#stripe_top {
	position:absolute;
	top:0px;
	margin-left:230px;
	left:0px;
	background-color:#336666;
	height:0px;
	border-bottom:2px solid #336666;
	border-left:2px solid #F9FFF9;
	z-index:3;
	width:100%;
}

#stripe_top_IE {
	position:absolute;
	top:0px;
	margin-left:230px;
	left:0px;
	background-color:#336666;
	height:1px;
	border-bottom:2px solid #336666;
	border-left:2px solid #F9FFF9;
	z-index:3;
	width:100%;
}

#stripe_rmid {
	position:absolute;
	top:3px;
	margin-left:898px;
	left:0px;
	background-color:#336666;
	height:1px;
	z-index:3;
	width:100%;
}

.box_start, .box_web, .box_business, .box_skurril {
	position:relative;
	float:left;
	top:0;
	height:20px;
	overflow:hidden;
	border-top:2px solid #336666;
	border-bottom:2px solid #336666;
}
.box_start {width:80px;}
.box_web {width:150px;}
.box_business {width:170px;}
.box_skurril {width:170px;}

#header_menu a {
	position:relative;
	text-decoration:none;
	background-color:#669999;
	color:#F9FFF9;
	display:block;
	height:20px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
#header_menu a:visited {text-decoration:none;}
#header_menu a:hover {text-decoration:none; color:#FF0000;}
#header_menu a:active {text-decoration:none;}
#header_menu span {
	position:relative;
	text-decoration:none;
	background-color:#669999;
	color:#000000;
	display:block;
	height:20px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}

.mleft {position:relative; float:left; top:0px; width:24px; height:20px; overflow:hidden; border-bottom:2px solid #336666; border-top:2px solid #F9FFF9;}
.mlx1, .mlx3, .mlx5, .mlx7, .mlx9 {float:left; height:0; border-right:4px solid #336666; border-top:4px solid #F9FFF9;overflow:hidden;}
.mlx2, .mlx4, .mlx6, .mlx8, .mlx10 {float:left; height:0; border-bottom:4px solid #669999; border-left:4px solid #336666; overflow:hidden;}
.mlx1 {width:16px;}
.mlx2 {width:0px;}
.mlx3 {width:12px;}
.mlx4 {width:4px;}
.mlx5 {width:8px;}
.mlx6 {width:8px;}
.mlx7 {width:4px;}
.mlx8 {width:12px;}
.mlx9 {width:0px;}
.mlx10 {width:16px;}

.mright {position:relative; float:left; top:0; width:24px; height:20px; overflow:hidden; border-bottom:2px solid #F9FFF9; border-top:2px solid #336666;}
.mrx1, .mrx3, .mrx5, .mrx7, .mrx9 {float:left; height:0; border-right:4px solid #336666; border-top:4px solid #669999;overflow:hidden;}
.mrx2, .mrx4, .mrx6, .mrx8, .mrx10 {float:left; height:0; border-bottom:4px solid #F9FFF9; border-left:4px solid #336666; overflow:hidden;}
.mrx1 {width:16px;}
.mrx2 {width:0px;}
.mrx3 {width:12px;}
.mrx4 {width:4px;}
.mrx5 {width:8px;}
.mrx6 {width:8px;}
.mrx7 {width:4px;}
.mrx8 {width:12px;}
.mrx9 {width:0px;}
.mrx10 {width:16px;}

.boxx {position:relative; float:left; top:0; width:24px; height:20px; background:#F9FFF9; overflow:hidden; border-top:2px solid #336666; border-bottom:2px solid #336666}
.boxx1, .boxx3, .boxx5, .boxx7, .boxx9 {float:left; height:0; border-right:4px solid #336666; border-top:4px solid #669999;overflow:hidden;}
.boxx2, .boxx4, .boxx6, .boxx8, .boxx10 {float:left; height:0; border-bottom:4px solid #669999; border-left:4px solid #336666; overflow:hidden;}
.boxx1 {width:16px;}
.boxx2 {width:0px;}
.boxx3 {width:12px;}
.boxx4 {width:4px;}
.boxx5 {width:8px;}
.boxx6 {width:8px;}
.boxx7 {width:4px;}
.boxx8 {width:12px;}
.boxx9 {width:0px;}
.boxx10 {width:16px;}

/*--------Sitemap--------*/
.sitemapwidth {
	width:760px;
	font-size:80%;
}
.sitemaplist {
	float:left;
	width:190px;
}

/*------------------------------------Main--------------------------------------*/
#main {
	margin:80px 0px 0px 0px; /* Hoehe des Headers */
	padding:0px;
	position:relative;
	clear:both;
}

/*------------------------------------Menue-------------------------------------*/
#left_side {
	float:left;
	width:210px; /* Breite des Menues */
}

.left_menu {
	margin:10px;
	padding:0px;
	border:1px solid #669999;
	font-size:80%;
	min-height:100px;
}

.leftheader {
	font-weight: bold;
	background-color: #99CCCC;
	text-align:center;
	padding:3px;
	color:#003333;
}

.left_menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.left_menu ul li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
}
.left_menu ul li.intent {
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
}
.left_menu ul li:hover, .left_inner ul li.intent:hover {
	background-color: #DFEAF4;
}
.left_menu ul a {
	display:block;
	color:#336666;
	text-decoration:none;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}
.left_menu ul a:hover {
	color:#336666;
}
.left_menu ul a:active, #left_menu ul a:focus {
	color:#336666;
}
.left_menu ul li:hover {
	background-color: #DFEAF4;
}
.left_menu ul span {
	display:block;
	color:#669999;
	background-color:#F9FFF9;
	margin:0px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
}
.left_menu ul span.trenner {
	display:block;
	color:#336666;
	background-color:#F9FFF9;
	margin:0px;
	padding:2px 5px 2px 5px;
	font-weight:bold;
}

.left_language {
	font-size:80%;
	margin:10px;
}

/*-----------------------------------Content------------------------------------*/
#content {
	margin:0px 0px 0px 210px; /* Breite des Menues */
	padding:0px 0px 0px 0px;
	position:relative;
}

.floatleft {
	float:left;
	font-size:80%;
	margin:5px 10px 10px 0px;
	text-align:justify;
}
.floatright {
	float:right;
	font-size:80%;
	margin:5px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	text-align:justify;
}
.centerdiv {
	font-size:80%;
	margin:10px auto;
	padding:0px 10px;
	text-align:justify;
}

.clearall {
	clear:both;
}

/* ----------------------------- Boxes ------------------------------ */
.boxright_multi {
	position:relative;
	float:right;
	width:382px;
	display:block;
}

.boxright, .boxright_600, .boxright_422 {
	position:relative;
	float:right;
	display:block;
	margin:10px;
	padding:0px;
	border:1px solid #669999;
}
.boxright {
	width:360px;
}
.boxright_600 {
	width:600px;
}
.boxright_422 {
	width:422px;
}

.boxright_header, .feed {
	font-weight: bold;
	font-size:80%;
	background-color: #99CCCC;
	padding:3px;
	color:#003333;
}

.boxright_header {
	text-align:center;
}

.boxright_text {
	padding:3px;
}

/* ----------------------------- Feeds ------------------------------ */
.feed ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.feed ul li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
}
.feed ul li span {
	padding:0px 0px 0px 20px;
	background-image:url("../pictures_root/RSS.png");
	background-repeat:no-repeat;
	background-position:0px 2px;
}

.feed ul li:hover {
	color:#FF0000;
}

.feed ul li a {
	color:#FFFFCC;
	text-decoration:none;
	padding:0px 0px 0px 20px;
}

.feed ul li a:hover {
	color:#FF0000;
}

.feed ul li a:active, .feed ul li a:focus {
	color:#FFCC00;
}

.rss {
	float:left;
	padding:4px 3px 2px 3px;
}

.feedtitle {
	padding:0px;
	margin:6px;
	text-align:justify;
	font-weight:bold;
	font-size:80%;
}

.feedtext {
	padding:0px;
	margin:6px;
	text-align:justify;
	font-size:80%;
}

/* ----------------------------- Text ------------------------------- */
h1, h2, h3, h4 {
	font-weight:bold;
	padding:10px 0px 0px 0px;
}
h1 {
	font-size:110%;
	margin:20px 0px 5px 0px;
}
h2 {
	font-size:100%;
	margin:20px 0px 5px 0px;
}
h3 {
	font-size:90%;
	margin:10px 0px 5px 0px;
}
h4 {
	font-size:80%;
	margin:10px 0px 5px 0px;
}

table {
	border-collapse:collapse;
	width:95%;
	margin: 0px auto;
}
th {
	font-size:80%;
	border:1px solid #000000;
	padding:3px;
	background-color:#FFCC00;
	font-weight:bold;
}
td {
	font-size:80%;
	border:1px solid #000000;
	padding:3px;
}
.td160 {
	width:160px;
}

.normtext {
	font-size:80%;
	margin:5px 10px 10px 0px;
	text-align:justify;
}

.normtextimportant {
	font-size:80%;
	margin:5px 10px 10px 0px;
	font-weight: bold;
}

a.textlink {
	color: #336666;
	text-decoration: none;
	font-weight:bold;
}
a.textlink:visited {color:#336666;}
a.textlink:hover {color:#FF0000;}
a.textlink:active, a.textlink:focus {color:#336666;}

a.textlinkimportant {
	color: #FF0000;
	text-decoration: none;
	font-weight:bold;
}
a.textlinkimportant:visited {color:#FF0000;}
a.textlinkimportant:hover {color:#FF0000;}
a.textlinkimportant:active, a.textlinkimportant:focus {color:#FF0000;}

.acronymclass {
	border-bottom: 1px dotted #0000FF;
}

.motto {
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	font-style:italic;
	font-weight:bold;
	margin-bottom:15px;
}

ol {
	font-size:80%;
	margin:5px 0px 0px 0px;
	padding:10px 0px 10px 30px;
	display:block;
}
ol ol {
	font-size:100%;
	margin:0px;
	padding:0px 0px 0px 30px;
}

.textlist {
	margin:0px 0px 10px 20px;
	padding:0px 10px 0px 0px;
}
.textlist li {
	font-size:80%;
}
.textlist li span {
	display:block;
	float:left;
	width:220px;
	margin:0px 0px 0px 10px;
}
.textlist li li {
	font-size:100%;
	margin:0px 0px 0px 20px;
}

.twocol {
	float:left;
	width:49%;
	display:block;
}

/* ---------------------------------EasyTools---------------------------------- */
.easytools {
	font-style:italic;
	font-weight:bold;
}
.easyblue {
	color:#0000FF;
}
.easyred {
	color:#FF0000;
}
.easygreen {
	color:#006600;
}
.easyyellow {
	color:#FF9900;
}

/* ----------------------------------Comments---------------------------------- */
.anker {
	position:relative;
	top:-80px; /* hier Hoehe des Headers einstellen */
}

.comments {
	margin:20px 10px 10px 0px;
	padding:0px;
	border:1px solid #336666;
}

.commentheader_left {
	margin:0px;
	font-weight: bold;
	color: #000000;
	background-color: #669999;
	padding:3px 0px 3px 10px;
	font-size:80%;
}
.commentheader_right {
	float:right;
	margin:0px 10px 0px 0px;
	color: #FFFFCC;
	font-weight: bold;
	padding:3px;
	font-size:80%;
}

.commentheader_right a {
	color:#F9FFF9;
	text-decoration:none;
}
.commentheader_right a:visited {text-decoration:none;}
.commentheader_right a:hover {text-decoration:none; color:#FF0000;}
.commentheader_right a:active {text-decoration:none;}

.commenttext {
	padding:0px;
	margin:6px;
	font-size:80%;
}

/*----------------------------------Beispiele------------------------------------*/
.beispielcontainer {
	border: 1px solid #336666;
	background-color:#DDEEEE;
	width:95%;
	margin:10px auto 10px auto;
	padding:0px;
	max-height:270px; /* fuer moderne Browser */
	overflow:auto;
}

.beispielcontainermax {
	border: 1px solid #336666;
	background-color: #DFEAF4;
	width:95%;
	margin:10px auto 10px auto;
	padding:0px;
	height:270px;
	overflow:scroll;
}

.beispielheader {
	margin:5px 5px 10px 5px;
	font-weight:bold;
	font-size:80%;
}

.beispielheader a {
	float:right;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
	margin:0px 20px 0px 20px;
}
.beispielheader a:visited {color:#0000FF;}
.beispielheader a:hover {color:#FF0000;}
.beispielheader a:active {color:#0000FF;}
.beispielheader a:focus {color:#0000FF;}

.beispieltext {
	margin:5px;
	font-size:100%;
}
.beispieltext_red {
	margin:5px;
	font-size:80%;
}

.beispielcode {
	margin:5px;
	font-size:90%;
}

/*-----------------------------------Formular------------------------------------*/
.formlabel {
	float:left;
	text-align:right;
	padding-right:5px;
	width:100px;
}

.formlabel_2 {
	float:left;
	text-align:right;
	padding-right:5px;
	width:120px;
}

.forminput {
	width:200px;
	background-color:#99CCCC;
}

.formarea {
	width:570px;
	background-color:#99CCCC;
}

.errorclass {
	color:#CC0000;
	font-weight:bold;
	font-size:80%;
	padding-left:50px;
}

/*-----------------------------------Footer-------------------------------------*/
#footer {
	/*position:fixed;*/
	display:block;
	width:100%;
	z-index:1;
	height:30px; /* Hoehe des Footers */
	background-color:#F9FFF9; /* Farbe des Hintergrunds */
	border-top: 1px solid #CCCCCC;
}

#footer_inner {
	margin:10px 10px 0px 10px;
	font-size:70%;
}

.trenner {
	margin:0px 10px 0px 10px;
}

#admin {
	float:right;
}