html {
  /* this is a hack to force scrollbars on at
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	line-height: 135%;
	font-family: Arial, Helvetica, sans-serif;
}

#p-klein { font-size:9px;}

#indent {
  margin: 36px 0px 0px 28px;
}



#text {
  margin: 0px 0px 0px 210px;
  width: 339px;
}

#textline {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
}

#textline_unten {
	margin: 15px 0px 5px 0px;
	padding: 0px;
	border: 0px;
}

span.pathway {
	font-size: 0.7em;
	margin-top: 0px;
	color: #666;
}


#indent p {
  margin: 10px 0px 15px 28px;
  line-height: 135%;
  font-size: 0.8em;
}

#rand p {
  margin: 0px 0px 8px 0px;
  line-height: 125%;
  font-size: 0.7em;
  color: #333;
}

#text p {
  margin: 10px 0px 15px 0px;
  line-height: 160%;
  font-size: 0.8em;
  color: #333;
}

#left p {
  margin: 10px 0px 15px 0px;
  line-height: 135%;
  font-size: 0.75em;
  color: #333;
  vertical-align: bottom;
}

#left2 p {
  margin: 10px 0px 15px 0px;
  line-height: 135%;
  font-size: 0.75em;
  color: #333;
}

#spalte1 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 250px;
  float: left;
}

#spalte1 a:link, a:visited {
  	text-decoration: none;
}

#spalte1 a:hover {
  	text-decoration: none;
	color: #ee0303;
}

#spalte2 {
  margin: 0px 0px 0px 290px;
  padding: 0px;
  width: 250px;
  float: clear;
}

#spalte2 a:link, a:visited {
  	text-decoration: none;
}

#spalte2 a:hover {
  	text-decoration: none;
	color: #ee0303;
}

#spalte0 {
  margin: 0px 0px 0px 0px;
  width: 400px;
}

#spalte0 a:link, a:visited {
  	text-decoration: none;
}

#spalte0 a:hover {
  	text-decoration: none;
	color: #ee0303;
}

#spalte3 {
  margin: 0px 0px 0px 15px;
  width: 450px;
}

#spalte3 a:link, a:visited {
  	text-decoration: none;
}

#spalte3 a:hover {
  	text-decoration: none;
	color: #ee0303;
}

#spalte3 ul {
  margin: 10px 0px 15px 0px;
  line-height: 135%;
  font-size: 0.75em;
  color: #000;
  vertical-align: bottom;
  list-style: none;
}

#spalte3 li {
	margin: 0px 0px 8px 0px;
  	text-decoration: none;
	color: #000;
}


#spalte4 {
  margin: 60px 0px 15px 0px;
  width: 600px;
}

#spalte4 a:link, a:visited {
  	text-decoration: none;
}

#spalte4 a:hover {
  	text-decoration: none;
	color: #ee0303;
}


#spalte5 {
  margin: 0px 0px 0px 15px;
  width: 450px;
}

#spalte5 a:link, a:visited {
  	text-decoration: none;
}

#spalte5 a:hover {
  	text-decoration: none;
	color: #ee0303;
}




img {
  border: 0px;
}

img#rand {
  margin: 0px 4px 10px 0px;
  float: left;
}

img#bild {
  margin: 0px;
}


span.bildtext {
	display: block;
	font-size: 0.7em;
	margin: 5px 0 15px 0;
	color: #ee0303;
}



h1 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 0px 0 0px 0;
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	/* Main Text Title */
	padding-bottom: 5px;
	margin: 15px 0 15px 0;
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 15px 0 0 15px;
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
}

h4 {
	/* Randboxen */
	padding-bottom: 5px;
	margin: 39px 0 0 0;
	color: #ee0303;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}



h6 {
	/* setup some more readable header spacing */
	margin: 15px 90px 0 33px;
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
}

h5 {
	/* setup some more readable header spacing */
	margin: 15px 90px 0 33px;
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}




.schliessanlagen {
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
}

.werkzeug {
	color: #ee0303;
	font-family: Arial, Helvetica, sans-serif;
}

.li_defi {
	margin: 12px 0px 0px 4px;
  	padding: 0px 0px 0px 15px;
	font-size: 0.75em;
	color: #000;
	line-height: 130%;
	list-style-image: url(../images/layout/bullet.png);

}

/* FONT SIZES */
body {font-size: 12px;}
h1 {font-size: 135%;}
h2 {font-size: 125%;}
h3 {font-size: 75%;}
h4 {font-size: 90%;}
h6 {font-size: 80%;}
h5 {font-size: 80%;}



/* LINKS */
a:link,
a:visited {
	color: #ee0303;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;

}

p a:link,
p a:visited {
	color: #ee0303;
	text-decoration: underline;
	font-size:12px;
}

p a:hover {
	text-decoration: underline;

}


/* PAGE SIZE */
html {
	background: #3f3f3f url(../images/layout/bg.png) 0 0 repeat-x;
}

div#wrapper {
	margin: 0px auto;
	width: 950px;
	padding: 0px 0px;

}

div#rand {
	float:clear;
}



/* HEADER */
div#header {
	width: 950px;
	height: 271px;
	background:  url(../images/layout/head.jpg) 0 0 no-repeat;
}


div#header-1 {
	margin: 0px 1px 0px 82px;
	height: 51px;
	padding: 210px 0px 0px 0px
}

div#tabarea {
	margin: 0px 10px 0px 25px;
}

div#tabarea_l {
	padding-left: 1px;
}

div#tabarea_r {
	height: 51px;
	padding-right: 1px;
}

a.mainlevel:link, a.mainlevel:visited {
	padding-left: 10px;
	color: #fff;
}

a.mainlevel:hover {
	font-weight: bold;
}


#tabarea li a {
	background: url(../images/layout/hover_off.png) 0 0 repeat-x;
}
#tabarea li.active {
	background: url(../images/layout/hover.png) 0 0 repeat-x;
}
#tabmenu li a {
	background-position: 100% 0;
}

#tabarea a:link, #tabarea a:visited {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 1.1em;
	font-weight: 700;
	float:left;
  	display:block;
  	padding: 20px 0px 15px 0px;
	color: #fff;
  	text-decoration: none;
}


#tabarea a:hover {
  color: #fff;
  background: url(../images/layout/hover.png) 0 0 repeat-x;
}

#tabmenu {
	padding: 0;
	white-space: nowrap;
	float: left;
}

#tabmenu ul {
	float: left;
  	margin: 0;
  	padding: 0;
  	list-style: none;
}

#tabmenu li {
	float: left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 30px 0px 0px;
}

#tabarea li.passive {
	color: #fff;
	background: url(../images/layout/hover_off.png) 0 0 repeat-x;
}

#tabarea li.active a {
	color: #fff;
	background: url(../images/layout/hover.png) 0 0 repeat-x;
}


/* MENU */

#menu {
	width: 228px;
	height: 32;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: clear;
}

img#menuline {
	margin: 0px;
	padding: 0px;
	width: 228px;
	height: 4px;
	float: left;
}

div.menuarea {
	margin: 0px;
	padding: 0px;
}

#menuarea a:link, #menuarea a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  	display: block;
	width:228px;
	padding: 10px 0px 10px 20px;
  	color: #ee0303;
	background-color: #cccccc;
  	text-decoration: none;
}

#menuarea_r a:link, #menuarea_r a:visited {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  	display: block;
	width:228px;
	padding: 10px 0px 10px 20px;
  	color: #ee0303;
	background-color: #cccccc;
  	text-decoration: none;
}


#menumenu {
	padding: 0px;
	margin: 0px;
}

#menuactive {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  	display: block;
	width:228px;
	padding: 10px 0px 10px 20px;
	background-color: #003366;
  	color: #fff;
}

#menuactive_r {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 0.9em;
  	display: block;
	width:228px;
	padding: 10px 0px 10px 20px;
	background-color: #b40d0d;
  	color: #fff;
}

#menumenu ul {
	float: left;
  	margin: 0;
  	padding: 0;
  	list-style: none;
}

#menumenu li {
	float: left;
	margin: 0;
	padding: 0;
}







#indent_1 {
	float:clear;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
}



#indent_2 {
	margin: 0px 0px 0px 30px;
}





/* Runde Ecken  */

div {
	margin: 0px;

}

.ro {
	background:url(../images/layout/Box_04.png) top right no-repeat;
}

.lo {
	background:url(../images/layout/Box_03.png) top left no-repeat;
}

.ru {
	background:url(../images/layout/Box_07.png) bottom right no-repeat;
}

.lu {
	background:url(../images/layout/Box_06.png) bottom left no-repeat;
}

.inhaltbox {
	margin: 0px 0px 0px 0px;
	padding: 16px 19px 16px 16px;
}


.inhaltbox3 {
	margin: 0px 0px 0px 0px;
	padding: 16px 19px 16px 16px;
	width:180px;
}

.inhaltbox2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 113px;
	width: 140px;
}

#box {
	background-color: #f5f5f5;
}

#box2 {
	margin: 0px 0px 0px 15px;
}



#box a:link, a:visited {
  	text-decoration: none;
}



#box a:hover {
  	text-decoration: underline;
	color: #ee0303;
}



/* CONTENT */

#mainbody {
  color: #000;
  padding: 0px 6px 0px 0px;
  background: url(../images/layout/content-bg.png) 0 0 repeat-y;
}

table {
	border-collapse: collapse;
	margin: 0px;
  	border: 0px;
  	padding: 0px;
}

table#mainbody_1 {
	border-collapse: collapse;
	margin: 0px;
  	border: 0px;
  	padding: 0px;
	width: 800px;
}

table#linie {
	border-collapse: collapse;
	margin: 5px 0px;
  	border: 0px;
  	padding: 5px 0px;
	width: 0px;
}


td#left {
  width: 600px;
  vertical-align: top;

}

td#left2 {
  margin: 0px;
  width: 600px;
  border: 0px;
  padding: 0px;
  vertical-align: middle;

}




td#leer {
  margin: 0px;
  width: 0px;
  border: 0px;
  padding: 0px;
}

td#right {
  margin: 0px;
  width: 240px;
  border: 0px;
  padding: 0px;
  vertical-align: top;
}

tr {
  margin: 0px;
  border: 0px;
  padding: 0px;
}






/* Formular */

input, select, textarea {
	font-size: 12px;
	font-family: Arial, sans-serif;
	color:#000000;

}

.blau {
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	color: #666;
	vertical-align: top;
}
.button {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
}


.feld {
	background-color:#f3f9ff;
	padding-left:4px;
	width:200px;
	height:19px;
	border:1px solid #c7c7c7;
	color:#000;
}
.feld_zeilen {
	background-color:#f3f9ff;
	padding-left:4px;
	width:200px;
	height:60px;
	border:1px solid #c7c7c7;
	color:#000;
}

.feldkurz {
	background-color:#f3f9ff;
	padding-left:4px;
	width:100px;
	height:19px;
	border:1px solid #c7c7c7;
	color:#000;
}

.auswahl {
	background-color:#f3f9ff;
	height:19px;
	width:200px; border:1px solid #c7c7c7;
}

/* FOOTER */

#footer {
  color: #ee0303;
  text-align: left;
  font-size: 0.8em;
  padding: 50px 68px 2px 72px;
  background: url(../images/layout/footer.png) 0 0 repeat-y;
}


div#alignleft {
  float: left;
  text-align: left;
  }

div#alignright {
  text-align: right;
  }


#footer a:link, a:visited {
  	text-decoration: none;
	color: #ee0303;
}
#footer a:hover {
  	text-decoration: underline;
	color: #ee0303;
}