/***********************************
container
************************************/
@media (min-width: 950px) {
	#wrapper
	{
		position: relative;
		left: 200px;
		min-width: 1150px;
		padding: 0px;
		margin: 0px 225px 15px 0px; /* damit unten der Footer nicht am Rand klebt */
	}
	#headerContent, #contentArea, #menuleft {
		border: solid 2px rgb( 0, 0, 0 );
		border-radius: 5px;
	 	-moz-box-shadow:    5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
	 	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
	 	box-shadow:         5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
	}
}
@media (max-width: 950px) {
	#wrapper
	{
		position: relative;
		left: 0px;
		padding: 0px;
	}
	#headerContent, #contentArea, #menuleft {
		border: solid 1px rgb( 0, 0, 0 );
		border-radius: 5px;
	}
}


@media (min-width: 950px) {
	#headerContent {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top,  #d9d9d9 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #d9d9d9 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}
}
@media (max-width: 950px) {
	#headerContent {
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(../images/logoAha.png);
		background: url(../images/logoAha.png) no-repeat 10px 5px / 40px 40px, -moz-linear-gradient(top,  #d9d9d9 0%, #ffffff 100%); /* FF3.6+ */
		background: url(../images/logoAha.png) no-repeat 10px 5px / 40px 40px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: url(../images/logoAha.png) no-repeat 10px 5px / 40px 40px, -webkit-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: url(../images/logoAha.png) no-repeat 10px 5px / 40px 40px, -o-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* Opera 11.10+ */
		background: url(../images/logoAha.png) no-repeat 10px 5px / 40px 40px, -ms-linear-gradient(top,  #d9d9d9 0%,#ffffff 100%); /* IE10+ */
		background: url(../images/logoAha.png) no-repeat 10px 5px / 40px 40px, linear-gradient(to bottom,  #d9d9d9 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}
}

/***********************************
header
************************************/
.autohandelBold {
	font-weight: bold;
}

@media (min-width: 950px) {
	#header {
		margin-bottom: 10px;
	}
	#headerContent {
		height: 65px;
		padding: 10px 20px;
	}
	#headerStrut {
		height: 10px;
	}
	.logoHeader {
		float: left;
		margin-top:5px;
	}
	.logoHeader:not(:first-child) {
		margin-left: 60px;
	}
	
	#headerCenter {
		float: left;
		margin-top: 5px;
		margin-left: 30px;
	}
	.headerTitleText
	{
		margin-top: 0px;
		font-size: 30px;
	}
	.headerAddress
	{
		font-size: 12px;
	}
}

@media (max-width: 950px) {
	#header {
		margin-bottom: 2px;
	}
	#headerContent {
		height: 30px;
		padding: 10px 20px;
	}
	#headerStrut {
		height: 2px;
	}
	#headerCenter {
		float: left;
		margin-top: 0px;
		margin-left: 50px;
	}
	.headerTitleText
	{
		margin-top: 0px;
		font-size: 20px;
	}
	.headerAddress
	{
		font-size: 8px;
	}
}

#autoLogo {
	float:right;
	margin:5px 10px 0 0px;
}

/***********************************
left menu - fix position
************************************/
#menuleft {
	background-color: #d9d9d9;
	position: fixed;
  top: 110px;
  left: 20px;
	width: 140px;
	padding: 8px;
	z-index: 1;
}

#menumobile {
	display:none;
	width:150px;
}


div.innerborder {
	box-shadow: inset 1px 1px 1px #aaa;
  padding: 10px;
  border: 1px solid #ddd;
  background: rgb(245,245,245);
}

/***********************************
content
************************************/
#mainArea {
	width: 100%;
	padding: 0;
}

@media (min-width: 950px) {
	#contentArea.ignoreMinHeight {
		min-height: 0 !important;
	}
	
	#contentArea {
		min-height: 820px;
		padding: 10px 10px;
		background: rgb(200,200,200);
	}
}
@media (max-width: 950px) {
	#contentArea {
		padding: 10px 10px;
		background: rgb(200,200,200);
	}
}