.sourcecode
{
	background-color: #eee;
	display: block;
    overflow: auto;
    white-space: pre;
    font-family: Courier New;
    font-size: 11px;
}

body, table, td
{
	margin: 0;
	padding: 0;
	font-family: Verdana,Trebuchet MS, sans-serif;
	font-size: 11px;
	line-height: 20px;	
}

pre
{
	overflow: auto;
	white-space: normal;
	font-family: Verdana,Trebuchet MS, sans-serif;
	font-size: 11px;
}

hr
{
	color: #CBCBCB;
	height: 1px;
}

input, select
{
	height:16px;
	font-size: 11px;
	color: #000000;
	border: solid 1px #BBBBBB;
	font-family: Verdana,Trebuchet MS, sans-serif;
}

textarea
{
	font-size: 11px;
	color: #000000;
	border: solid 1px #BBBBBB;
	font-family: Verdana,Trebuchet MS, sans-serif;
}

.button, input.button
{
	height: 20px;
	font-size: 11px;
	border: solid 1px #BBBBBB;
	background: #DDDDDD;
	color: #000000;
	font-family: Verdana,Trebuchet MS, sans-serif;
}

input.noborder, .noborder input
{
	height: 15px;
	line-height: 15px;
	border: 0;
	margin: 0;
	padding: 0;
}

label
{
	margin: 0;
	padding: 0 2px 0 2px;
	height: 13px;
	line-height: 13px;
}

/* link*/

a
{
	text-decoration: underline;
}

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

/* Kontakt */
.error
{
	color: #FF0000;
}


/* navigation */

#navigation
{
	background-image: url(../images/all/nav_px.gif) repeat-x;
	height: 30px;
}

#navigation ul
{
	list-style-type: none;
	font-family: Verdana, Trebuchet MS;
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0;
	margin: 10px 0px 0px 9px;
}

#navigation li {
	padding-right: 5px;
	display: inline;
	text-decoration: none;
}


#navigation li a {
	padding: 4px 6px 3px 6px;
	color: #000000;
	text-decoration: none;
}

#navigation li a:active {
	color: #FFFFFF;
}

#navigation li a:hover
{
	background-color: #DEDEDE;
}

.navigationactive
{
	color: #FFFFFF;
}

/* search */

.search
{
	background-image: url(../images/all/nav_px.gif);
	background-repeat: repeat-x;
	height: 30px;
	padding-bottom: 3px;
	vertical-align: bottom;
	text-align: right;
}

.search input
{
	color: #666666;
	border: solid 1px #666666;
}


/* leftnavigation */


#leftnavigation
{
	width: 169px;
	vertical-align: top;
}

#leftnavigation ul
{
	margin: 0;
	padding-top: 10px;
	padding-left: 0px;
	list-style-type: none;
	font-family: Verdana, Trebuchet MS;
	font-size: 11px;
	line-height: 20px;
}

#leftnavigation li
{
	margin: 0;
	padding: 0;
	height: 20px;
	list-style-type: none;
}


#leftnavigation li a, #leftnavigation li a:visited
{
	display: block;
	padding-left: 15px;
	text-decoration: none;
	color: #000000;
	height: 20px;
}

#leftnavigation li a:active
{
	color: #000000;
}

#leftnavigation li a:hover
{
	background-color: #EEEEEE;
}




/* topnavigation */

a.topnavigation 
{
	height: 10px;
	padding: 0;
	font-family : Verdana, Trebuchet MS;
	font-size : 10px;
	line-height: 20px;
	color: #ffffff;
	text-decoration: none;
	padding: 0;
	margin: 0;	
	
}

a.topnavigation:hover
{
	padding: 0;	
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE;
	margin: 0;	
}

a.topnavigationactive, a.topnavigationactive:hover
{
	height: 10px;
	font-family : Verdana, Trebuchet MS;
	font-size : 10px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	margin: 0;	
}

/* body /row / cell */

.bodycontent
{
	padding-top: 24px;
}

.startcellall
{
	width: 670px;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

.startcellleft
{
	width: 221;
	padding-left: 15px;
	padding-right: 2px;
	vertical-align: top;
}

.startcellcenter
{
	width: 220;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}

.startcellright
{
	width: 221;
	padding-right: 15px;
	padding-left: 2px;
	vertical-align: top;
}

.startcellrightlong
{
	width: 445;
	padding-right: 15px;
	padding-left: 2px;
	vertical-align: top;
}

.startcelllefttlong
{
	width: 445;
	padding-left: 15px;
	padding-right: 2px;
	vertical-align: top;
}

.contentrow
{
	width: 510px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}

.contentcellleft
{
	width: 167;
	padding-left: 10px;
	padding-right: 2px;
	vertical-align: top;
}

.contentcellcenter
{
	width: 167;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: top;
}

.contentcellright
{
	width: 168;
	padding-right: 10px;
	padding-left: 2px;
	vertical-align: top;
}

.contentcellrightlong
{
	width: 339;
	padding-right: 10px;
	padding-left: 2px;
	vertical-align: top;
}

.contentcelllefttlong
{
	width: 338;
	padding-left: 10px;
	padding-right: 2px;
	vertical-align: top;
}

.contactcellleft
{
	width: 98px;
	padding-left: 10px;
	padding-right: 2px;
	vertical-align: top;
}

.contactcellrightlong
{
	width: 408px;
	padding-right: 10px;
	padding-left: 2px;
	vertical-align: top;
}

.keycellcenter
{
	width: 168px;
	padding: 0 15px 0 15px;
	vertical-align: top;
}

.imagenavigation
{
	background-image: url(../images/all/nav_px.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
}

/* ROWCONTROLS */

.image_left
{
	float: left;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
}

.image_right
{
	float: right;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.distanceforline
{
	height: 5px;
}

.line
{
	height: 1px;
	line-height: 1px;
	background-color: #EEEEEE;
}

.rowpadding
{
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
}


/* key */


.keyarea
{
	width: 199px;
	vertical-align: top;
	padding-top: 10px;
	font-family: Verdana, Trebuchet MS;
	font-size: 11px;
	line-height: 15px;
}

.keynewstable
{	
	font-size: 10px;
	font-family: Verdana,Trebuchet MS, sans-serif;
	line-height: 16px;
	color: #000000;
}

.keynewsheader
{	
	font-size: 10px;
	text-decoration: underline;
	font-family: Verdana,Trebuchet MS, sans-serif;
	line-height: 16px;
	color: #666666;
}

.keynewsfooter
{	
	font-size: 10px;
	text-decoration: underline;
	font-family: Verdana,Trebuchet MS, sans-serif;
	line-height: 16px;
	text-decoration: underline;
	color: #666666;
}

.keynewstext
{	
	font-family:Verdana;
	font-size: 10px;
}

.listnewstable
{
}

.listnewsheader
{	
}

.listnewsfooter
{	
}

.listnewstext
{	
}


/* background*/

.bggrey
{
	background-color: #EEEEEE;
}

/*  LIST */

.List 
{
	position: relative;
	width: 100%;	
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
} 

.List a, .List a:visited
{
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
}

.List a:hover 
{
	font-size: 13px;
	line-height: 16px;
}

.List a.keylink, .List a.keylink:visited
{
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
}

.List a.keylink:hover 
{
	font-size: 11px;
	line-height: 15px;
	text-decoration: underline;
}

.List .date
{
	font-size: 11px;
	line-height: 15px;
}

/* need margin not padding, because just img tag not div around */
.List .topimage140
{
	margin-right: 10px;
	margin-top: 1px;
	width: 140px;
	float: left;
}  

.List .topimage65
{
	margin-right:10px;
	margin-top: 1px;
	float: left;
	width: 65px;
}

.List .topimageleft
{
	margin-right: 10px;
	margin-top: 1px;
	margin-bottom: 5px;
	float: left;
}

.List .topimageright
{
	margin-left: 10px;
	margin-top: 1px;
	margin-bottom: 5px;
	float: right;
}

/* page style*/

.headline
{
	font-family: Verdana, Trebuchet MS ;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	margin: 0 0 10px 0;
	width: 100%;	
}

.listheadline, .listheadline a, a.listheadline, .listheadline a:visited, a.listheadline:visited
{
	font-family: Verdana, Trebuchet MS ;
	font-size: 22px;
	line-height: 25px;
	height: 25px;
	text-decoration: none;
}

.listheadline a:hover, a.listheadline:hover
{
	font-family: Verdana, Trebuchet MS ;
	font-size: 22px;
	line-height: 25px;
	height: 25px;
	text-decoration: underline;
}

.borderheadline
{
	font-family: Verdana, Trebuchet MS ;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	border-bottom: 1px solid #CBCBCB;
	margin: 0 0 10px 0;
	width: 100%;
}

.systemheadline, .systemheadline a, a.systemheadline, .systemheadline a:visited, a.systemheadline:visited
{
	font-size: 13px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	font-weight: bold;
}

.systemheadline a:hover, a.systemheadline:hover
{
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	font-weight: bold;
}

.paddingheadline
{
	padding: 3px 0 3px 0;
}

.paddingkeyheadline
{
	padding: 1px 0 1px 0;
}

.articleheadline
{
	font-size: 23px;
	line-height: 30px;
	height: 35px;
}

.date
{
	font-size: 11px;
	line-height: 15px;
}

.contentarticle
{
	font-size: 14px;
	line-height: 20px;	
}

.contentarticle a, .contentarticle a:visited
{
	font-size: 14px;
	line-height: 18px;	
	text-decoration: none;
}

.contentarticle a:hover
{
	font-size: 14px;
	line-height: 18px;	
	text-decoration: underline;
}

.keyarticle
{
	font-size: 12px;
	line-height: 17px;
	color: #000000;
}


/* keylink*/

.keyheadline, .keyheadline a, a.keyheadline, .keyheadline a:visited, a.keyheadline:visited
{
	font-family: Verdana, Trebuchet MS,;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.keyheadline a:hover, a.keyheadline:hover
{
	font-family: Verdana, Trebuchet MS,;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.borderkeyheadline
{
	font-family: Verdana, Trebuchet MS,;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #CBCBCB;
}

.keylink a
{
	text-decoration: underline;
}

.keylink a:active, a:hover.keylink
{
	text-decoration: underline;
	color: #666666;
}


/* footer */
.footer
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}


.footer a
{
	text-decoration: underline;
	color: #FFFFFF;
}

.footer a:hover, .footer a:active, a.footeractive:hover, .footer a.footeractive:visited
{
	background-color: #FFFFFF;
	padding: 2px 0px 1px 0px;
	text-decoration: none;
}


/* Grey Box 167 px*/
#greybox1
{
	width: 157px;
	margin: 5px 7px 5px 15px;
	background: url(../images/all/alato_middle_157.gif) repeat-y;
}

#greybox2
{
	width: 157px;
	margin: 5px 7px 5px 7px;
	background: url(../images/all/alato_middle_157.gif) repeat-y;
}

#greybox3
{
	width: 157px;
	margin: 5px 15px 5px 8px;
	background: url(../images/all/alato_middle_157.gif) repeat-y;
}

#greybox1 div#headertop1, #greybox2 div#headertop2, #greybox3 div#headertop3
{
	height: 8px;
	background: url(../images/all/alato_top_157.gif) no-repeat;
	font-size: 2px;
}

#greybox1 div#headermiddle1, #greybox2 div#headermiddle2, #greybox3 div#headermiddle3
{
	width: 157px;
	padding-left:5px;
	padding-right: 5px;
}

#greybox1 div#headerfooter1, #greybox2 div#headerfooter2, #greybox3 div#headerfooter3
{
	height: 8px;
	background: url(../images/all/alato_bottom_157.gif) no-repeat;
	font-size: 2px;
}

/* Grey Box 234 px*/

#startgreybox1
{
	width: 214px;
	margin: 5px 7px 5px 15px;
	background: url(../images/all/alato_middle_214.gif) repeat-y
	
}

#startgreybox2
{
	width: 214px;
	margin: 5px 7px 5px 7px;
	background: url(../images/all/alato_middle_214.gif) repeat-y
	
}

#startgreybox3
{
	width: 214px;
	margin: 5px 15px 5px 7px;
	background: url(../images/all/alato_middle_214.gif) repeat-y
	
}

#startgreybox1 div#starttop1, #startgreybox2 div#starttop2, #startgreybox3 div#starttop3
{
	height: 8px;	
	background: url(../images/all/alato_top_214.gif) no-repeat;
	font-size: 2px;
}

#startgreybox1 div#startmiddle1, #startgreybox2 div#startmiddle2, #startgreybox3 div#startmiddle3
{
	width: 204px;
	margin-left: 5px;
	margin-right: 5px;
}

#startgreybox1 div#startfooter1, #startgreybox2 div#startfooter2, #startgreybox3 div#startfooter3
{
	height: 8px;
	background: url(../images/all/alato_bottom_214.gif) no-repeat;
	font-size: 2px;
}

/* Grey Box 500 px*/

#greybox500
{
	width: 510px;
	margin: 5px 5px 5px 15px;
	background: url(../images/all/alato_middle_500.gif) repeat-y;
}

#greybox500 div#top500
{
	height: 8px;
	background: url(../images/all/alato_top_500.gif) no-repeat;
	font-size: 2px;
}

#greybox500 div#middle500
{
	width: 500px;
	padding-left:5px;
	padding-right: 5px;
}

#greybox500 div#footer500
{
	height: 8px;
	background: url(../images/all/alato_bottom_500.gif) no-repeat;
	font-size: 2px;
}

/* Grey Box 670 px*/

#greybox670
{
	width: 670px;
	margin: 5px 15px 5px 15px;
	background: url(../images/all/alato_middle_670.gif) repeat-y;
}

#greybox670 div#top670
{
	height: 8px;
	background: url(../images/all/alato_top_670.gif) no-repeat;
	font-size: 2px;
}

#greybox670 div#middle670
{
	width: 660px;
	margin-left: 5px;
	margin-right: 5px;

}

#greybox670 div#footer670
{
	
	height: 8px;
	background: url(../images/all/alato_bottom_670.gif) no-repeat;
	font-size: 2px;
}