html {
	width: 100%;
	height: 100%;
}
a {
	text-decoration: none;
	color: #515151;
}
body {
	width: 100%;
	background-color: #DCE0E2;
	text-align:center;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #515151;
}
#page	{
	margin:0  auto auto auto;
	width: 961px;
	display: table;
	background-image:  url(/43_gif/weiss.gif);
	background-repeat: no-repeat;
	background-position: right top;

}
#head {
	width: 100%;
	height: 97px;
	background-image:  url(/43_gif/head.gif);
}

#leftpane {
	color: #FFFFFF;
	width: 149px;
	height: 386px;
	text-align: center;
	margin: 0px 13px 15px 0px;
	float:left;
	background-image:  url(/43_gif/leftpane.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
*html #leftpane {
	margin: 0px 10px 15px 0px;
}
#leftpane p {
	padding: 0px 7px 0px 7px;
}
#aktionBild {
	width: 100%;
	text-align: right;
}
#content {
	display: table;
	width: 636px;
	margin: 0px 0px 0px auto;
}
*html #content {
	margin: 0px auto 0px auto;
	float:left;
}

#navibalken {
	width: 636px;
	height: 44px;
	background-image:  url(/43_gif/navibalken.gif);
	text-align:left;
}
*html #navibalken {
	width: 639px;
	background-image:  url(/43_gif/navibalkenIE.gif);
}
#inhalt {
	font-size: 12px;
	color: #515151;
	width: 636px;
	text-align: left;
	margin: 0;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	/*height: 357px;*/
	min-height:347px;
	background-image:  url(/43_gif/inhaltweiss.gif);
	padding: 0 0 10px 0;
}
*html #inhalt {
padding: 0 0 0px 0;
}

#rightpane {
	position:relative;
	color: #969696;
	width: 163px;
	height: 401px;
	text-align: left;
	margin: 0;
	float:right;
	/*background-image:  url(/43_gif/rightpane.gif);*/
	background-image:  url(/43_gif/rightpane1.gif);
	background-color: #FFFFFF;
}
#rightpane a {
color: #969696;
text-decoration:none;
}
#feet {
	height: 223px;
	width: 961px;
	background-image:  url(/43_gif/feet.gif);
	text-align:left;
	display:table;
}
#feetcatalog{
}
#feettext {
	margin: 200px 0px 0px 0;
	width: 810px;
	height:15px;
	float:right;
	color: #ffffff;
	text-align: left;
}
#feettext a {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
/*--------------------------header-------------------------*/

#inhaltNorm {
margin: 20px 20px 0px 20px;
width:100%;
}
#inhaltNorm img.logo{
margin: 5px 8px 5px 8px;
}
#inhaltEdit {
	margin: 20px 20px 0px 20px;
	width:100%;
	padding-bottom: 20px
}
#inhaltEdit img{
	margin: 0;
}
#inhaltEdit form{
	margin: 0;
}
#catalog {
	margin: 0px;
	width: 150px;
	float:left;
}

#top {
	width: 100%;
	height: 17px;
	font-size:10.5px;
	line-height:16px;
}
#language {
	margin: 0;
	width: 70px;
	height: 18px;
	float:left;
	text-align:left;
}

#metanavi {
	margin: 75px 5px 5px auto;
	float:right;
	color: #ffffff;
	width: 400px;
	text-align: right;
}
#metanavi a {
	color: #ffffff;
	text-decoration:none;
	margin: 0 5px 0 5px;
}
#search {
	position: relative;
	float:left;
	text-align:left;
	margin: 0px auto 0px 0px;
	padding:5px;
	font-size: 80%;
	color: #cccccc;
}
#search .search {
	width: 110px;
	height: 16px;
	font-size: 90%;
	color: #515151;
	margin: 0;
	padding: 0;
	background-color: #D3D1D1;
	padding:auto 0px auto 5px;
	float:left;
}
#search form {
	margin:0;
}
#search .searchButton {
	margin:0 0 0 10px;
	width: 16px;
	height: 16px;
	float:right;
}
#offre {
	margin-top: 30px;
	height: 270px;
}

/*------*/
#navibalken a {
	line-height: 44px;
	text-decoration: none;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 0 5px 0 5px;
}
#navibalken a:hover {
	color: #aaaaaa;
	font-size: 13px;
}
#navibalken .abstand {
	width: 20px;
	line-height: 44px;
	text-align:center;
}
#navibalken a.on {
	line-height: 44px;
	text-decoration: none;
	color: #aaaaaa;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}
/*--------------*/



#navishadowright {
	width:12px;
	height:28px;
	background-image:  url(file:///D|/Web/standard_website/xxl_schwimmen/portaldata/1/images/shadowright.gif);
	float:right;
}
#headerright {
	width: 815px;
	height: 120px;
	float:right;
}

#metanavi2 {
	margin: 1px 10px auto auto;
	width: 165px;
	float:right;
	text-align: right;
}

#metanavi2 a {
	color: #666666;
}

#leftpane a {

}
#leftpane a:hover {

}
#leftpane a.on {

}

#leftpane h1 {
	color: #676767;
	text-decoration: none;
	font-weight: bold;
	line-height: 22px;
	font-size: 12.5px;
	background-image: url(/portaldata/1/images/navi2hgON.gif);
	width: 140px;
	padding-left: 9px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: bottom;
	display:block;
	margin-top: 40px;
}

/*-*/
#leftpane a.normal {
	text-decoration: none;
	font-weight: normal;
	background-image: none;
}
#leftpane a.normal:hover {
	text-decoration: none;
	font-weight: bold;
	background-image: none;
}
#leftpane input {
	width: 140px;
	margin: -4px auto 11px 5px;
	color: #A5A5A5;
	height: 18px;
	font-size: 11px;
}
#leftpane input.button {
	width: 40px;
	margin: -4px auto 11px 105px;
	color: #A5A5A5;
	height: 18px;
	font-size: 11px;
	background-image: url(/portaldata/1/images/navi2hgON.gif);
	border: none;
}



/*------------------------- inhalt ---------------------------------- */
#inhalt h1 {
	font-size: 16px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
#inhalt h2 {
	font-size: 13px;
	margin-bottom: 3px;
}
#inhalt h3 {
	font-size: 12px;
	margin-bottom: 3px;
}

#inhalt img.links {
	margin-right: 15px;
	margin-bottom: 10px;
	float:left;
}
#inhalt div.rahmen {
	border: 2px solid #5F7890;
	margin-right: 5px;
	float:left;
}
#inhalt div.rahmen img {
	border: none;
}
#inhalt div.rahmen p {
	margin: 0;
}
#inhalt img.rahmen {
	border: 2px solid #5F7890;
}
#inhalt hr {
border: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: 10px;
	border-top: 1px dotted #cccccc;
	background-color: #FFFFFF;
}





#inhalt a {
	text-decoration: none;
}

#inhalt a.untermenu {
	color: #000000;
	text-decoration: none;
	font-size:100%;
	font-weight: bold;
	line-height: 20px;
}
#inhalt a.untermenu:hover {
	color: #bbbbbb;
}




#inhalt a.trans {
	color: #515151;
	text-decoration: none;
}
#inhalt a.trans:hover {
	color: #111111;
	text-decoration: none;
}
#inhalt a.transhell {
	color: #aaaaaa;
	text-decoration: none;
}
#inhalt a.transhell:hover {
	color: #444444;
	text-decoration: none;
}

#inhalt .newstitle {
	color: #000000;
	font-weight: bold;
}
#inhalt .newstitlenormal {
	color: #000000;
}
#inhalt .newsdate {
	color: #666666;
}
#inhalt .subnav {
	color: #444444;
	display:block;
}
#inhalt span.label {
	width: 120px;
	float:left;
}

#inhalt span.tab {
	width: 250px;
}
#inhalt table {
	font-size: 12px;
	border-collapse:collapse;
	width: 100%;
}

#inhalt tr.white {
	background-color: #ffffff;
}
#inhalt tr.grey {
	background-color: #efefef;
}
#inhalt td {
	padding: 1px 5px 1px 5px;
	vertical-align: text-top;
}
#inhalt th {
	padding: 1px 5px 1px 5px;
	vertical-align: text-top;
}

#inhalt .button {
	width: 100px;
	height: 26px;
	line-height:26px;
	font-size: 90%;
	font-weight:bold;
	color: #ffffff;
	margin: 0;
	border: 0px ;
	background-image: url(/43_gif/buttonHell.gif);
}
#inhalt .button:hover {
	background-image: url(/43_gif/buttonDunkel.gif);
}

#dunkelblau {
width: 240px;
float:left;
}
#dunkelblau a.off1 {
	font-size: 14px;
	font-weight: bold;
}
#dunkelblau a.off2 {
	margin-left: 15px;
}
#dunkelblau a.off3 {
	margin-left: 30px;
}
#dunkelblau a.off4 {
	margin-left: 45px;
}
#hellblau {
	width: 230px;
	margin-left:40px;
}
#hellblau h1 {
	color: #5daecd;
}
#hellblau a.off1 {
	font-size: 14px;
	color: #5daecd;
	font-weight: bold;
}
#hellblau a.off2 {
	margin-left: 15px;
	color: #5daecd;
}
#hellblau a.off3 {
	margin-left: 30px;
	color: #5daecd;
}
#hellblau a.off4 {
	margin-left: 45px;
	color: #5daecd;
}
#gruen {
	width: 240px;
	float:left;
}
#gruen h1 {
	color: #89ca6d;
}
#gruen a.off1 {
	font-size: 14px;
	color: #89ca6d;
	font-weight: bold;
}
#gruen a.off2 {
	margin-left: 15px;
	color: #89ca6d;
}
#gruen a.off3 {
	margin-left: 30px;
	color: #89ca6d;
}
#gruen a.off4 {
	margin-left: 45px;
	color: #89ca6d;
}
#gelb {
	width: 230px;
	margin-left:40px;
}
#gelb h1 {
	color: #870202;
}
#gelb a.off1 {
	font-size: 14px;
	color: #870202;
	font-weight: bold;
}
#gelb a.off2 {
	margin-left: 15px;
	color: #870202;
}
#gelb a.off3 {
	margin-left: 30px;
	color: #870202;
}
#gelb a.off4 {
	margin-left: 45px;
	color: #870202;
}
#rot {
	width: 240px;
}
#rot h1 {
	color: #c0039a;
}
#rot a.off1 {
	font-size: 14px;
	color: #c0039a;
	font-weight: bold;
}
#rot a.off2 {
	margin-left: 15px;
	color: #c0039a;
}
#rot a.off3 {
	margin-left: 30px;
	color: #c0039a;
}
#rot a.off4 {
	margin-left: 45px;
	color: #c0039a;
}
#linie {
	width: 100%;
	margin: 2px 0 2px 0;
	background-color: inherit;
	clear:both;
}
#linie-grey {
	width: 100%;
	margin: 2px 0 2px 0;
	background-color: #efefef;
	clear:both;
}
.w20 {
	width: 20px;
	text-align: right;
	margin:0 5px 0 0;
	float:left;
	clear:both;
	border: 1px solid #cccccc;
	height: 18px;
}

.m60r {
	width: 50px;
	text-align: right;
	margin:0 5px 0 0;
	float:left;
	clear:both;
}

.m20 {
	width: 20px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
}
.m50 {
	width: 50px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m80 {
	width: 80px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m100 {
	width: 100px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m100r {
	width: 100px;
	text-align: right;
	margin:0 5px 0 0;
	float:left;
}
.m140r {
	width: 140px;
	text-align: right;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m150 {
	width: 150px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m200 {
	width: 190px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m250 {
	width: 240px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m200r {
	width: 190px;
	text-align: right;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m300 {
	width: 300px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.m350 {
	width: 380px;
	text-align: left;
	margin:0 5px 0 0;
	float:left;
	background-color: inherit;
}
.w500 {
	width: 500px;
	text-align: left;
	margin:0;
	float:left;
	height: 200px;
}
.mrest {
	margin: 0 0px 0 5px;
	background-color: inherit;
}

.mrestr {
	margin: 0 0px 0 5px;
	text-align: center;
}

#news {
	margin: 0 0 0px 0;
	clear:both;
	width: 100%;
}
#news img.preview {
	float: left;
	margin: 0px 20px 0px 0px;
	
}
#news .headline {
	font-size: 90%;
	margin-bottom: -8px;
}
#news .link {
	font-size: 90%;
	margin-bottom: 0px;
	/*margin-bottom: -8px;*/
	text-align:right;
}
#title h2 {
margin-top: 10px;
}
/*-*/
#news a.next {
	padding-left: 10px;
	background-image: url(/portaldata/1/images/pfeil-rechts.gif);
	font-weight: bold;
	color: #312492;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 10px;
}



#box table {
	font-size: 12px;
	border-collapse:collapse;
}
#box tr {
	background-color: #ffffff;
}
#box tr.grey {
	background-color: #efefef;
}
#box td {
	padding: 1px 5px 1px 5px;
	vertical-align: text-top;
}
#box {
	background-color: #ffffff;
	border: 1px solid #c7c7c7;
	margin: 15px 0 15px 0;
	padding: 6px;
	width: 100%;
	display:table;
	clear:both;
}
#box h1 {
	color: #515151;
	font-size: 14px;
	margin: 0 0 10px 0;;
	font-weight: bold;
	text-transform: none;
}
/*--------------------------------------------------------------------------*/

/*-*/
#rightpane h1 {
	width: 148px;
	height: 21px;
	display:table;
	line-height: 21px;
	font-weight: bold;
	background-image: url(/portaldata/1/images/rightpaneHGlink.gif);
	margin-bottom: 20px;
	text-decoration: none;
	padding-left: 8px;
	text-transform: uppercase;
	font-size: 12px;
}
#rightpane a.balken {
	width: 148px;
	height: 21px;
	display:table;
	line-height: 21px;
	font-weight: bold;
	background-image: url(/portaldata/1/images/rightpaneHGlink.gif);
	margin-bottom: 5px;
	text-decoration: none;
	padding-left: 0px;
	text-transform: uppercase;
}
#rightpane a.blank {
	background-image: none;
}
#rightpane td.sponsors {
	background-image: url(/portaldata/1/images/hg_sponsors.gif);
	font-size: 70%;
	font-weight: bold;
}
#rightpane td.klein {
	font-size: 80%;
}
#rightpane a.trans {
	color: #515151;
	text-decoration: none;
}
/*------------------------------------feet */
#feetsponsors {
	width: 600px;
	height: 90px;
	text-align: left;
	margin-left: 200px;
}
#feetsponsors img {
	float:left;
	margin-right: 30px;
	margin-top: 50px;
}
#feetadress {
	width: 100%px;
	height: 15px;
	margin: -10px 10px 0px 10px;
	text-align: right;
	font-size: 90%;
	color: #9A9A9A;
}
/*-------*/
.contactLeft {
	WIDTH: 70%; 
	HEIGHT: 70px;
}
.contactLeftImages {
	FLOAT: left; 
	MARGIN-RIGHT: 10px;
}

.contactRight {
	MARGIN-TOP: -69px; 
	WIDTH: 100%; 
	POSITION: relative; 
	HEIGHT: 69px; 
	TEXT-ALIGN: right;
}
.contactRightImages{
	FLOAT: right; 
	MARGIN-LEFT: 10px; 
	margin-top:-71px; 
}
*html .contactRight {
	HEIGHT: 139px; 
	MARGIN-TOP: -139px; 
}
*html .contactRightImages{
	FLOAT: right; 
	MARGIN-LEFT: 10px;
	margin-top:0; 
}
#inhalt table.m600 {
	width:590px;
}
#inhalt table.m600 td {
	padding: 0px;
	margin:0px;
	vertical-align:top;
}
.w180 {
	width: 180px;
	font-size: 80%;
	border: solid 1px #aaaaaa;
}
.w200 {
	width: 200px;
	font-size: 80%;
	border: solid 1px #aaaaaa;
}
.w40 {
	width: 40px;
	font-size: 80%;
	border: solid 1px #aaaaaa;
}
.w160 {
	width: 155px;
	font-size: 80%;
	border: solid 1px #aaaaaa;
}
*html input.w200{
margin-left: -5px;
}
.w250 {
	width: 250px;
	font-size: 80%;
	border: solid 1px #aaaaaa;
}

#detailsearch {
	border: solid 1px #aaaaaa;
	width: 100%;
	background-color: #eeeeee;
	margin-bottom:20px;
	padding: 15px 0px 15px 0px;
}
#inhalt table.newsbild {
	margin: 0px 10px 10px 0px;
	float:left;
	width:200px;
}
td.bildlegende {
	font-size: 90%;
	font-style: italic;
	color: #666666;
	background-position: center;
}
div.previewtext {
	margin:0px;
}
/*---------------------------------------*/
.tooltip{
position: relative;
z-index: 20; 
color: #000;
text-decoration: underline;
}

a.tooltip:hover{
z-index: 25; 
}

a.tooltip span{	/* Span Element nicht anzeigen */
display: none;
}

a.tooltip:hover span{ /* Span Element nur angezeigt beim Ueberfahren mit der Maus */
background: #eeeeee; /* Hintergrundbild */
display: block;	 /* macht aus dem Inlineelement ein Blockelement */
position: absolute;
top: 1.8em; /* abstand von oben */
left: 1.8em; /* abstand von links */
width: 10em;	 /* breite */
padding: 3px 7px;	 /* Innenabstand */
border: 1px solid #ccc;	 /* Rahmenfarbe */
color: #000;	 /* Textfarbe */
text-align: left;	 /* Textausrichtung */
}

a.tooltip:hover span strong{
color: #AC93C8;	
}

a.fileButton       { 
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none; 
	width: 80px;
	display: block;
	background: #bbbbbb;
	}
	
a.fileButton:visited {
	color: #ffffff;
	}
a.fileButton:hover {
	color: #000000;
	background: #eeeeee;
	}
	
	
#keinP p{
	margin:0px;
	padding: 0px;
}

form {
margin:0px;
padding:0px;
}
span.tool {
	margin-top:-70px;
}
*html span.tool {
	margin-top:0;
}