/*  Minimize HTTP requests by having the screen and print rules in one file  */
@media screen {
	/*
	 * Notes:
	 * - the top part(#header) and bottom (#footer) need to be visible at all times so they're positioned absolutely: position:fixed.
	 *   This allow the page to resize and we'll have scroll bars only for the content. The content will adjust it's height when
	 *   page is resized. The content is padded at the top and bottom so it displays between the header and footer.
	 */
	body        { margin:0; padding:0; background:#fff; background:url(img/bg/background-body.gif) 25px top repeat-y #fff;
				font-family:Arial, Helvetica, sans-serif; font-size:0.70em; color:#000000; }
	table       { margin:0; padding:0; border-collapse:collapse; }
	table tr td { margin:0; padding:0; vertical-align:top; text-align:left; }
	table tr th { text-align:left; }
	h1          { margin:0; padding:0; }
	h2          { padding:0; margin:0; font-weight:bold; }
	img         { margin:0; padding:0; border-style:none; }
	a           { color:#000; text-decoration:none; }
	
ul {
	margin:10px 0; 
	padding:0px;
	margin-left:13px;
}
ul li { 
	margin:0px; 
	padding:0px; 
}
	
	/*  HEADER  */
	/* Notes:
	 *  - only the links to set font-size get absolute font sizes (in px) so they look the same in all 3 font-sizes.
	 *    All other font-sizes must be relative.
	 */
	#header                                   { position:fixed; top:0; width:100%; height:124px;
												background:url(img/bg/background-top.gif) top left repeat-x #fff; }
	#header #header-logo                      { line-height:0px;  }
	#header #header-bar                       { width:916px; background:url(img/logos/top_logo_bar.gif) top left no-repeat; height:17px;  }
	#header #header-bar #web                  { padding-left:10px; }
	#header #header-bar #select-style         { padding-right:8px; text-align:right; }
	#header #header-bar #select-style *       { padding:0 1px; } /*  Set padding for all children of the select element (it's easier like this)  */
	#header #header-bar #select-style #large  { font-size:15px; }
	#header #header-bar #select-style #normal { font-size:12px; }
	#header #header-bar #select-style #small  { font-size:9px;  }
	#header, #header a                        { color:#fff; }
	
	
	/*  CONTENT  */
	/*
	 * Notes:
	 *  - #menu min-height  the side logo is visible even if the content is too small
	 *  - #menu font-family the menu has a different font
	 */
	#content                     { width:916px; padding:124px 0 70px 0; vertical-align:top; }
	#content #section-image      { width:916px; line-height:0px; border-bottom:solid 1px #000; }
	#content #content-holder     { width:100%; }
	#content #left               { width:212px; background:url(img/logos/logo-side.gif) top left no-repeat;
									font-family:Verdana, Arial, Helvetica, sans-serif; }
	#content #left #menu         { min-width:114px; min-height:365px; margin-left:70px; margin-top:25px; }
	#content #left #menu a       { display:block; margin-bottom:5px; color:#000000; text-decoration:none; }
	#content #left #submenu      { padding-bottom:10px; }
	#content #left #subsubmenu   { padding-left:30px; }
	#content #left #menu a.selected,
	#content #left #menu a:hover { color:#F9A61A; }
	#content #right              { padding:25px 0 25px 25px; }
	#content #right #title-img   { margin-bottom:10px; }
	#content #right #text        { width:350px; padding-left:90px; line-height:2em; }
	#content #right #text2       { width:400px; padding-left:90px; line-height:2em; }
	.link                        {color: #747474; text-decoration: underline;}
	.ue							 {color: #f9a61a; font-size:14px; font-weight: bold;}
	
	#kontakt {
		margin-top:20px;
		margin-bottom:20px;	
		margin-left:100px;
	}
	#kontakt td {
		padding:2px;	
		text-align: left;
		line-height:17px;
	}

	/*  FOOTER  */
	#footer            { position:fixed; height:84px; width:100%; bottom:0; background:#000; color:#fff; }
	#footer #address   { width:916px; text-align:right; }
	#footer #copyright { font-size:smaller; padding:5px 0 0 5px; }
	#footer #vlk { font-size:smaller; padding:0px 0 0 5px; text-align:right;}
	#footer a          { color:#fff; }
	#footer .highlight,
	#footer #address a { color:#F9A61A; }
	
	
	.items_per_rows        { width:597px; margin-left:90px; }
	.items_per_rows .image { width:112px; height:111px; line-height:0px; border-bottom:solid 2px #FFFFFF; }
	.items_per_rows .title { width:176px; height:101px; padding:10px 0px 0px 20px; background-color:#FEEDD1; border-width:0px 2px 2px 2px;
							border-style:solid;	border-color:#FFFFFF; line-height:150%; }
	.items_per_rows .info  { width:305px; height:101px; padding:10px 0px 0px 20px; background-color:#CCCCCC;
							border-bottom: solid 2px #FFFFFF; text-align:left; line-height:130%; } 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	body#popup {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		background-color: #FFFFFF;
		color: #000000;
	}
	
	#popup-area-logo {
		display: block;
		position: absolute; left: 0px; top: 0px;
		margin: 0px;
		padding: 0px;
		width: 460px;
		height: 92px;
		background-color: #F9A61A;
	}
	
	#popup-area-menu {
		display: block;
		position: absolute; left: 0px; top: 92px;
		margin: 0px;
		padding: 0px;
		width: 460px;
		height: 15px;
	}
	
	popup #menu {
		display: block;
		margin: -2px 0px 0px 7px;
		padding: 0px;
	}
	
	popup #menu a {
		color: #000000;
		margin: 0px 3px 0px 3px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		text-transform: uppercase;
	}
	
	popup #menu a:link { color: #000000; text-decoration: none; }
	popup #menu a:visited { color: #000000; text-decoration: none; }
	popup #menu a:hover { color: #F9A61A; text-decoration: none; }
	
	#popup-area-image {
		display: block;
		position: absolute; left: 0px; top: 107px;
		margin: 0px;
		padding: 0px;
		width: 460px;
		height: 307px;
	}
	
	#popup-area-content {
		display: block;
		position: absolute; left: 0px; top: 414px;
		margin: 0px;
		padding: 0px;
		width: 460px;
		height: 223px;
		overflow: auto;
	}
	
	#popup-area-content .content {
		display: block;
		position: absolute; left: 35px; top: 22px;
		width: 280px;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		line-height: 220%;
	}
	
	#popup-area-bottom {
		display: block;
		position: absolute; left: 0px; top: 627px;
	 	margin: 0px;
		padding: 0px;
		width: 460px;
		height: 73px;
		background-image: url(images/popup/background_bottom.gif);
		background-repeat: no-repeat;
	}
	
	#popup-area-bottom .text {
		display: block;
		position: absolute; right: 73px; top: 26px;
		margin: 0px;
		padding: 0px;
		text-align: right;
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #FFFFFF;
		line-height: 1.2em;
	}
	
	#popup-area-bottom .text a { color: #F9A61A; text-decoration: none; }
	
	.orange { color: #F9A61A; }
}


@media print {
}