@charset "utf-8";

/* Class: Display the error for IE Macintosh */
#mac { display: none; }
/* Class: Ende */

/* Set the positions to 0 */
* html { margin: 0; padding: 0;}
* body { margin: 0; padding: 0; }
/* Set the positions to 0 End */

/* Main Settings */
html, body,
p, span, a,
h1, h2, h3, h4, h5, h6,
table, th, tr, td,
div,
ol, ul, li, 
form, label, input, select, textarea,
img
{
	/* Font Settings */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	
	/* Adjustment */
	margin: 0;
	padding: 0;
	text-align: left;
	
	/* Border */
	border: 0;
	border-color: inherit;
	
	/* Background */
	background-image: none;
	background-repeat: no-repeat;
}
/* Main Settings End */

/* Class: xHTML tags */
body
{
	background-color: #cccccc;
}
p
{
	margin: 0 0 15px 0;
}
h1
{
    font-size: 30px;
	color: #cc0000;
	margin: 30px 0 20px 0;
}
h2
{
	font-size: 12px;
	color: #cc0000;
	margin: 8px 0 20px 35px;
	font-weight: bold;
}
/* Class: End */

/* Class: Hyperlinks */
a:link
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:visited
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a:hover
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;
}
a:active
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #cc0000;
}
/* Class: End */

/* Class: DIV */
#page_align_left
{
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	text-align: left;
}
#page_align_center
{
	margin: 0px auto;
	width: 994px;
}

#header
{
	width: 994px;
	height: 167px;
}
	#logo
	{
		width: 215px;
		height: 167px;
		float: left;
	}
	#head
	{
		width: 779px;
		height: 167px;
		float: left;
		background-image: url('../header.jpg');
		background-repeat: no-repeat;
	}
#infobalken
{
	width: 994px;
	height: 34px;
	background-image: url('../infobalken.jpg');
	background-repeat: no-repeat;
}
#content
{
	width: 994px;
	min-height: 400px;
	background-image: url('../mainbg.jpg');
	background-repeat: repeat-y;
	float: left;
}
	#left
	{
		width: 260px;
		float: left;
	}
	#right
	{
		width: 700px;
		float: left;
	}
#footer
{
	width: 994px;
	height: 30px;
	background-image: url('../footer.jpg');
	background-repeat: no-repeat;
}
/* Class: End */

/* Class: Content Specific */
	/* Infobalken */
	#infobalken p { color: #fff; padding: 11px 0 0 80px; margin-bottom: 0px; }
	
	/* Navigation */
	#left ul { margin: 30px 0 0 45px; }
	#left ul li { list-style: none; margin: 5px 0 5px 0; }
	
	/* Startseite Links */
	#gymnastik { width: 251px; height: 181px; float: left; margin-right: 10px; }
	#familien { width: 251px; height: 181px; float: left; margin-right: 10px; }
	#firmen { width: 162px; height: 181px; float: left; margin-right: 10px; }
	#subnav { width: 100%; height: 30px; clear: both; }
	
	/* Startseite Footer Boxen */
	#kontakt { width: 251px; height: 140px; float: left; margin-right: 10px; background-image: url('../kontaktbg.jpg'); background-repeat: no-repeat; }
	#zeiten { width: 251px; height: 140px; float: left; margin-right: 10px; background-image: url('../zeitenbg.jpg'); background-repeat: no-repeat; }
	#infos { width: 162px; height: 140px; float: left; margin-right: 10px; background-image: url('../infosbg.jpg'); background-repeat: no-repeat; }
	#subnav2 { width: 100%; height: 30px; clear: both; }			

	#kontakt p { margin-left: 35px; margin-bottom: 3px; }	
	#zeiten p { margin-left: 35px; margin-bottom: 7px; }
	#infos ul { margin-left: 35px; }
	#infos ul li { list-style: none; }
	#infos ul li a { font-size: 11px; color: #000; font-weight: normal; text-decoration: none; }	
	
	#kontakt h2 { margin-bottom: 10px; }
	#zeiten h2 { margin-bottom: 10px; }
	#infos h2 { margin-bottom: 10px; }
	
	/* Content */
	#right ul { list-style: circle; list-style-position: inside; }
	#teaser_1 { margin-bottom: 20px; }
	
	.ges { width: 340px; height: 156px; float: left; margin-bottom: 20px; }
	.img { width: 140px; height: 156px; float: left; }
	.text { width: 200px; height: 156px; float: left; }
	.text h2 { margin-left: 0; }
/* Klassen: Ende */

/* Class: Forms */
form
{
}
label
{
	float: left; font-weight: bold; width: 80px; padding-top: 2px;
}
input
{
	text-align: center; border: 1px solid #000; padding: 3px; background-color: #fff;
}
textarea
{
}
select
{
}
/*Class End */

/* You've to change the page_align_* DIV container */
/* Class: IE Macintosh error \*//*/
#mac
{
	color: #000000;
	display: block;
	margin: 150px auto 150px;
}
#page_align_left { display: none; }
/**/
/* Class: End */
