/* ----------------------------------------------- */
/* Stylesheet für Layout-Styles */
/* ----------------------------------------------- */

html, body {
	margin: 0;
}


body {
	min-width: 900px;
}


.master {
	border-left: 180px solid #E1E1E1;
	border-right: 180px solid #E1E1E1;
	background: #FFFFFF;
	padding-bottom: 10px;	
}


.main {
	margin-left: -180px;
	margin-right: -180px;
	position: relative;		
}


.mainHeader {
	height: 101px;
	width: 100%;
	border-top: 10px solid #333333;
	border-bottom: 1px solid #D3233E;	
	background: #EEEEEE;
	background-image: url(../images/header01.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}


.mainHeaderLogoBoxTop {
	position: absolute;
	left: 0;
	top: 52px;
	height: 33px;
	width: 180px;
}


.mainHeaderLogoBoxBottomLeft {
	position: absolute;
	left: 0;
	top: 85px;
	height: 25px;
	width: 180px;
	background: #D3233E;
	text-align: center;
}


.mainHeaderLogoBoxBottomRight {
	position: absolute;
	right: 0;
	top: -27px;
	height: 25px;
	width: 170px;
	padding-left: 10px;
	background: #D3233E;
}


.mainLeft {
	width: 180px;
	float: left;
	background: #E1E1E1;
}


.mainRight {
	width: 160px;
	float: right;
	background: #E1E1E1;
	padding: 30px 10px 60px 10px;
}


.mainContent {
	margin-left: 180px;
	margin-right: 180px;
	padding: 30px 10px 60px 10px;
}


.mainFooterMaster {
	border-left: 180px solid #E1E1E1;
	border-right: 180px solid #E1E1E1;
	background: #FFFFFF;
	padding-bottom: 10px;	
	height: 25px;	
}


.mainFooter {
	margin-left: -180px;
	margin-right: -180px;
	position: relative;		
	text-align: center;
	height: 25px;
}


.mainLeft ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.mainLeft ul li {
	width: 155px;
	border-top: 1px solid #EEEEEE;
	padding-left: 25px;
}


.naviSubTypeList ul {
	list-style: disc;
}


.naviSubTypeList ul li {
	width: 115px;
	height: 17px;
	border: none;
	padding: 0;
	margin: 0 0 0 40px;
	line-height: 17px;
}


.naviType01, .naviType02, .naviType03, .naviType01:hover, .naviType02:hover, .naviType03:hover {
	height: 25px;
	background: #D3233E;
}


.naviType01:hover, .naviType02:hover, .naviType03:hover {
	background: #8A2300;
}


.naviType01 {
	background-image: url(../images/naviIcon01.gif);
}


.naviType02 {
	background-image: url(../images/naviIcon02.gif);
}


.naviType03 {
	background-image: url(../images/naviIcon03.gif);
}


.naviType01:hover {
	background-image: url(../images/naviIcon01a.gif);
}


.naviType02:hover {
	background-image: url(../images/naviIcon02a.gif);
}


.naviType03:hover {
	background-image: url(../images/naviIcon03a.gif);
}


.naviType01, .naviType02, .naviType03, .naviType01:hover, .naviType02:hover, .naviType03:hover {
	background-repeat: no-repeat;
	background-position: left;
}


.naviTypeSpace {
	height: 10px;
	background: #CC3300;
	border-top: 1px solid #EEEEEE;	
}


.naviSubTypeList {
	display: none;
	background: #EB7a8B;
	border-top: 1px solid #EEEEEE;
	padding: 2px 0 5px 0;	
}


img {
	border: none;
}


.imageIcon {
	vertical-align: middle;
}


.imageLeftTop {
	float: left;
	padding: 5px 10px 10px 0;
}

.imageLeft {
	float: left;
	padding: 10px 10px 10px 0;
}


.imageRight {
	float: right;
	padding: 10px 0 10px 10px;
}


.linie01 {
	width: 97%;
	margin: 25px auto 25px auto;
	height: 1px;
	border-top: 1px solid #D3233E; 	
}


.kartenhinweis {
	width: 500px;
	padding: 10px 0 10px 10px;
}


.textField01, .textField02, .textField03, .textField04 { 
	width: 250px;
	height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 10px 0px;
}	


.textField02 {
	height: 20px;
	width: 255px;
}


.textField03 {
	width: 120px;
	margin: 0px 6px 0px 0px;
}