/*********************************************************************************

	Project		:	ULC - United Leisure Clubs
	Copyright	:	Design - WEDOSYS webDesign - www.wedosys-webdesign.de

**********************************************************************************/

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FAFAFA;
	background-image:url(gif/bg-all.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

.all {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.all_inh {
	position:relative;
	top:0px;
	left:0px;
	width:1002px;
	min-height:575px;
	background-color:#FFFFFF;
	background-image:url(gif/t-bord.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

.logo {
	position:absolute;
	top:15px;
	left:44px;
	width:133px;
	height:126px;
}

.banderole {
	position:absolute;
	top:44px;
	left:230px;
	width:772px;
	height:63px;
}

.band_p {
	margin:0px;
	color:#F0DA8F;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	padding-top:3px;
}

.fl-bewmom {
	float:left;
	padding-top:32px;
}

#breadcrumb {
	position:absolute;
	top:140px;
	left:240px;
	width:762px;
}

#breadcrumb p {
	margin:0px;
	font-size:11px;
	color:#BDBDBD;
	text-align:left;
}

#breadcrumb a:link, 
#breadcrumb a:visited {
	color:#BDBDBD;
	text-decoration:underline;
}

#breadcrumb a:hover {
	color:#011A42;
	text-decoration:underline;
}

.con_all {
	position:absolute;
	top:171px;
	left:0px;
	width:1002px;
	background-color:#FFFFFF;
}

.con_all-def {
	position:absolute;
	top:171px;
	left:0px;
	width:1002px;
	background-image:url(gif/bg-komplett.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

.con_all form {
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.con_all-def form {
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

.fl {
	float:left;
}

.fl_16 {
	float:left;
	width:16px;
}

.fl_10 {
	float:left;
	width:10px;
}

.fl_20 {
	float:left;
	width:20px;
}

.fl_31 {
	float:left;
	width:31px;
}

.fl_200 {
	float:left;
	width:200px;
}

.fl_210 {
	float:left;
	width:210px;
}

.fl_220 {
	float:left;
	width:220px;
}

.fl_230 {
	float:left;
	width:230px;
}

.fl_522 {
	float:left;
	width:522px;
}

.fl_562 {
	float:left;
	width:562px;
}

.pt_5 {
	padding-top:5px;
}

.pt_11 {
	padding-top:11px;
}

#t_men {
	position:absolute;
	top:5px;
	left:600px;
	width:397px;
}

#t_men ul {
	margin:0px;
	list-style-type:none;
}

#t_men li {
	float:right;
	padding-left:10px;
	font-size:10px;
}

#t_men a:link,
#t_men a:visited {
	color:#011A42;
	text-decoration:none;
}

#t_men a:hover {
	color:#011A42;
	text-decoration:underline;
}


/*
#h_men {
	width:200px;
	background-color:#F0DA8F;
}
*/

#h_men {
	width:200px;
	background-image:url(gif/bg-h_men.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#h_men ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	font-size:15px;
	text-transform:uppercase;
}

#h_men li {
	text-align:left;
	margin-left:1px;
	margin-right:1px;
	padding-left:7px;
	padding-top:4px;
	padding-bottom:4px;
}

#h_men .li_1 {
	border-top:1px solid #FFFFFF;
}

#h_men .ul-sub {
	font-size:10px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight:bold;
}

#h_men .li-sub {
	padding-top:0px;
	padding-bottom:0px;
}

#h_men a:link,
#h_men a:visited {
	color:#8F7003;
	text-decoration:none;
}

#h_men a:hover {
	color:#011A42;
	text-decoration:none;
}

#h_men .line {
	width:200px;
	height:2px;
}

#h_men .line_1 {
	width:200px;
	height:1px;
	background-color:#A39462;
}

#box_info_ue {
	width:200px;
	background-image:url(gif/bg-ka.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#box_info_ue .line {
	width:200px;
	height:2px;
}

#box_info_ue h1 {
	margin:0px;
	padding:4px 0px 4px 15px;
	text-align:left;
	font-size:14px;
	text-transform:uppercase;
	color:#F0D990;
}

#box_info_pic {
	width:200px;
	background-image:url(gif/bg-ka_con.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#box_info_pic .pt_1 {
	padding-top:1px;
}

#con_inh {}

#con_inh h1 {
	margin:0px;
	text-align:left;
	font-size:18px;
	color:#011A42;
}

#con_inh h2 {
	margin:0px;
	padding-top:28px;
	text-align:left;
	font-size:12px;
	color:#011A42;
	border-bottom:1px solid #BDBDBD;
}

#con_inh h3 {
	margin:0px;
	padding:5px;
	font-size:14px;
	background-color:#011A42;
	color:#F0DA8F;
	text-align:left;
}

#con_inh h4 {
	margin:0px;
	padding-top:5px;
	text-align:left;
	font-size:12px;
	color:#011A42;
}

#con_inh h5 {
	margin:0px;
	padding:5px;
	text-align:left;
	font-size:14px;
	background-image:url(gif/metabol-schatten.gif);
	background-position:top left;
	background-repeat:repeat-x;
	color:#86B82A;
}

#con_inh h6 {
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 0px;
	font-size:12px;
	background-color:#011A42;
	color:#F0DA8F;
	text-align:left;
}

#con_inh p {
	text-align:left;
	margin:0px;
	padding-top:10px;
}

#con_inh ul {
	margin-top:5px;
	margin-bottom:0px;
	text-align:left;
}

#con_inh td {
	text-align:left;
	padding-left:3px;
	font-size:11px;
}

#con_inh th {
	font-weight:bold;
	text-align:left;
	padding-left:3px;
	font-size:11px;
}

#con_inh .tr-1 {
	background-color:#1A3055;
}

#con_inh .tr-2 {
	background-color:#E5E8EC;
}

#con_inh .tr-3 {
	background-color:#B2BAC6;
}

#con_inh .th-1 {
	color:#FFFFFF;
}

#con_inh img {
	border:none;
}

#con_inh .sp_add_block {
}

#con_inh .sp_add_block p {
	margin:0px;
	padding-top:2px;
	font-size:11px;
}

#con_inh a.art-li,
#con_inh a.art-li:link {
	color:#011A42;
	text-decoration:underline;
}

#con_inh a.art-li:hover {
	color:#8F7003;
	text-decoration:underline;
}

#con_inh .arli {
	padding-top:3px;
	text-align:left;
}

.bo {
	font-weight:bold;
}

.bo-g {
	font-weight:bold;
	color:#F0DA8F;
}

#footi {
	width:1002px;
	background-color:#FAFAFA;
	padding:5px 0px 10px 0px;
}

#footi ul {
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style-type:none;
	text-align:left;
	font-size:10px;
}

#footi p {

}

#footi li {
	float:left;
	padding-right:15px;
}

#footi p {
	margin:0px;
	font-size:10px;
	background-color:#FAFAFA;
}

#footi a:link,
#footi a:visited {
	color:#011A42;
	text-decoration:none;
}

#footi a:hover {
	color:#011A42;
	text-decoration:underline;
}

#footi a.wedo:link,
#footi a.wedo:visited {
	color:#CCCCCC;
	text-decoration:none;
}

#footi a.wedo:hover {
	color:#CCCCCC;
	text-decoration:underline;
}


/* ##### Animations-Klassen ##########*/

/* Startseiten Slider */

.slider-box {
	margin:auto;
	width:1002px;
}

.mooSlide img {
	float: left;
	margin:10px 20px 0px 10px;
	padding:0px;
}

.mooSlide {
	background-color: #011A42;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #EFEFEF;
	font-size: 11px;
}
.mooSlide h1 {
	margin:0px;
	font-size: 17px;
	padding-top:10px;
	color:#F0DA8F;
}
.style1 {color: #CCFF00}

code {
	font-size: 12px;
	line-height: 16px;
}

a {
	color: #996600;
}

/* Suche */

.su_hi {
	width:230px;
	height:41px;
	background-color:#011A42;
}

#suche {
	float:left;
}

#suche .button {
	font-size:10px;
}

#suche .search {
	width:122px;
}

#suche input {
	font-size:10px;
}

#suche_erkl {
	float:left;
}

.notice              { float:left; margin: 0px; padding: 0px; font-size:10px; }
.notice img          { cursor: help; }
.notice dfn          { display: none; position: absolute; left:750px; color:#011A42; border: 1px solid #011A42; background-color: #F0DA8F; margin:30px 0px 0px 22px; padding: 4px; width: 220px; text-align: left;}
.notice td:hover dfn { display: block; }
.notice td.over  dfn { display: block; }


/* ##### Rechte Spalte Clubs ##########*/

#clubinfo {
	clear:both;
	width:230px;
	background-color:#BDBDBD;
}

#clubinfo h1 {
	margin:0px;
	padding-top:10px;
	padding-left:5px;
	text-align:left;
	font-size:12px;
	color:#011A42;
	text-transform:uppercase;
}

#clubinfo h2 {
	margin:0px;
	padding-left:5px;
	text-align:left;
	font-size:12px;
	color:#F0DA8F;
	text-transform:uppercase;
}

#clubinfo h3 {
	margin:0px;
	padding-left:5px;
	text-align:left;
	font-size:12px;
	color:#011A42;
	text-transform:uppercase;
}

#clubinfo h4 {
	margin:0px;
	padding-left:5px;
	text-align:left;
	font-size:12px;
	color:#011A42;
	text-transform:uppercase;
}

#clubinfo p {
	margin:0px;
	text-align:left;
	font-size:10px;
	color:#011A42;
	line-height:130%;
}

#clubinfo a:link,
#clubinfo a:visited {
	color:#011A42;
	text-decoration:underline;
}

#clubinfo a:hover {
	color:#F0DA8F;
	text-decoration:underline;
}

#clubinfo a.karte2:link,
#clubinfo a.karte2:visited {
	color:#F0DA8F;
	text-decoration:underline;
}

#clubinfo a.karte2:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#clubinfo a.karte3:link,
#clubinfo a.karte3:visited {
	color:#F0DA8F;
	text-decoration:none;
	font-weight:bold;
}

#clubinfo a.karte3:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.kl_kar_all {
	width:228px;
	height:156px;
	background-image:url(karte-kl.jpg);
}

.kl_kar_all2 {
	width:228px;
	height:156px;
	background-image:url(karte-kl-sportwelt.jpg);
}

.kl_kar_all3 {
	width:228px;
	height:156px;
	background-image:url(karte-kl-qi55.jpg);
}

.kl_kar_all4 {
	width:228px;
	height:156px;
	background-image:url(karte-kl-sportsdome.jpg);
}

.kl_kar_all5 {
	width:228px;
	height:156px;
	background-image:url(karte-kl-club-sportiv.jpg);
}

.p_kar_1 {
	margin:0px;
	padding-left:134px;
	padding-top:10px;
	font-size:9px;
}

.p_kar_2 {
	margin:0px;
	padding-left:90px;
	padding-top:7px;
	font-size:9x;
}

.p_kar_3 {
	margin:0px;
	padding-left:10px;
	padding-top:0px;
	font-size:9px;
}

.p_kar_4 {
	margin:0px;
	padding-left:140px;
	padding-top:17px;
	font-size:9px;
}

.p_kar_5 {
	margin:0px;
	padding-left:31px;
	padding-top:23px;
	font-size:9px;
}

/* Zweispalter */

/**
* @package Zweispalter
* @name ZS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.zweispalter {
  width: 230px; 
}

.zweispalter_1 {
  width: 75px;
  padding-left:5px;
}

.zweispalter_2 {
  width: 140px;
  margin-left: 5px;
  padding-right:5px;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}


/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft(_b) , .pright(_b) und .pnormal(_b)    


.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen

Code: 

*/ 




/* 
---------START BILDMODUL -----------------------
Definition der Klassen ohne Rahmen 
CCS für REDAXO Bild-Modul
Erstellt von: Thomas Skerbis 
Stand: 23.05.2008 
*/

.pleft {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen für 2.Stil (z.B. mit Rahmen) */

.pleft_b {
	float: left;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 4px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 6px;
	margin-left: 8px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}


/*
------ENDE Bildmodul ------
*/


/* ### Multilist ################################################################ */

#newslist {
	width:522px;
}

#newslist div.nl_1 {
	margin-right:25px;
}

#newslist div.nl_2 {
	clear:both;
	float:left;
	padding-right:10px;
	margin-bottom:0px;
}

#newslist p.ueb {
	margin:0px;
	font-weight:bold;
	padding-top:0px;
}

#newslist p.tex {
	margin:0px;
	padding-top:5px;
}

#newslist a.wei,
#newslist a.wei:link {
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

#newslist a.wei:hover {
	font-size:11px;
	color:#8F7003;
	text-decoration:none;
}

#newslist a.wei2,
#newslist a.wei2:link {
	color:#011A42;
	text-decoration:underline;
}

#newslist a.wei2:hover {
	color:#8F7003;
	text-decoration:underline;
}


/* ### Bildgalerie ### */

#con_inh div.galerie {
	clear: both;
}
#con_inh div.galerie div.image {
	float: left;
	width: 174px;
}

#con_inh div.galerie div.image img{
	padding: 5px;
	border:1px solid #BDBDBD;
}

#con_inh div.galerie div.image2 {
	float: left;
	width: 261px;
}

#con_inh div.galerie div.image2 img{
	padding: 5px;
	border:1px solid #BDBDBD;
}

#con_inh div.galerie div.image3 {
	float: left;
	width: 522px;
	text-align:center;
}

#con_inh div.galerie div.image3 img{
	padding: 5px;
	border:1px solid #BDBDBD;
}

#con_inh div.galerie div.image p{
	font-size:10px;
}

/* Kuruebersichtsseite */

#ku_ueb {
	float:left;
	width:156px;
	height:100px;
	background-color:#F6F6F6;
}

#ku_ueb h6 {
	padding-left:5px;
}

#ku_ueb .p1 {
	padding-top:3px;
	padding-left:5px;
	font-size:11px;
}

#ku_ueb .p2 {
	text-align:right;
	padding-top:0px;
	padding-right:3px;
	font-size:11px;
}

.fl_100 {
	float:left;
	width:100px;
}

/* Partnerfirmen */
.fl_342 {
	float:left;
	width:342px;
}

.mi_p1 {
	margin:0px;
	padding:15px 0 0 0;
	font-size:11px;
	line-height:100%;
}

.mi_p2 {
	margin:0px;
	padding:15px 0 0 0;
	font-weight:bold;
	font-size:11px;
	line-height:100%;
}

.mi_p3 {
	margin:0px;
	padding:-10px 0 0 0;
	font-size:11px;
	line-height:100%;
}

.mi_p4 {
	margin:0px;
	padding:-10px 0 0 0;
	font-weight:bold;
	font-size:11px;
	line-height:100%;
}

.fl_110 {
	float:left;
	width:110px;
}

.fl_110-2 {
	clear:both;
	float:left;
	width:110px;
}

.fl_232 {
	float:left;
	width:232px;
}

.mi_pt15 {
	margin:0px;
	padding:15px 0 0 0;
	font-size:11px;
	line-height:100%;
}

.clb {
	clear:both;
}
/* ### undo #################################################################### 

:link,:visited { text-decoration:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }
*/

/* ### reset some basic style ################################################### 

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }
*/
/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:840px;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:140px;
}

/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:right;
	width:630px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:630px;
	color: #fff;
}


#main-content-block {
	padding:20px;
	display:block;
}


/* ### Footer ###################################################################### */

#footer {
	display:block;
	width:100%;
}

#footer p {
	padding: 20px 0;
	color:#c4c4c4;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#c4c4c4;
	text-decoration: underline;
	background:inherit;
}

#footer p a:hover {
	color:#c4c4c4;
	text-decoration: none;
	background:inherit;
}