body,h1,h2,h3,h4,h5,h6,p,img,form,fieldset,ul,ol { margin: 0; padding: 0; border: 0; }

body { font: normal 70%/1.6em Verdana, Arial, Tahoma, sans-serif; background: #183877; color: #4c4c4c; }

h1 { font: normal 2.1em Tahoma; margin: 0; padding: 0 0 4px 0; color: #112753;}
caption,h2 { font: bold 1.4em Verdana, Arial, Tahoma; padding: 5px 0px 0px 0px; margin: 0px; text-align: left; color: #112753;}
h3 { font: bold 1.2em Verdana, Arial, Tahoma; margin: 0; padding: 10px 0 3px 0; margin: 0px; text-align: left; color: #112753;}
p { margin: 0 0 8px 0; }

a { color: #112753; }
a:hover { text-decoration: none; }
h1 a { text-decoration: none; }

form { padding: 0 0 20px 0; }
	form .comment { padding: 0; position: relative; top: -2px; width: 400px; line-height: 1.2em; }
	form .mandatory { padding: 0 3px 0 0; }
	fieldset {  }
	legend { padding: 0; font: 500 1.6em Tahoma, Verdana, Arial, sans-serif; color: #fff; display:none; }
	label { display: block; font-weight: normal; padding-top: 4px; clear: both; }
	label span { font-weight: normal; position: relative; top: -3px; left: 5px;}
	label.list { padding: 0; clear: both;}
	
	input, textarea, select { color: #000; }
	select { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	input { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 300px; display: block; }
	input[type="hidden"] { display: none; }
	input:hover, textarea:hover, select:hover { border-color: #666; }
	input:focus, textarea:focus, select:focus { border-color: #666; }
	input.error, textarea.error, select.error { border-color: #f00; }
	textarea { font: 1em Tahoma, Verdana, Arial, sans-serif; border: 1px solid #999; padding: 4px; width: 400px; height: 10em; display: block; overflow: auto;}
	label input { background: 0; padding: 0; margin: 0; border: 0; width: auto; display: inline; }
	
	.button-row { padding-top: 10px; }
	button { font: 1em Tahoma, Verdana, Arial, sans-serif; padding: 2px 5px; margin-top:10px;}
	
	.form-group { float: left; width: 100px; padding-right: 20px;}
	.form-group input { width: auto; }
	.form-group.zipcode { width: 80px; }
	.form-group.zipcode input { width: 80px; }
	.form-group.city { width: 200px; }
	.form-group.city input { width: 200px; }
	.form-group.number { width: 200px; }
	.form-group.number input { width: 40px; }

.left { float: left; }
.right { float: right; }

.img { clear: both; }
	.img img { display: block; border: 8px solid #d8d8d8;}
	.img p { font-size: .8em; color: #666; }
	.img.left { display: block; margin: 3px 28px 2px 0; }
	.img.right { display: block; margin: 3px 0 10px 4px; }

.content { width: 940px; margin: 0 auto;}
.content:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }

.linked { cursor: pointer; text-decoration: none; }
.linked:hover { text-decoration: underline; }

#error-message { border: 8px solid #d2cfc8; background: #e5e3e0; padding: 6px 8px 0px 8px; margin: 0 0 20px 0;}
	#error-message strong { display: block; }

#document { margin: 0 auto;  }

#head { background: #112754 url(/inc/images/bg_head.gif); min-height: 99px;  margin: 0 auto; }
	#head .content { }

	#logo { padding: 30px 0 15px 20px; float: left;}
		#logo a { display: block; }
		#logo a img { display: block; }
		
#navigation-container { }
	#navigation { padding: 65px 10px 0px 25px; float:right; }
	#navigation:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
	
		#navigation ul { margin: 0; padding: 0; }
		#navigation ul li { margin: 0; padding: 0; list-style: none; display: block; float: left; border-left: 1px dotted #fff; }
		#navigation ul li a { color: #fff; text-decoration: none; display: block; float: left; text-transform: uppercase; padding: 0px 15px 0px 15px;}
		#navigation ul li.first {border-left: 1px dotted #112856;} 
		
		
		#navigation ul li a.active-parent,#navigation ul li a.active { text-decoration: underline; color: #6287d1;  }
		#navigation ul li a:hover {text-decoration: underline; color: #6287d1; }
		

#main { clear: both; background: #efefef; margin: 0 auto; }
	#main .content { width: 976px; height: 1%; padding: 27px 0px;  background: #fff url(/inc/images/bg_main.gif);}
	
	#scene { width: 580px; float: left; padding: 2px 35px;}
	    #scene ul {padding-left: 25px;}
	    #scene ul li {padding: 2px 0px;}
	
		#frontpage-text { width: 274px; float: left; }
		#frontpage-news { width: 274px; margin-left: 32px; float: left; }
		#frontpage-teaser { width: 274px; margin-left: 32px; float: left; }
		
		#news-archive-list {}
			#news-archive-list .news-item { padding: 0 0 10px 0; }
			#news-archive-list .news-item .date { display: block; }
			#news-archive-list .news-item h2 { padding: 0; margin: 0; cursor:pointer; }
			#news-archive-list .news-item a { text-decoration: none; }
			#news-archive-list .news-item a:hover { text-decoration: underline; }
	
	#secondary-content { width: 256px; float: right; padding: 10px 35px 0px 0px; }
	#secondary-content h2 {margin: 0px; padding-top: 1px; color: #0095a4;}
	
	    #news-list .news-item { padding: 0px; margin:0px; background: url(/inc/images/if_news_item.gif) 0px 8px no-repeat;}
	    #news-list .news-item p { margin: 5px 4px 0px 15px; padding: 0px 0px 5px 0px;  border-bottom: 1px dotted #d9d1b8; }
	    #news-list .news-item a { text-decoration: none; color: #000;}
	    
	    #sub-navigation { border: 8px solid #d8d8d8; font: normal 11px Arial; text-transform: uppercase; }
			#sub-navigation ul { background: #ebebeb; padding: 6px 8px 8px 8px; }
			#sub-navigation ul ul { padding: 0 0 0 20px; }
			#sub-navigation ul li { list-style: none; margin-top: 2px;}
			#sub-navigation ul li a { background: #f5f5f5 url(/inc/images/bg_subnav.png) 10px center no-repeat; display: block; color: #666; padding: 7px 10px 7px 30px; text-decoration: none;}
			#sub-navigation ul li a.active,#sub-navigation ul li a.active-parent { background-image: url(/inc/images/bg_subnav_active.png); }
			#sub-navigation ul li a.active { background-image: url(/inc/images/bg_subnav_active.png); }
	    
	   /* #sub-navigation-frame {border: 2px solid #d9d1b8; margin-top:8px;}
		#sub-navigation { background: #d9d1b8; border: 1px solid #ebe6d6;}
		    #sub-navigation h2 {color: #595443; padding: 13px 0px 0px 14px; }
			#sub-navigation ul { padding: 0px 17px 17px 17px; }
			#sub-navigation ul ul { padding: 0 0 0 20px; }
			#sub-navigation ul li { list-style: none; margin-top: 2px; background: url(/inc/images/if_subnav_item.gif) 1px 12px no-repeat; border-bottom: 1px dotted #595443;}
			#sub-navigation ul ul li { background: url(/inc/images/if_subnav_item.gif) 1px 8px no-repeat; border-bottom-color: #d9d1b8; margin: 0px; padding: 0px;}
			#sub-navigation ul li a { display: block; padding: 7px 10px 7px 17px; text-decoration: none; color: #f7f4ea; font: 14px Tahoma bold;}
			#sub-navigation ul li a:hover { color: #595443; }
			#sub-navigation ul li a.active,#sub-navigation ul li a.active-parent { padding: 6px 9px 6px 19px; color: #595443;}
			#sub-navigation ul ul li a {padding-top: 2px;}
        */		
	
		#teaser-list { clear: both; height: 1%; padding: 20px 0 0 0; }
		#teaser-list:after { content: "."; display: block; clear: both; position: relative; visibility: hidden; height: 0; }
			#teaser-list .teaser-item { width: 280px; height: 90px; margin-left: 32px; float: left; cursor:pointer; background: url(/inc/images/bg_teaser.gif) #cc9f44; }
			#teaser-list .teaser-item.first {margin-left: 34px;}
			#teaser-list .teaser-item h2 { text-transform:uppercase; color: #fff; font: 20px Tahoma, Verdana, Arial, sans-serif; padding: 12px 0px 0px 16px; margin:0px; }
			#teaser-list .teaser-item a { color: #fff; font: 14px Tahoma, Verdana, Arial, sans-serif; text-decoration: none; display: block; padding: 2px 55px 2px 16px; line-height: 1.4em; }
			
	
#foot { font: normal 0.9em Verdana, Arial, Tahoma, sans-serif; color: #98add9; min-height:160px; margin: 0 auto; background: url(/inc/images/bg_foot.jpg) repeat-x;}
	#foot .content { padding-top: 22px; padding-bottom:15px;}
	#foot #contact {float:left; width: 242px; padding: 0px 25px 0px 15px;}
	#foot #suppliers {float: left; width: 469px;}
	    #suppliers ul {margin: 0; padding: 0; float: left; }
	    #suppliers ul li {list-style: none; margin: 0; padding: 0; display: block; float: left; padding-right: 20px;}
	#foot #jana-logo {float: left; padding-left: 18px;}
	#foot #quick-links {font-size: 1.2em;}
	    #quick-links ul {margin: 0; padding: 0; float:right;}
	    #quick-links ul li { list-style: none; margin: 0; padding: 0; display: block; float:left; padding-right: 20px; background: url(/inc/images/if_foot_quick_links.png) no-repeat 0px 3px;}
	    #quick-links ul li a {text-decoration: underline; padding-left: 15px;}
	#foot #links { padding: 0px; float: right;}
	    #links ul { margin: 0; padding: 0; float: left; }
		#links ul li { list-style: none; margin: 0; padding: 0; display: block; float: left; padding: 15px 20px 20px 0px; }

	#foot a { text-decoration: none; color: #98add9;}

div.info { border: 1px solid #3d67ad; background: #d4e3f3 url(/backnet/inc/images/icon/information.png) 15px center no-repeat; color: #000; padding: 35px 10px 30px 45px; margin: 10px 0 20px 0; font-size: 500%;}
	div.info strong { display: block; }
	div.info a { color: #000; }
