/* Copyright (C) 2007 - 2009 YOOtheme GmbH */
/*
 * This CSS file is for customization purpose only
 */
div.table-pr {
	width: 100%;
	overflow: auto;
	/*overflow-style: marquee;*/
}

#logo a.logo-icon {
	display: block;
	width: 325px;
	height: 104px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
}

#top .yoo-carousel div.frontpage {
	width: 850px;
	height: 225px;
	background: url(../../../images/yootheme/yoocarousel/business.jpg) 0 0 no-repeat;
}

p.top-tex em {
	font-size: 18pt;
	color: #993366;
	line-height: 24px;
}

p.top-adres span.top-t1 {
	color: #000000;
	font-size: 18pt;
}

div.wrapper.debuggs ul.nav.menu.srm_ulmenu {
	display: none !important;
}

p.top-adres span.top-t2 {
	color: #993366;
	font-size: 10pt;
}

p.top-adres span.top-t3 {
	font-size: 18pt;
	color: #000000;
}

#menu li.item1 div.dropdown a.level2 span.bg,
#menu li.item1 div.dropdown span.level2 span.bg {
	min-height: 70px;
}

#menu li.item1 div.dropdown a.level2 span.icon,
#menu li.item1 div.dropdown span.level2 span.icon {
	padding: 0px 5px 0px 168px;
	text-indent: 0px;
}

#menu li.item1 div.dropdown a.level2 span.title,
#menu li.item1 div.dropdown span.level2 span.title {
	line-height: 38px;
}

div.srm_position {
	z-index: 200 !important;
	position: relative;
}

@media (min-width: 1200px) {
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
}

@media only screen and (min-width: 1000px) and (max-width: 1099px) {
}

@media only screen and (min-width: 960px) and (max-width: 999px) {
	div#banner {
		display: none;
	}
}

@media only screen and (min-width: 800px) and (max-width: 959px) {
	div#banner {
		display: none;
	}
	
	div.wrapper {
		width: 800px;
	}
	
	html body#page {
		min-width: auto !important;
	}
	
	div#left {
		width: 196px;
	}
	
	p.top-tex em {
		font-size: 15.6pt;
		color: #993366;
		line-height: 24px;
	}
	
	p.top-adres span.top-t1 {
		color: #000000;
		font-size: 15pt;
	}
	
	p.top-adres span.top-t2 {
		color: #993366;
		font-size: 10pt;
	}
	
	p.top-adres span.top-t3 {
		font-size: 15pt !important;
		color: #000000;
	}
	
	div#header div#headerbar div.left div.module {
		width: 442px;
	}
	
	div#main-shift {
		margin-left: 206px;
	}
	
	div#content-shift {
		width: 342px;
	}
	
	div#contentright {
		width: 190px;
		margin-left: -190px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 799px) {
	div#banner {
		display: none;
	}
	
	div.wrapper {
		width: 768px;
	}
	
	html body#page {
		min-width: auto !important;
	}
	
	div#left {
		width: 172px;
	}
	
	p.top-tex em {
		font-size: 15.1pt;
		color: #993366;
		line-height: 24px;
	}
	
	p.top-adres span.top-t1 {
		color: #000000;
		font-size: 14pt;
	}
	
	p.top-adres span.top-t2 {
		color: #993366;
		font-size: 10pt;
	}
	
	p.top-adres span.top-t3 {
		font-size: 14pt !important;
		color: #000000;
	}
	
	div#header div#headerbar div.left div.module {
		width: 422px;
	}
	
	div#main-shift {
		margin-left: 180px;
	}
	
	div#content-shift {
		width: 350px;
	}
	
	div#contentright {
		width: 177px;
		margin-left: -177px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	div#banner {
		display: none;
	}
	
	div.wrapper {
		width: 481px;
	}
	
	html body#page {
		min-width: auto !important;
	}
	
	div#left {
		width: 431px;
		display: block;
		/*float: left;*/
		position: relative;
		left: auto;
	}
	
	div#header div#menu {
		display: none;
	}
	
	p.top-tex em {
		font-size: 15.1pt;
		color: #993366;
		line-height: 24px;
	}
	
	p.top-adres span.top-t1 {
		color: #000000;
		font-size: 14pt;
	}
	
	p.top-adres span.top-t2 {
		color: #993366;
		font-size: 10pt;
	}
	
	p.top-adres span.top-t3 {
		font-size: 14pt !important;
		color: #000000;
	}
	
	div#header div#headerbar div.left div.module {
		width: 422px;
		/*+placement: -294px 0px;*/
		position: relative;
		left: -294px;
		top: 0px;
	}
	
	div#main-shift {
		margin-left: 0px;
		left: 0;
	}
	
	div#content-shift {
		width: 100%;
		float: left;
		left: 0px;
	}
	
	div#content {
		width: 100%;
		left: auto;
		float: left;
		overflow: auto;
	}
	
	div#main {
		left: 0px;
		width: 100%;
	}
	
	div#middle {
		min-width: auto;
	}
	
	div#mainmiddle-expand {
		width: 100%;
	}
	
	div#bottom img.correct-png {
		width: 100%;
		/*+placement: 0px -7px;*/
		position: relative;
		left: 0px;
		top: -7px;
	}
	
	div.bottombox div.box-1 div.box-2 div.box-3.deepest center a span span img {
		width: 100%;
	}
	
	div#left div.module.mod-rounded.mod-menu.mod-menu-rounded.first {
		display: none;
	}
	
	div#middle-expand {
		width: 100% !important;
	}
	
	div#contentright {
		width: 100%;
		/*margin-left: -177px;*/
		overflow: auto;
		left: 0;
		margin-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	div#banner {
		display: none;
	}
	
	div.wrapper {
		width: 95%;
	}
	
	html body#page {
		min-width: auto !important;
	}
	
	div#left {
		width: 100%;
		display: block;
		/*float: left;*/
		position: relative;
		left: auto;
	}
	
	div#left div.module.mod-rounded.mod-menu.mod-menu-rounded.first {
		display: none;
	}
	
	div#header div#menu {
		display: none;
	}
	
	p.top-tex em {
		font-size: 11.7pt;
		color: #993366;
		line-height: 24px;
	}
	
	p.top-adres span.top-t1 {
		color: #000000;
		font-size: 11.6pt;
	}
	
	p.top-adres span.top-t2 {
		color: #993366;
		font-size: 8.6pt;
	}
	
	p.top-adres span.top-t3 {
		font-size: 9.7pt !important;
		color: #000000;
	}
	
	div#header div#headerbar div.left div.module {
		width: 100%;
		/*(*+placement: -294px 0px;*)
		position: relative;
		left: -294px;
		top: 0px;*/
		text-align: center;
	}
	
	div#toolbar div#date {
		display: none;
	}
	
	div#bottom img.correct-png {
		width: 100%;
		/*+placement: 0px -7px;*/
		position: relative;
		left: 0px;
		top: -7px;
	}
	
	div.bottombox div.box-1 div.box-2 div.box-3.deepest center a span span img {
		width: 100%;
	}
	
	div#headerbar {
		width: 100%;
		padding: 0;
		height: auto;
	}
	
	div#main-shift {
		margin-left: 0px;
		left: 0;
	}
	
	div#content-shift {
		width: 100%;
		float: left;
		left: 0px;
	}
	
	div#content {
		width: 100%;
		left: auto;
		float: left;
		overflow: auto;
	}
	
	div#main {
		left: 0px;
		width: 100%;
	}
	
	div#middle {
		min-width: auto;
	}
	
	div#mainmiddle-expand {
		width: 100%;
	}
	
	div#middle-expand {
		width: 100% !important;
	}
	
	div#contentright {
		width: 100%;
		/*margin-left: -177px;*/
		overflow: auto;
		left: 0;
		margin-left: 0;
	}
}