body {
position: relative;
margin: 5px;
padding: 0;
	 background-color: #FFFFFF;
	 font-family: arial, helvetica, sans-serif;
	 font-size: 90%;
}

body, div {
	font-size: 75%;
	line-height: 130%;
}

h1 {
	font-size: 160%;
	font-weight: normal;
	line-height: 120%;
}

h2 {
	font-size: 100%;
	font-weight: bold;
}

h3 {
	font-size: 90%;
	font-weight: bold;
}

#counter {
margin: 4px 0 0 15px;
}

#raum {
	padding-top: 50px;
}

#aktualisiert {
margin: 4px 0 0 15px;
}

h3.menueueberschrift {
color: #00397c;
margin: 10px 0 0 10px;
}

h3.aktualisiert {
color: #00397c;
       border-bottom: 1px solid #90A3C3;
margin: 28px 0 0 15px;
}

h3.counter {
color: #00397c;
       border-bottom: 1px solid #90A3C3;
margin: 28px 0 0 15px;
}

h3.quicklinks {
color: red;
       border-bottom: 1px solid #90A3C3;
margin: 28px 0 0 5px;
}

h3.spitzmarke {
padding: 0;
margin: 0;
	border-bottom: 1px solid #90A3C3;
}

h4 {
	font-size: 100%;
	font-weight: bold;
}

a:link, a:visited {
color: #003299;
  }

a:hover, a:active {
color: #003299;
  }a.pfeilnachunten {  padding:0 0 0 12px;  background:url(bilder/pfeil_unten.png) no-repeat;}a:hover.pfeilnachunten {  background:url(bilder/pfeil_unten.png) no-repeat;}
a.pfeil {  padding:0 0 0 12px;  background:url(bilder/pfeil_rechts.png) no-repeat;}a:hover.pfeil {  background:url(bilder/pfeil_rechts.png) no-repeat;}
.eingabefehler {
	font-family: arial, helvetica, sans-serif;
color: red;
}

#fhlogo {
position: relative;
width: 21%;  
       min-width: 208px;
float: left;
padding: 0;
margin: 0;
}

#cstlogo {
float: right;
margin: 12px;
}

#head {
height: 97px;
	border-top: 1px solid #90A3C3;
	border-left: 1px solid #90A3C3;
	border-right: 1px solid #90A3C3;
background: url(bilder/bg_head.gif) no-repeat center right #FFFFFF;
}
/*
#search {
position: relative;
float: left;
font-weight: bold;
background-color: #FFFFFF;
margin: 20px;
width: 174px;  
}
 */


#search {
position: absolute;
float: left;
       font-weight: bold;
       background-color: #FFFFFF;
margin: 0;
width: 174px; 
top: 20px;
left: 250px;
}


#search input {
width: 140px;
height: 1.2em;
margin: 0 5px 0 0;
padding: 0.1em 0 0.1em 5px;
border: 1px solid #7F7F7F;
color: #333333;
}

#search .btn-search {
position: relative;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
border: 0;
background: url(bilder/pfeil_search.gif) no-repeat;
cursor: pointer;
color: #333333;
}

#vorschlag {
position: absolute;
float: right;
       font-weight: bold;
       background-color: #FFFFFF;
margin: 0px;
width: 174px; 
top:40px;
left:250px;
display:none;
	border-top: 1px solid white; 
	border-left: 1px solid white; 
	border-bottom: 1px solid #d1d1d1; 
	border-right: 1px solid #d1d1d1; 
background: white; 
	    z-index: 4;
}

#vorschlag ul {
font: normal 9px arial, sans-serif;
margin: 0; padding: 0;
	border-top: 1px solid #dcdcdc; 
	border-left: 1px solid #dcdcdc; 
	border-bottom: 1px solid black; 
	border-right: 1px solid black; 
}

#vorschlag ul li {
	list-style: none;
margin: 0; padding: 0;
color: #5282c6;
}

#vorschlag ul a {
display:block;
padding: 4px;
	 text-decoration:none;
}

#vorschlag #vh a:link, #vorschlag #vh a:visited {
color: #5282c6; background-color: #eee;
}

#vorschlag #vh a:hover, #vorschlag #vh a:active {
color: white; background-color: #5282c6;
}


#suchergebnis {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
padding: 4px;
}

#suchergebnis .ueberschrift {
margin:0;
       font-size: 130%; 
       font-weight: bold;
padding: 20px 0 0 0;
}

#suchergebnis .beschreibung {
padding: 4px;
margin: 0;
	font-size: 100%; 
	padding-left: 10px;
}

#suchergebnis #kategorie, #suchergebnis #kategorie a:link, #suchergebnis #kategorie a:visited, #suchergebnis #kategorie a:hover, #suchergebnis #kategorie a:active {
margin: 0;
padding: 0;
	 text-decoration: none;
	 font-weight: bold;
	 font-size: 105%; 
color: green;
padding: 0 0 10px 0;
}

#secondrow {

border: 1px solid #90A3C3;
}

.padding {

padding: 0.4em 0 0.4em 15px;

}

.lngpadding {

padding: 0.3em 0 0.4em 15px;

}

#language {

clear: both;

width: 21%;

overflow: hidden;

	  background-color: #EDF2F7;

float: left;
color: #213869;
}


#language a:link, #language a:visited {

color: #213869;

}

#language a:hover, #language a:active {

color: #213869;

}

#breadcrumb {

width: 79%;

overflow: hidden;

	  background-image: url(bilder/bg_line.gif);

	  background-repeat: repeat-y;

	  background-position: left;

	  background-color: #EDF2F7;

float: left;
color: #213869;

}

#breadcrumb a:link, #breadcrumb a:visited {

color: #213869;

}

#breadcrumb a:hover, #breadcrumb a:active {

color: #213869;
}
#breadcrumb ul {

padding: 0;

margin: 0;

	list-style: none;

display: inline;

}

#breadcrumb ul li {

display: inline;

}

.clear {

margin: 0 ! important;

padding: 0 ! important;

	 font-size: 1px;

clear: both;

} 

#main {

	background-color: #FFFFFF;

width: 100%;

padding: 0;

margin: 0;

}

#navigation {

	background-color: #DBE4EF;

width: 21%;

       min-width: 12em;

float: left;

padding: 0 0 2em 0;

margin: 0 0 2em 0;

}
#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active, #submenu ul li a:hover {

color: #1B3365;

       text-decoration: none;

}

#submenu {

margin: 0;

padding: 20px 0 0 0;

}

#submenu ul {

padding: 0;

margin: 0;

	list-style: none;

	font-weight: normal;

}

#submenu ul ul {

margin: 0;

padding: 0;

	 font-weight: normal;

border: none;

}

#submenu ul li {

width: 100%;

float: left;

}

#submenu li a:link, #submenu li a:visited {

display: block;

	 margin-left: 15px;

padding: 0.5em 0 0.5em 0;

	 border-top: 1px solid #FFFFFF;

}

#submenu li.first a:link, #submenu li.first a:visited {

	border-top: none;

}

#submenu li li.last a:link, #submenu li li.last a:visited {

	border-bottom: none;

}

#submenu li li.active a:link, #submenu li li.active a:visited {

	border-bottom: none;

}

#submenu li li a:link, #submenu li li a:visited {

display: block;

padding: 0.5em 0 0.5em 10px;

	 border-top: none;

}

#submenu li li li a:link, #submenu li li li a:visited {

display: block;

padding: 0.5em 0 0.5em 10px;

	 background-color: #EDF2F7;

}

#submenu li li li.first a:link, #submenu li li li.first a:visited {

	border-top: none;

}

#submenu li li li li a:link, #submenu li li li li a:visited {

display: block;

padding: 0.5em 0 0.5em 20px;

	 background-color: #dcdcdc;

}

#submenu li li li li.first a:link, #submenu li li li li.first a:visited {

	border-top: none;

}


#submenu li.active {

	background-image: url(bilder/bullet_blue.gif);

	background-repeat: no-repeat;

	background-position: 0 0.9em;

	font-weight: bold;

}

#submenu li.path {

	font-weight: bold;

} 

div {

	font-size: 100%;

}


#mainmenue {

	font-size: 90%;

}

#language {

	font-size: 90%;

}

#breadcrumb {

	font-size: 90%;

}

#submenu {

	font-size: 90%;

}

#footer {

	font-size: 90%;

}

.spitzmarke {

	font-size: 90%;

	font-weight: bold;

}



#dateiupload {
	/*	width:700px; */
background:#e3e7ed; 
border:1px solid #b5b5b5; 
}

#dichtungenrand {
width:710px;
background:#e3e7ed; 
border:1px solid #b5b5b5; 
}

#cmsback {
width:700px;
margin: 5px;
background:#e3e7ed; 
border:1px solid #b5b5b5; 
}

#dichtungen {
width:700px;
margin: 5px;
background:#e3e7ed; 
border:1px solid #b5b5b5; 
}

#dichtungen fieldset {
width:600px; background:#b5b5b5; border:1px solid black; margin:10px; padding:4px;
}


#content div div {

margin: 0;

padding: 0;

clear: none;

}

#content div {

margin: 1em 0 1em 0;

padding: 0;

	 /*clear: both;*/
}
#content {
position: relative;
overflow: hidden;
	  background-color: #FFFFFF;
padding: 0;
margin: 28px 2% 2% 2%;
width: 71%;
       /*	min-width: 300px; */
float: left;
}

#content tr th, #content tr td {
padding: 3px 3px 2px 5px;
}

#content tr th {
	background-color: #E2E9F2 !important;
	text-align: left;
	font-weight: bold;
}

#content tr th.plain {
	background-color: white !important;
}
#content th p, #content td p {
margin: 0 !important;
padding: 0 !important;
}
#content tr, #content td, #content th {
	border-bottom: 1px solid #DBE4EF !important;
}
#content tr:hover td,
#content tr:hover th {
	background-color: #f4f8fa !important;
}

#content tr.ungerade {
	background-color: #E2E9F2;
}

#content tr.auswahl {
	background-color: #9aff37;
}

#content tr.auswahlinakt {
	background-color: #cddfbc;
}

#content tr.inakt {
	background-color: #afafaf;
}

#tablesponsor tr th, #tablesponsor tr td {
background-color: white !important; 
}

#tablesponsor tr:hover td, #tablesponsor tr:hover th {
	background-color: white !important;
}

#tablesponsor tr, #tablesponsor td, #tablesponsor th {
	border: none !important; 
}

#tablesponsor tr th, #tablesponsor tr td {
	padding: 10px;
}

#margin {
width: 21%;
float: right;
overflow: hidden;
padding: 28px 0 0 0;
margin: 0;
}

.cmsbutton {
position: relative;
padding: 0;
margin: 0;
top: -30px;
float: right;
}

.cmsbutton div {
display: inline;
}

.acc {
display: none;
}

/* Anzeige der Dichtungsseite */
#dichttyp {
	font-family: sans-serif;
padding: 10px;
}

#dichttyp p {
margin: 0;
}

#dichttyp .name {
	font-size: 130%;
	font-weight: bold;
}

#dichttyp .beschreibung {
	font-size: 90%;
padding: 0 0 0 20px; 
}

#dichttyp .hoehe{
	font-size: 100%;
}

#dichttyp .zulassung{
	font-size: 90%;
}

#gruppen {
	font-family: sans-serif;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.4em;
	padding: 10px;
}

#gruppen .beschreibung {
	font-size: 100%;
	font-weight: normal;
}

#gruppen .untertitel {
	font-size: 90%;
	font-weight: normal;
padding: 0 0 0 20px;
}

#gruppen .untertitelinaktiv {
	font-size: 90%;
	font-weight: normal;
color: #dcdcdc;
padding: 0 0 0 20px;
}

#gruppen .beschreibunginaktiv {
	font-size: 100%;
	font-weight: normal;
color: #dcdcdc;
}

#gruppen .listeinaktiv {
color: #dcdcdc;
       text-decoration: underline;
}

#gruppen .listeklammerninaktiv {
color: #d5d5d5;
}

#gruppen .listemengeinaktiv {
color: #d5d5d5;
}

#gruppen .listeklammern {
color: red;
}

#gruppen .listemenge {
	/*	color: #003b7e;*/
color: red;
}

#footer {

clear: both;

border: 1px solid #90A3C3;

}

#footer {

color: #003299;

}

#footer a:link, #footer a:visited {

color: #003299;

}

#footer a:hover, #footer a:active {

color: #003299;

}

#footer .footer-left {

width: 21%;

float: left;

       background-image: url(bilder/bg_line.gif);

       background-repeat: repeat-y;

       background-position: right;

padding: 0.4em 0 0.4em 0;

}

#footer .footer-main {

width: 58%;

float: left;

padding: 0.4em 0 0.4em 0;

}

#footer .footer-right {

width: 21%;

float: left;

       background-image: url(bilder/bg_line.gif);

       background-repeat: repeat-y;

       background-position: left;

padding: 0.4em 0 0.4em 0;

}


/* Formulare */

fieldset {

border: none;

padding: 0;

margin: 1em 0 0 2px;

}
textarea, input {

	font-family: sans-serif;

	font-size: 100%;

border: 1px solid #90A3C3;

}

.button {
position: relative;
width: 110px;
margin: 10px 0 0 0;
padding: 0 0 0 8px;
	 border-top: 1px solid #DBE4EF;
	 border-right: 1px solid #1B3365;
	 border-left: 1px solid #DBE4EF;
	 border-bottom: 1px solid #1B3365;
background: #8EA9CD;
cursor: pointer;
color: #FFFFFF;
       text-align: center;
       font-weight: bold;
       font-size: 100%;
}
#dichtungstypen tr, #dichtungstypen td, #dichtungstypen th {	border-bottom: 0px !important;}#dichtungstypen tr:hover td,#dichtungstypen tr:hover th {	background-color: #ffffff !important;}