/* The Pagelayout
<---- 745 px wide --->
5 | 180 | 5 | 180 | 5 | 180 | 5 | 180 | 5
can be combined to any sort of columns!! */

/*#############################*/

/* Zuerst werden die HTML Tags ohne ID und Klassen definiert */

/*<group=basic html tags>*/

body   {
	color: #474747;
	font-size: 12px;
	font-family:   "Lucida Grande", Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;
	line-height:   150%;
	background: url("../_img_generic/eaw_whiteback.png") repeat-y center;
	text-align:    center;
	margin:        0;
	padding:       0 6px 6px 6px;
	border-bottom: #000000 }

em, i {
	font-style: normal;
	color: #333333;
	font-family: Georgia, Times New Roman, Times, serif;
}

b, strong  {
	color:      #000;
	font-weight: normal }

p {
	padding: 0 0 0 0;
	background: none;
	line-height: 140%;
	font-size: inherit;
	margin: 0px 9px 16px 9px;
}

a {
	color:          #003c55;
	text-decoration: none }

a:hover, a:active, a:focus {
	color: #003366;
	text-decoration: underline }

a:hover, a:active, a:focus {
	color: #003366;
	text-decoration: underline }

/* h1 is invisble and jused as header substitue for non css browsers only!!!!! */

h1 {
	display: none;
	visibility: hidden;
}

/* first declaring only the colors */

h2, h4, h6  {
	color:      #003c55;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	margin: 6px 6px 6px 6px;
	padding-top: 6px;
	padding-bottom: 0.5em;

}

h3, h5  {
	color:      #7f9daa;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	margin: 6px 6px 6px 6px;
	padding: 0px;

}

/* Danach die Groessen: */

h2, h3   {
	font-size:  24px;
	font-weight: bold;
	line-height: 24px;
	margin-top: 6px;
	margin-left: 6px;
	padding: 2px 0px 2px 0px;
	
}

h4, h5 {
	font-size: 14px;
	line-height: 14px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 9px;
	margin-right: 9px;
	margin-bottom: 6px;
}
	
h4.framed {
	font-size: 12px;
	color: #ffffff;
	background-color: #003c55;
	padding: 0.25em;
	margin-top: 1em;
	margin-bottom:0.33em;
}
hr {float: none; clear: both;}

hr.floatfix {
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding:0;
	display: none;
	
	
}
	

	
/*creating whitespace between blocks:*/
hr.whitespace {display: block;
	float: none;
	clear: both;
	visibility: hidden;
	color: #ffffff;
	font-size: 30px;
	line-height: 1em;
	height: 30px;
	width: 100%;
	margin: 0px;
	width: 0px;
}
	
hr.rulerline {
	display:block;
	color: #bfced4;
	margin: 0px 0px 6px 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	width: 100%;
	background-color: #bfced4;
	border: 1px solid #bfced4;
}
	
/*</group>*/

/*<group=basic list tags>*/
#navigation ul, #navigation ol {
	margin: 0px;
	padding: 0px;
}

ol ul {
	margin: 0px 0px 0px 26px;
	padding: 0px;
}

ul li {
	list-style: disc inside;
	margin: 0px;
	padding: 0px 0px 0px 6px;
}

ol li {
	list-style: disc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul li h4 {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #003c55;
	font-weight: normal;
}

ol li ul {
	margin-left: 50px;
	list-style: disc outside;
}

ol li ul li {
	list-style: disc inside;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #003c55;
	display: block;
}

#maincontent ul, #maincontent ul li, #content ul, #content ul li, p.answer ol, p.answer ol li, p.answer dl, p.answer dl dt {
	list-style: url(../images_css/listarrow.gif) outside;
	margin-left: 16px;
}

	
	
/*</group>*/

/*<group=basic table tags>*/

table {
	padding: 0px;
	font-size: 11px;
	line-height: 120%;
	margin: 0px 0px 0px 0px;
}

th {
	padding: 4px;
	margin: 0px;
	
}

td {
	padding: 4px;
	margin: 0px;
	border: none;
}

td p {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

td img {
	padding: 0px;
	margin: 0px;
}
	
/*</group>*/

/* Nach den Standarddefinitioen definieren wir zunächst die Standard seitenbereiche, wied Kopf, Navigation und Inhalt
              */

/*<group=Linkstyles>*/

#content a {
	background: url(../_img_generic/arrow_link.gif) left center no-repeat;
	padding-left: 12px;
}

#content a:hover, #content a:active {
	background: url(../_img_generic/arrow_link_over.gif) left center no-repeat;
	padding-left: 12px;
}

a.plainlink, a.plainlink:visited, a.plainlink:hover {
	background: none no-repeat;
	text-decoration: none;
	text-indent: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

	
/*</group>*/

/*<group=Klassen ohne ID>*/

/*<group=Klassen fŕ†r Tabellenreihen und-zellen>*/

.heading th {
	background: #003c55;
	color: #FFFFFF;
}

.row1 th, .row1 td {
	background: #d3e3ec;
}

.heading td {
}

.row2 th, .row2 td {
	background: #EEEEEE;
}

td.firstcol {
	width: 160px;
}

td.secondcol {
	width: 130px;
}
	
/*</group>*/

.listheading { }

.titled {
	background: #d3e3ec;
	border-bottom: groove #003c55 1px;
}

.centered {
	text-align: center;
}


.right {
	text-align: right;
}

.illucode {
	font-size: 8px;
	line-height: 8px;
	color: #003c55;
	padding: 2px;
	margin: 2px;
	background: #ffffff;
	border: 1px solid #003c55;
}
	

.remark {
	color: #003c55;
	background: #d3e3ec;
	border: 1px solid #003c55;
	padding: 6px;
	text-align: center;
}

.imgright {
	margin: 0 0 0 10px;
	padding: 0;
	float:   right;
	clear:   left;
	border:  inset 1px #999 }

.imgcenter {
	display: block;
	margin:   5px 0 15px;
	padding:  0;
	position: relative;
	width: 98%;
	border:   solid 1px #7f9daa }

.iconized img {
	vertical-align: middle;
}

.marginal {
	font-size: 83.3%;
	line-height: 110% }
	
.introtext {
	color: #003c55 }

.iconized {
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	background: #EFFFFF;
	display: block;
}

.iconized img {
	padding: 0px;
	margin: 0px 5px 0px 0px;
	vertical-align: text-top;
}

.noli {
	list-style: outside none;
	display: block;
}

.noli img {
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	clear: right;
	vertical-align: text-top;
}

.dlsize {
	font-size: 90%;
	color: #666;
}
	
/*</group>*/

#pagelayout {
	text-align: left;
	margin:      0 auto;
	padding:     0;
	position:    relative;
	top:         0;
	width: 750px;
	/*background: none repeat-y;*/
	/*height: auto;*/
	overflow: hidden;
}

/*<group=THE HEADER
 >*/

#header {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	background-color: #003c55;
	background-image: url(../_img_generic/pageheader.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: right;
	display: block;
	height: 90px;
	padding: 0px;
	border: 6px solid #EFF6F6;
	margin: 0px 6px 0px 6px;
	border-right-style: none;
	border-left-style: none;
}

.uk #header {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	background-color: #003c55;
	background-image: url(../_img_generic/pageheader.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: right;
	display: block;
	height: 90px;
	padding: 0px;
	border: 6px solid #EFF6F6;
	margin: 0px 6px 0px 6px;
	border-right-style: none;
	border-left-style: none;
}
	
/*</group>*/

/*<group=Horizontal Nav>*/

/*ul#hnav {
	display:  block;
	background-color: #003c55;
	border-left: 0;
	border-right:0;
	border-top: 0;
	border-bottom: 6px solid #eff6f6;
	padding: 0 0 0 0;
	list-style-type: none;
	margin: 0px 6px 0px 6px;
	height: 25px;
}*/

ul#hnav {
	display: block;
	height: 25px;
	/*width: 75%;*/
	/*border: 0;*/
	border-left: 0;
	border-right:0;
	border-top: 0;
	border-bottom: 6px solid #eff6f6;
	margin: 0 6px 0 6px;
	padding: 0 0 0 25%;
	list-style-type: none;
	background-color: #003c55;
}

ul#hnav li {
	display: inline;
}

ul#hnav li a {
	background-color: #003c55;
	/*display: block;
	float:  left;
	clear: right;*/
	height: 25px;
	margin: 0 0.6em 0 0.6em;
	padding:  1px 1px 0 12px;
	border-left:  1px solid #fff;
	border-right:  none;
	color: #d3e3ec;

	font-size:  1.1em;
	line-height:  1.7em;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}



ul#hnav li#home a {
	border-left-style: none;
	background: url(../_img_generic/home.gif) 10px 5px no-repeat;
	padding: 0 0 0 3em;
}

ul#hnav li#impressum a {
	background: url(../_img_generic/impressum.gif) 10px 5px no-repeat;
	padding-left: 30px;
	}




ul#hnav li#uk a {
	background: url(../_img_generic/f_uk_normal.gif) 10px 5px no-repeat;
	padding-left:  30px;
	margin-left:  8px;
}

ul#hnav li#fr a {
	background: url(../_img_generic/f_fr_normal.gif) 10px 5px no-repeat;
	padding-left:  30px;
	margin-left:  8px;
}

ul#hnav li#de a {
	background: url(../_img_generic/f_de_normal.gif) 10px 5px no-repeat;
	padding-left:  30px;
	margin-left:  8px;
}

ul#hnav li a.active  {
	color: #003c55;
}

ul#hnav li a:hover {
	color: #fff;
}

ul#hnav li#de a:hover, .de ul#hnav li#de a {
	background: url(../_img_generic/f_de_over.gif) 10px 5px no-repeat;
	padding-left: 30px;
	margin-left: 8px;
}

ul#hnav li#uk a:hover, .uk ul#hnav li#uk a {
	background: url(../_img_generic/f_uk_over.gif) 10px 5px no-repeat;
	padding-left: 30px;
	margin-left: 8px;
}

ul#hnav li#fr a:hover, .fr ul#hnav li#fr a  {
	background: url(../_img_generic/f_fr_over.gif) 10px 5px no-repeat;
	padding-left: 30px;
	margin-left: 8px;
}
	
/*</group>*/

/* EinfĂĽhren von Blocks um die Navigation und den Inhalt in einem Bereich zu halten */

#block	{
	font-size:       12px;
	line-height:      150%;
	text-align:       left;
	margin: 0 0 6px 6px;
	padding: 0 0 0 0;
	display:  block;
	width:  750px;
	float: none;
	clear: both;
	}

/*<group=HauptNavigation>*/
div#leftside { display:block;
font-size: 1em;
width: 25%;
padding: 0;
margin: 0;
float: left;
clear: right;
/*background-color: #333333;*/
}

ul#navigation, ul.navigation {
	font-size: 1.1em;
	line-height: 1em;
	font-style:  normal;
	font-variant: normal;
	font-weight:  bold;
	background: #EFF6F6;
	width: 95%;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0 6px 0px;
	list-style-type: none;
	border-top: 1px solid #7F9DAA;
	border-right: 1px solid #7F9DAA;
	border-left: 1px solid #7F9DAA;
}



ul#navigation li, ul.navigation li {
	font-weight:  normal;
	display:block;
	padding: 0;
	margin: 0px;
	font-size: 1em;
	line-height: 100%;
	color: #003c55;
	border-bottom: 1px solid #7F9DAA;
	background: url(../_img_generic/li_back.png) repeat-x left bottom;
	list-style-type: none;
}

/*Now turning the Navigation of... */

ul#navigation li ul, ul#navigation li ul li ul, ul#navigation li ul li ul li ul  {
	display:none;
	font-size: 0.9em;
	margin-left: 0.5em;
	border-left: 1px solid #7F9DAA;
	background-color: #ffffff;
}




#navigation a, .navigation a {
	display: block;
	color: #003c55;
	padding: 4px 1px 4px 4px;
	margin: 0;
	
}

#navigation a:hover, #navigation a:active, #navigation a:focus , #navigation a.active, .navigation a.hover {
	color:          #000;
	text-decoration: none;
	background: none #ffffff;
}

#navigation li.heading, .navigation li.heading {
	color:          #ffffff;
	text-decoration: none;
	display: block;
	padding: 0.6em 0.1em 0.6em 1em;
	margin: 0;
	background: none #003c55;
}





	
/*</group>*/

/* Content goes to the left of the navigation and holds all layout cloumns */

/*<group=Content and Columns>*/

/* Um flexibler zu sein, definieren wir gleich mehrere Contentbloecke */

#content     {
	font-size:       1em;
	width: 548px;
	/*overflow: hidden;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	float: left;
	clear: none;
	display: block;
}

.quartercolumn {
	width: 25%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 11px;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}

.thirdcolumn {
	width: 33%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 11px;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}
.halfcolumn {
	width: 50%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}
.twothirdcolumn {
	width: 66%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}
.threequartercolumn {
	width: 75%;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	font-size: 1em;
	line-height: inherit;
	padding: 0px;
	margin: 0px 0 6px 0px;
}


.fourcol {
	width: 736px;
	float: left;
	clear: right;
	/*overflow: hidden;*/
	/*height: auto;*/
	line-height: inherit;
	margin: 0px 6px 6px 0px;
	background-color: #ffffff;
	padding: 0px 0px 6px 0px;
	border-color: #BFCED4;
	border-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: dotted;
	border-top-style: none;
}



table#col1, table.bordered {
	/*width: auto;*/
	margin-right: 0px;
	margin-bottom: 16px;
	border-right: 2px solid #d3e3ec;
}

#col1 th {
	background: #d3e3ec;
	font-weight: normal;
}

#col1 td {
	padding: 4px;
	margin: 0px;
}

.bordered {
	border-left: 2px solid #d3e3ec;
	border-bottom: 2px solid #d3e3ec;
}
	
/*</group>*/

/*<group=Sub Id Styles>*/


/*<group=titlepict>*/

/* Zu Heraushebung von Titelbildern */

#titlepictfull {
	background: #d3e3ec;
	width: 551px;

	margin: 0px;
	padding: 0px;
	top: 0px;
	position: relative;
	/*overflow: hidden;*/
	/*height: auto;*/
	border-top: 1px solid #BFCED4;
}

#titlepict, #titlepict1, #titlepict2, #titlepict3, #titlepict4 {
	background: #d3e3ec;
	width: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	position: relative;
	/*height: auto;*/
	/*overflow: hidden;*/
	border-top: 1px solid #BFCED4;
}

#titlepict img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	/*height: auto;*/
}

#titlepict h4   {
	font-size:       15px;
	font-weight:      bold;
	background-color: #7f9daa;
	background-image: none;
	margin:           0 }

#titlenews ul {
	font-style:  normal;
	font-variant: normal;
	font-weight:  bold;
	list-style:   square;
	padding: 5px 0px 30px 0px;
	position:     relative;
	margin: 0px 0px 0px 0px;
}

#titlenews li {
	color: #474747;
}

#titlenews li .button {
	display: block;
	margin-top: 5px;
	margin-bottom: 6px;
	padding: 3px 1px 3px 1px;
	background: #d3e3ec;
	border: 1px dotted #003c55;
	font-size: 10px;
	line-height: 10px;
}

#titlepict td {
	margin: 0px;
	padding: 0px;
	width: 30%;
	/*height: auto;*/
}

.rightside h3, .titlenews h3, #titlenews h3  {
	color:         #fff;
	font-size:           10px;
	line-height: 100%;
	background: #406C7F;
	text-align:     center;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display:        block;
	margin:         0 0 3px;
	padding: 3px 1px 4px 1px;
	vertical-align: text-top;
	border-bottom:  3px solid #fff;
	/*width: auto;*/
}

.rightside h4, .titlenewsh4, #titlenews h4  {
	color:         #fff;
	font-size:           10px;
	line-height: 100%;
	background: #406C7F;
	text-align:     center;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display:        block;
	margin:         0 0 3px;
	padding: 3px 1px 4px 1px;
	vertical-align: text-top;
	border-bottom:  3px solid #fff;
	/*width: auto;*/
}

#titlenews a:hover, #titlenews a:active, #titlenews a:focus {
	color:          #000;
	text-decoration: none }

#titlenews .noli a, .noli a:link, .noli a:visited {
	color: #0079ad;
	text-decoration: underline;
	background: transparent;
	border-style: none;
	display: inline;
	margin: auto;
}
	
/*</group>*/
	
/*</group>*/



#baukback img {
	width: 50%;
	margin: 0px;
	padding: 0px;
	/*height: auto;*/
}
div.section {float: none; clear: both; /*height: auto;*/ /*overflow: hidden;*/ margin-bottom: 1em; border-top: 1px none #cccccc;}
div.sectiondiv { border-bottom: 1px solid #cccccc; padding-top: 1em; padding-bottom: 1em; margin-bottom: 1em; display: block; /*height: auto;*/ /*overflow: hidden;*/}
div.sectiondiv div.thirdcolumn {background-color: #efefef;}

#rightside ol {
	margin: 0 6px 0 6px;
	padding: 0px;
}

#rightside ol li {
	font-weight: bold;
	list-style: none inside;
	margin: 0px;
	padding: 0px 5px 5px 0px;
}

#rightside ol li ul li  {
	padding:          0;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	list-style: square inside;
	border-bottom-style: none;
	text-indent: 0px;
	text-align: left;
	direction: ltr;
}

#rightside ol li ul  {
	font-weight: normal;
	list-style: square inside;
	border-bottom-style: none;
	text-indent: 0px;
	text-align: left;
	direction: ltr;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
}

#rightside li  {
	color: #474747;
	list-style: circle;
	list-style-position: inside;
	display:             list-item;
	margin-bottom: 2px;
	border-bottom: 1px solid #BFCED4;
	padding: 0 0 1px 0px;
	margin-left: 0px;
}

/*<group=kontaktformular>*/

form .warning {
	background-color: #ffffff;
	border: 1px solid #114d66;
	margin: 3px;
	padding: 3px;
}


/*<group =contactform>*/

/*fieldset settings */
fieldset {
	border:1px solid  #124e67;
	background-color: #e6eff0;
}

legend {
	color: #124e67;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 12px;
}

/* required is actually just to compliment the php code, requiredred is important to give the required fields a different colour if fields are missing, php swaps the classes when a miss of field occurs */

.required {
	font-weight: bold;
	/*color: red;*/
}

.requiredred {color: red;}
/*  haengt die Labels rechtsbuendig an 
    einer imaginaeren Mittelachse 5em 
    von links auf und kontrolliert den 
    Abstand zu den Kontrollelementen: */

label.left
{
    float: left;
    text-align: right;
/*  die naechsten zwei sind beliebig anpassbar*/
    width: 35%;
    margin-right: 3px;
    padding-top: 0.25em;
    padding-left: 0.25em;
    background: none #ffffff;
}

/*  positioniert die Text- und 
    Auswahlboxen rechts daneben: */

input[type=text],
select
{
    float: left;
}

/*  dann werden alle checkboxen und radiobuttons,
    die mit der Klasse "right" versehen wurden,
    um den errechneten linken Abstand der input
    und select-Elemente (s.o.) nach rechts
    verschoben: */

input.right
{
    float                    :    left;
    width                    :    auto;
    clear                    :    both;
    margin-left                :    5.3em;
    margin-right            :    .3em;
}

/*  Extrawurst fuer Mozilla, keine Ahnung, 
    warum das so ist. Feedback und 
    Loesungsvorschlaege willkommen */

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right
{
    margin-left                :    6.3em;
}

/*  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */

form br
{
    clear                    :    both;
}

/*  fuer grafische UAs und DAUs der Hinweis, dass
    die Label anklickbar sind. Weil's so schoen ist, 
    die Kontrollelemente gleich mit. Mit einer Ausnahme: 
    fuer Textfelder macht der Pointer natuerlich keinen 
    Sinn, dort sollte nach wie vor die Text-Einfuegemarke 
    als Cursor erscheinen. Daher hier die Einschraenkung 
    auf die input-Elemente des Typs checkbox, radiobutton, 
    button und submit: */

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
    cursor                    :    pointer;
}

/*  legt den vertikalen Abstand der 
    einzelnen Elemente zueinander fest */

form
{
    line-height                :    140%;
}

/*</group>*/

/*<group=EAWsystem>*/

table#eawsystem {
	margin-right: 0px;
	margin-bottom: 16px;
	border-right: 2px solid #d3e3ec;
	width: 550px;
	/*overflow: hidden;*/
}

table#eawsystem td {
	border-left: 2px solid #d3e3ec;
	border-bottom: 2px solid #d3e3ec;
	text-align: center;
	text-transform: none;
	font-size: 10px;
	line-height: 10px;
	margin: 0px;
	padding: 3px;
	background: #eff6f6;
}

table#eawsystem th {
	border-bottom: 2px solid #d3e3ec;
	background: #d3e3ec;
	border: 2px;
	border-left: 2px solid #d3e3ec;
	text-align: center;
	color: #003c55;
}

table#eawsystem td.image {
	margin: 0px;
	background: #FFFFFF;
	padding: 5px 0px 5px 0px;
}

table#eawsystem tr td.titlepict {
	margin: 0px;
	padding: 0px;
	border-style: none;
	/*overflow: hidden;*/
}

table#eawsystem td.image img {
	background: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}

table#eawsystem td.image nobr img {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

table#eawsystem td.iconholder {
	margin: 0px;
	padding: 0px;
	width: 153px;
	background: #eff6f6;
}

table#eawsystem tr td.iconholder img {
	margin: 0px;
	padding: 0px;
}

table#eawsystem tr td.rifletype {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

table#eawsystem tr td.download {
	text-align: center;
	padding-right: 10px;
	background: url(../_img_generic/li_back_over.png) repeat-x left;
}

table#eawsystem tr td.download img {
	padding: 3px;
	margin: 0px 5px 0px 0px;
	background: #ffffff;
	vertical-align: middle;
	border: 1px solid #7f9daa;
}

table#eawsystem tr td.blankcell {
	text-align: right;
	background: none;
	border-style: none;
	height: 16px;
	padding: 0px 0px 0px 0px;
}
	
/*</group>*/

/*<group="specialpages new">*/
/*Mountselectpage:*/
.smselectbox {
	background-color: #ffffff;
	border-left: 1px solid #bfced4;
	border-right:  1px solid #bfced4;
	margin-left: 5px;
	margin-right: 5px;
}
.smselectbox table {
	width: 95%;
	margin-left: 2.5%;
}
/*</group>*/

/*<group=Frontpage Highlight>*/

/*Frontpage highlight... */

div.highlight {	display: block;
		width: 28%;
		position: absolute;
		top: 55%;
		left: 66%;
		z-index: 999;
	}

div.highlight div{	color: #ffffff;
			/*background-color: #cc8866;*/
			background-color: #c95f00;
			border: 5px dotted #ffffff;
			margin: 0;
			padding: 10px;
}

div.highlight div p, div.highlight div h1, div.highlight div h2, div.highlight div h3, div.highlight div h4, div.highlight div h5, div.highlight div h6, div.highlight div strong {
	color:#ffffff;
	}
	
/*</group>*/

/*<group=FAQ>*/

/* FAQ */

.faq p.pagelinkup { font-size: 0.9em; text-align: right; border-bottom: 1px solid #eeeeee; padding: 6px; }

a.pagelinkup, a.pagelinkup:visited { background: url(../webimages/uppage.gif) red ; color: silver;}

.faq h4 {color: #ffffff;background-color: #999999; padding: 0.33em; border-bottom: none; margin: 6px;}

.faq p.question {background-color: #eeeeee; font-size: 12px; font-weight: bold;border: 1px solid #dddddd; margin-left:6px; margin-right: 6px; padding: 6px;}

.faq p.answer {background-color: #ffffff; font-size: 12px; font-weight: normal;}

.faq dl {margin: 6px; padding: 0; list-style-type: none;}

.faq dl dt {font-weight: normal; margin: 0 0 3px 0; background-color: #f5f5f5; padding: 3px 1px 3px 1px;}

.faq dl dd {margin:	0 0 9px 0;}
	
/*</group>*/

/*<group=Prodtable>*/
#prodtable { /*a table for Productpicture like the Docter Sight Adapter*/;
	margin: 24px 0px 0px 0px;
	padding: 0px;
	margin: 24px 0px 0px 6px;
}

#prodtable tr td {
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	width: 125px;
	padding: 0px;
	margin: 0px;
}

#prodtable tr td span {
	padding: 5px 4px 4px 4px;
}

#prodtable tr.image td {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #005173;
	font-size: 9px;
	/*background: #005173;*/
}

#prodtable tr.image td img {
	width: 125px;
	height: 125px;
}

#prodtable tr.name td {
	background: #005173;
	color: #ffffff;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
}

.de #prodtable tr.number td {
	padding-top: 12px;
	height: 30px;
	text-align: center;
	background: url(../images_css/nummerback_de.jpg) no-repeat center top;
	padding-bottom: 12px;
	color: #005173;
	font-weight: bold;
}

.uk #prodtable tr.number td {
	padding-top: 12px;
	height: 30px;
	text-align: center;
	background: url(../images_css/nummerback_uk.jpg) no-repeat center top;
	padding-bottom: 12px;
	color: #005173;
	font-weight: bold;
}

.fr #prodtable tr.number td {
	padding-top: 12px;
	height: 30px;
	text-align: center;
	background: url(../images_css/nummerback_fr.jpg) no-repeat center top;
	padding-bottom: 12px;
	color: #005173;
	font-weight: bold;
}




/*</group>*/

/*<group=pdf-Listings>*/

ol.pdfoverview {
	font-style:  normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	position:     relative;
	margin: 0px 6px 5px 6px;
	text-align: left;
	background: #ffffff;
}

ol.pdfoverview li {
	margin: 0px 0px 0px 0px;
	list-style: none;
	display: block;
	border: 1px none #BFCED4;
	border-right-style: solid;
	border-bottom-style: solid;
		padding-left: 20px;
	line-height: 16px;
}

#content ol.pdfoverview li a, #content ol.pdfoverview li a:hover {
	margin: 0px;
	/*width: 90%;*/
	padding: 3px 6px 3px 24px;
	display: block;
	background: no-repeat url(../_img_generic/link-pdf.png) left center;
}

ol.pdfoverview li a small {
	font-size: 0.9em;
	color: #666666;
}

ol.pdfoverview li h5 {
	margin-top: 12px;
	padding-top:  8px;
	color: #003c55;
	visibility: visible;
	position: relative;
	margin-top: 20px;
}

ol.pdfoverview h5 , ol#pdfoverview h5{ color: #cccccc; font-size: 11px;}

ol.pdfoverview li h5, ol#pdfoverview li h5 {
	margin-top: 12px;
	padding-top:  8px;
	color: #003c55;
}

ol.pdfoverview li h4 {
	margin-top: 12px;
	padding-top:  8px;
	padding-left:  5px;
	color: #003c55;
	border-top:   1px solid #BFCED4;
	border-left:  1px solid #BFCED4;
}

ol.pdfoverview .dlsize {
	font-size: 9px;
	/*float: right;
	clear: left;*/
	padding: 2px;
	margin-left: 3px;
	margin-right: 2px;
	display: inline;
	background-color: #DEDEDE;
}



	
/*</group>*/

/*<group=Fusszeile und Suchmaschine>*/

p.copyrightnotice {border: none;}

#footer   {
	color: #666;
	font-size:           11px;
	line-height:         150%;
	background-color:    transparent;
	text-align:          center;
	padding: 0px 0 0px 0px;
	/*height: auto;*/
	width: 746px;
	bottom: 0px;
	margin: 50px 0px 0px 0px;
	display: block;
	float: none;
	clear: both;
}

#sluzzelin {
	color:           #fff;
	font-size:        10px;
	line-height:      10px;
	background-color: #7f9daa;
	/*visibility:       hidden;
	display: none;*/
	margin:           0 6px 0 0;
	padding:          2px;
	text-align:          center;
	visibility: hidden;
}

/* Sluzzelin ist ein DIV das Schluesselwoerter enthŕßlt aber ansonsten unsichtbar ist, dies ist der Freund der Suchmaschinen */

#footer p, #sluzzelin p {
	border-top: 1px dotted #003c55;
	padding-top: 16px;
	margin-left: 196px;
	margin-right: 10px;
}
	
/*</group>*/