/*******************************************************************************

Copyright	:		www.blumbeet.com	
		
MODIFIED BY			www.layouter.ch

*******************************************************************************/
 

 
/*	html
*******************************************************************************/
html * { 
	/*	
********min-height: 100%;
/*****************/
	margin-bottom: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
}

/*	undo
*******************************************************************************/
 
:link,:visited { 
	text-decoration: none;
}

ul,ol { 
}

h1,h2,h3,h4,h5,h6,pre,code { 
	font-weight: normal;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { 
	margin: 0;
	padding: 0;
}

img, a img,:link img,:visited img, fieldset { 
}

img { 
	margin: 0;
	padding: 0;
	border: none;
}

address { 
	
}

table { 
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

tr { 
	border: none;
	padding: 0px;
	margin: 0px;
}

td { 
	border: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

legend { 
	display: none;
}

body, div,p,li { 
	background-repeat: no-repeat;
}

/*	reset some basic style
*******************************************************************************/
dl { 
	margin: 0 0 0 0;
}

dl dt { 
	margin: 0 0 0 0;
}

dl dd+dt { 
	margin-top: 0;
}

dl dd { 
	margin: 0 0 0 0;
}

ol { 
	list-style: none;
}

ol li { 
	margin: 0 0 0 0;
}

ol li ol { 
	margin: 0 0 0 0;
}

ol li ul { 
	margin: 0 0 0 0;
}

p { 
	margin-bottom: 0em;
}

ul { 
	list-style: none;
}

ul li { 
	margin: 0 0 0 0;
}

ul li ul { 
	margin: 0 0 0 0;
	list-style: none;
}

ul li ol { 
	margin: 0 0 0 0;
}

pre { 
	font-size: 1.2em;
}

/*	body
*******************************************************************************/
body { 

	color: #A8ABAE;
	font-size: 11px;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}

.flLeft { 
	float: left;
}

.flRight { 
	float: right;
}

.flTop { 
	float: inherit;
	padding-top: 12px;
}

.boldred { 
	color: red;
	font-weight: bold;
}
.white { 
	color: #fff;
}
.yellow { 
	color: #E9D727;
}

strong { 
	color: #fff;
	font-weight: bold;
}

b { 
	color: #fff;
	font-weight: bold;
}

hr { 
	border-top: 1px dashed;
	color: #A8ABAE;
	border-bottom: 0px solid white;
	height:0px;
}

fieldset { 
	border: 0px;
}

/*	logo / breadcrumb / Languages 
*******************************************************************************/



#logo a { 
	display: block;
}



#breadcrumb  a, 
#breadcrumb  a:link { 
	color: #fff;
	font-size: 10px;
}

#breadcrumb  a:hover { 
	text-decoration: underline;
}

.langue { 
	position: absolute;
	top: 240px;
	left: 752px;
	color: #A8ABAE;
	padding-bottom: 0px;
	display: block;
	width: 200px;
	z-index: 2;
	height: 25px;
	font-size: 11px;
	font-weight: bold;
}

.langue a, 
.langue a:link { 
	color: #A8ABAE;
}

.langue a:hover { 
	text-decoration: none;
	color: #FFF;
}

/*	website
*******************************************************************************/
#website { 
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	color: #A8ABAE;
	font-size: 11px;
		/*	
*********height: 100%;
****/
}

/*	content
*******************************************************************************/


#content, #content2 { 
	display: block;
	clear: both;
	padding: 0 0 0 0;
}

* html #content, * html #content2 { 
	height: 1px;
}

#content { 
	position: absolute;
	z-index: 22;
	top: 285px;
	left: 0px;

}

#content2 { 
	width: 957px;
}
#main { 
	width: 480px! important; width:453px;
	margin-left:227px;
	display: block;
	min-height:260px;
	overflow:visible;
}

#main-block { 
	padding-top: 0px;
}

#main-block2 { 
}

#box-right {
	position:relative;
	float:right;
	width: 202px;
	z-index: 30;
	overflow:hidden;
}

/* Navi 
*******************************************************************************/
#mainnavi { 
	position: absolute;
	top: 241px;
	left: 45px;
	z-index: 15;
	width: 190px;
	height: 20px;
	z-index: 10;
}

.navroot { 
	font-size: 10px;
	font-weight: bold;
	list-style: none;
	font-family: verdana, arial, helvetica, sans-serif;
}

.navroot a { 
	float: left;
	color: #A8ABAE;
	text-decoration: none;
	border: none;
	padding: 0px 0px 4px 20px;
}

.navroot a.active { 
	color: #FFF;
}

.navroot a:hover { 
	color: #FFF;
}

#navigation { 
	float:left;
	width: 198px;
	margin-left:27px;
    top:3px;
	z-index: 30;
	position:absolute;
}

#navigation .navsub  { 
	padding: 0;
	font-weight: normal;
}

#navigation .navsub a, 
#navigation .navsub a:link { 
	line-height: 22px;
	color: #A8ABAE;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

#navigation .navsub a.active,  
#navigation .navsub a.active:link,
#navigation .navsub a:hover { 
	color: #E9D727;
	text-decoration: none;
	height: 18px;
	padding-top: 4px;
}

#navigation .navsub a:hover { 
	background-repeat: no-repeat;
	background-position: left center;
	height: 18px;
	padding-top: 4px;
}

#navigation .navsub2 a, 
#navigation .navsub2 a:link { 
	line-height: 19px;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin-left: 18px;
	height: 17px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}

#navigation .navsub2 a.active,  
#navigation .navsub2 a.active:link { 
	color: orange;
	text-decoration: none;
	height: 17px;
	padding-top: 4px;
}

#navigation .navsub2 a:hover { 
	color: #E9D727;
	height: 17px;
	padding-top: 4px;
}

.open { 
	color: #FFF;
}
.open a { 
	color: #FFF;
}

#main-block .open { 
	color: #A8ABAE;
}
#box-right .open { 
	color: #A8ABAE;
}

/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */


#main-block h1 { 
	color: #E9D727;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 12px;
	line-height: 28px;
}
#box-right h1 { 
	color: #E9D727;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 12px;
	line-height: 28px;
}

.teaser h1 { 
	font-size: 15px;
}

/* Headline 2 */
#main-block h2 { 
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 0px;
}
#box-right h2 { 
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 7px;
	padding-top: 0px;
}

/* Headline 3 */
#main-block h3 { 
	color: #E9D727;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 0;
	line-height: 15px;
}
#box-right h3 { 
	color: #E9D727;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 0;
	line-height: 15px;
}
#main-block h4 { 
	color: #fff;
	font-weight: normal;
	font-size: 11px;
}
#box-right h4 { 
	color: #fff;
	font-weight: normal;
	font-size: 11px;
}
#main-block h5 { 
    color: #E9D727;
	font-weight: normal;
	font-size: 11px;
}
#box-right h5 { 
    color: #E9D727;
	font-weight: normal;
	font-size: 11px;
}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol { 
	line-height: 18px;
	margin-bottom: 15px;
}
#box-right p,
#box-right ul,
#box-right ol { 
	line-height: 18px;
	margin-bottom: 15px;
}

#main-block ul,
#main-block li,
#main-block ol { 
	list-style-position: outside;


}
#box-right ul,
#box-right li,
#box-right ol { 
	list-style-position: outside;

}

#main-block  li,
#box-right  li {
	margin-bottom: 10px;
	text-align: left;
}

#main-block ul,
#box-right ul { 
	list-style-position: outside;
	list-style-type: circle;
		margin-left:16px;
}

#main-block ol,
#box-right ol {
	list-style-type: decimal;
	margin-left:16px;
	list-style-position: outside;
}

/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link { 
	color: #A8ABAE;
	text-decoration: underline;
}
#box-right a, #box-right a:link { 
	color: #A8ABAE;
	text-decoration: underline;
}

#main-block a:hover { 
	color: #fff;
	text-decoration: none;
}
#box-right a:hover { 
	color: #fff;
	text-decoration: none;
}
.warning, 
#main-block .warning a { 
	color: #f00;
}

#box-right .warning a{ 
	color: #f00;
}

.warning, .warning a, .warning a:link, .warning a:visited { 
	color: #f00;
	font-weight: bold;
}

.warning a:hover { 
	color: #fff;
}
.versteckt
{ 
	display: none;
}

/* CSS-Klasse für das anhängen eines symbols zur kennzeichnung bei externen Links
------------------------------------------------------------------------------*/
.extern{}



/*	Images
------------------------------------------------------------------------------*/
#main-block div.image { 
	margin-bottom: 0px;
}

#main-block div.image p { 
	margin-bottom: 4px;
	font-size: 10px;
}

#main-block div.flLeft { 
	margin-right: 16px;
}

#main-block div.flRight { 
	margin-left: 16px;
}

#main img { 
	border: 1px solid #FFFFFF;
}
#main div.top img{ 
	border: 0px solid #FFFFFF;
}
.top img.a{ 
	border: 0px solid #FFFFFF;
}
#box-right img { 
	border: 1px solid #FFFFFF;
	margin-top: 0px;
	margin-bottom: 3px;
}


#main-block .download-file img { 
	border: 0px solid #393;
	padding-right: 7px;
	height:20px;
	vertical-align: bottom;
}

/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.

Code: 

*/ 
/* Definition der Klassen ohne Rahmen*/ 

#main-block .pleft,
#box-right .pleft {
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 6px;
	vertical-align: text-bottom;
	border: none;
}
#main-block .pleft,
#box-right .pleft {
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 6px;
	vertical-align: text-bottom;
	border: none;
}
#main-block .pright,
#box-right .pright {
	float: right;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 6px;
	vertical-align: text-bottom;
	border: none;
}
.pnormal {
	clear: both;
	border: none;
}


/* Definition der KLassen mit  Rahmen */

#main-block .pleft_b,
#box-right .pleft_b {
	float: left;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 6px;
	vertical-align: text-bottom;
    border: 1px solid #fff;
}
#main-block .pright_b,
#box-right .pright_b {
	float: right;
	margin-top: 0px;
	margin-left: 16px;
	margin-bottom: 6px;
	vertical-align: text-bottom;
	border: 1px solid #fff;
}
#main-block .pnormal_b,
#box-right .pnormal_b {
	clear: both;
	border: 1px solid #fff;
}

/*	footer
------------------------------------------------------------------------------*/
.footer { 
	display: block;
	width: 930px;
	margin-top: 30px;
	padding: 20px 0px;
	font-size: 10px;
	clear: both;
	margin-left: 26px;
		color: #fff;
}


.col-left { 
	float: left;
	width: 195px;
	margin-top: 7px;
	margin-left:4px;
}
.col-left a { 
	text-decoration: none;
	color: #fff;
}



.col-right a { 
	color: #FF0000;
	text-decoration: underline;
}

.footer a:hover { 
	text-decoration: underline;
		color: #FF0000;
}





/*	Sitemap
*******************************************************************************/

#sitemap { 
	float: left;
	display:block;

}

#sitemap li { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;
	line-height: 18px;
	padding-right: 4px;
	margin-left:16px;
	margin-bottom: 2px;
}
#sitemap ul { 

	margin-left:0px;

}

#sitemap .langsitemap { 
	float: left;
	list-style: none;
	list-style-image: none;
	text-decoration: none;
	font-weight: normal;
	color: #FF0000;
	margin: 0px;
}

#sitemap .langsitemap a { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;
}

#sitemap .sitemaplevel1 ul { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;
	margin: 0px;
}

#sitemap .sitemaplevel1 li a.level1 { 
	list-style: circle;
	list-style-image: none;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	
}

#sitemap .sitemaplevel2 ul { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;
	margin-left: 0px;
}
#sitemap .sitemaplevel3 ul { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;
	margin-left: 0px;
}

#sitemap .sitemaplevel2 li a.level2 { 
	list-style: none;
	list-style-image: none;
	margin-top: 0px;
	margin-left: 0px;
	color: #fff;
}

#sitemap .sitemapartikel ul { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;

}

#sitemap .sitemapartikel li {
	list-style-image: none;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	list-style-type: none;	
}

#sitemap .sitemapartikel a { 
	list-style: none;
	list-style-image: none;
	text-decoration: none;
}

/*	login form
------------------------------------------------------------------------------*/
.login { 
	margin: 0 0 10px 0;
	width: 170px;
	border: 0px solid #606060;
	color: #fff;
}

.login2 { 
	padding: 5px 0 5px 0px;
}

.login2 div { 
	border: 0px solid #606060;
}

.login label { 
	display: block;
	clear: both;
	margin-top: 5px;
	border: 0px solid #606060;
}

.login input { 
	float: left;
	margin: 5px 0px;
	height: 17px;
	width: 130px;
	border: 0px solid #606060;
	background-color: #868A8D;
}

.login input:hover { 
	background-color: #fff;
}

.login input:focus { 
	background-color: #fff;
}

.login input.submit { 
	border: 1px solid #606060;
	background-color: #868A8D;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	width: 90px;
}

.login input.submit:hover { 
	border: 1px solid #000;
	background-color: #fff;
	color: red;
	text-decoration: none;
	cursor: pointer;
}

/* form-module
*******************************************************************************/

#form-module * { 
	padding: 0px;
	margin: 0px;
	border: 0px solid #333;
}

#form-module { 
	margin: 0px;
	padding: 0px;
	width: 520px;
	font-family: verdana, arial, helvetica, sans-serif;
}

#form-module fieldset { 
	border: 0px solid #fff;
}

#form-module legend { 
	display: none;
}

#form-module p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#form-module .element { 
	display: block;
	clear: both;
	border-top: 0px solid #fff;
}

#form-module label { 
	display: block;
	float: left;
	padding: 5 5 5 0px;
	width: 120px;
	border-right: 0px solid #fff;
}

#form-module label.checkbox { 
	width: 372px;
	border-left: 0px solid #fff;
	border-right: none;
}


#form-module input, 
#form-module select, 
#form-module textarea { 
	float: left;
	margin: 5px;
	width: 295px;
	border: 0px solid #333;
	font-size: 11px;
	padding: 2px;
	padding-left: 0px;
	color: #000;
	background-color: #868A8D;
}

input, 
select, 
textarea { 
	margin: 2px;
	width: 295px;
	border: 0px solid #333;
	font-size: 11px;
	padding: 2px;
	padding-left: 0px;
	color: #000;
	background-color: #868A8D;
}

#form-module input:hover, 
#form-module select:hover, 
#form-module textarea:hover,
#form-module input.text:hover { 
	background-color: #fff;
}
input:focus, 
select:focus, 
textarea:focus,
label:focus,
input:focus { 
	background-color: #fff;
}
input:hover, 
select:hover, 
textarea:hover,
input:hover { 
	background-color: #fff;
}
input:active, 
select:active, 
textarea:active,
input:active { 
	background-color: #fff;
}

#form-module input.text { 
	height: 20px;
	padding: 2px;
	color: #000;
	background-color: #868A8D;
}

input { 
	height: 20px;
	padding: 2px;
	color: #000;
	background-color: #868A8D;
}

#form-module input.checkbox { 
	width: 120px;
	padding: 2px;
	border: 0px solid orange;
	background-color: #303038;
}

#form-module input.submit { 
	margin: 5px 0px 5px 137px;
	padding: 2px 0px;
	border: 1px solid #333;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	width: 150px;
}

#form-module input.submit:hover { 
	background-color: #f7f7f7;
	color: red;
	border: 1px solid #333;
}

input.submit:hover { 
	background-color: #f7f7f7;
	color: red;
}

#form-module label.textarea, 
#form-module textarea.textarea { 
	height: 96px;
}

#form-module-thanks { 
	display: block;
	color: #E9D727;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p { 
	margin: 0px;
}

#main-block .download-hdl p { 
	padding:  0px;
	border-top: 0px dashed;
	font-weight: bold;
	
}

#main-block .download-file { 
	padding:  0px;
	border-top: 0px dashed;
	border-left: 0px solid #393;
	border-right: 0px solid #393;
}


#main-block .download-desc { 
	margin-bottom: 0px;
	padding: 0px;
	border-left: 0px solid #393;
	border-right: 0px solid #393;
	border-bottom: 0px solid #393;
}

#main-block .download-without-desc { 
	margin-bottom: 0px;
	border-top: 0px dashed;
}
/* Anführungszeichen
*******************************************************************************/

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

q:before { content:open-quote; }
q:after { content:close-quote;  }
q q:before { content:open-quote;  }
q q:after { content:close-quote; }


/* form-exhibitor
*******************************************************************************/
#form-exhibitor * { 
	padding: 0px;
	margin: 0px;
	border: 0px solid #333;
}

#form-exhibitor { 
	margin: 0px;
	padding: 0px;
	width: 520px;
	font-family: verdana, arial, helvetica, sans-serif;
}

#form-exhibitor fieldset { 
	border: 0px solid #fff;
}

#form-exhibitor legend { 
	display: none;
}


#form-exhibitor p { 
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
}

#form-exhibitor h2 {
	padding:1em 0 1em 0;
}

#form-exhibitor .element { 
	display: block;
	clear: both;
	border-top: 0px solid #fff;
}

#form-exhibitor label { 
	display: block;
	float: left;
	padding: 0px;
	width: 120px;
	border-right: 0px solid #fff;
}
#form-exhibitor label.checkbox { 
	width: 372px;
	border-left: 0px solid #fff;
	border-right: none;
}

#form-exhibitor label.checkboxinner {
	width:372px;
	border-left:0px solid #fff;
	border-right:none;
}

#form-exhibitor input, 
#form-exhibitor select, 
#form-exhibitor textarea { 
	float: left;
	margin: 5px;
	width: 295px;
	border: 0px solid #333;
	font-size: 11px;
	padding: 2px;
	padding-left: 0px;
	color: #000;
	background-color: #868A8D;
}
#form-exhibitor input:focus,
#form-exhibitor select:focus,  
#form-exhibitor textarea:focus, #form-exhibitor textarea:focus {
	background-color: #EFEEEE;
 	border:  1px solid #000;

}

#form-exhibitor input:hover, 
#form-exhibitor select:hover, 
#form-exhibitor textarea:hover,
#form-exhibitor input.text:hover { 
	background-color: #fff;
}

#form-exhibitor input.text { 
	height: 25px;
	padding: 2px;
	color: #000;
	background-color: #868A8D;
}

#form-exhibitor input.textshort {
	width:30px;
}

#form-exhibitor input.textshortdisabled {
	display:none;
	float:none;
	width:50px;
	border:none;
}

#form-exhibitor input.checkbox { 
	width: 120px;
	padding: 2px;
	border: 0px solid orange;
	background-color: #303038;
}

#form-exhibitor input.checkboxinner {
	width:30px;
	padding:0;
	margin:0 0 0 123px;
	border:none;
}

#form-exhibitor input.submit { 
	margin: 5px 0px 5px 125px;
	padding: 2px 0px;
	border: 1px solid #333;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	width: 100px;
}

#form-exhibitor input.submit:hover { 
	background-color: #f7f7f7;
	color: red;
	border: 1px solid #333;
}

#form-exhibitor label.textarea, 
#form-exhibitor textarea.textarea {
	height:96px;
}

#form-exhibitor-thanks { 
	display: block;
	color: #666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em;
}

.el_left {
	display:block;
	float:left;
	padding:0px;
	width:50%;
	border-bottom:1px solid black;
}

.el_right {
	display:block;
	width:50%;
	float:right;
	border-bottom:1px solid black;	
}

.el_left_place {
	padding-top:30pt;
	margin-top:30pt;
	padding-bottom:10pt;
	height:30pt;
	width:50%;
	border-bottom:1px solid black;
}

.el_right_stamp {
	padding-top:30pt;
	margin-top:30pt;
	height:30pt;
	width:50%;
	border-bottom:1px solid black;
}

.justforprint h2 {
	font-size:9pt;
	padding-top:20pt;
	orphans:5;
}

div.onearticle  {
	font-size:6pt; 
	line-height:130%;
	padding:1em 0;
} 

.noprintpage { display:none; }

.onearticle ul {
	list-style-image: none;
	list-style-position: inside;
}

.onearticle li {
	list-style-image: none;
	list-style-position: inside;	
}

.justprintnewpage {
	page-break-before:always;
}??