/* ~~~~~~~~~ layout ~~~~~~~~~~ */
body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#555555;
}
a {
	text-decoration:none;
	}


.floatLeft { 
float: left; 
margin-right: 10px;
}
.floatRight {
	float: right;
 }
.clear{
 clear: both; 
 }

.untertitel {
	position: relative;
	color: #CCCCCC;
	width: 100%;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-top-width: thin;
}

.tabelle{
	width: 800px;
	overflow:hidden;
	padding:10px;
	margin: auto;
}


#container {
	width: 840px;
	margin: -55px auto;
	background: #fff;
	padding: 30px;
	border-radius:25px;
	/* proprietär Start */

		/* Safari, Konqueror Start */
	-khtml-border-radius: 25px;
	/* Safari, Konqueror Ende */

		/* Firefox Start */
	-moz-border-radius: 25px;
	/* Firefox Ende */

		/* Safari Start */
	-webkit-border-radius: 25px;
	/* proprietär Ende */
	//-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.45);
}

.td {
	display: table-cell;
	padding-bottom: 1px;
	padding-left: auto;
	padding-right: auto;
	padding-top: 1px;
	text-align: center;
	vertical-align: top;
	align: center;
}

#logo {
	width: 840px;
	margin: 10px auto;
	padding: 30px;
}

.text-mitte{
	vertical-align: top;
	width: 240px;
	margin-left: 300px;
}

*.frei{
	vertical-align: top;
	background-color:#CCCCCC;
}

*.kibo{
	vertical-align: top;
	background-color:#0066FF;
}
*.uhl{
	vertical-align: top;
	background-color:#CC0000;
}

*.antonius{
	vertical-align: top;
	background-color:#DA0C82;
}

*.weitersweiler{
	vertical-align: top;
	background-color:#009900;
}
*.bubenheim{
	vertical-align: top;
	background-color:#993399;
}

*.ruessingen{
	vertical-align: top;
	background-color:#FF6401;
}

*.kiga{
	vertical-align: top;
	background-color:#666666;
}


.table {
	border-bottom-style: solid;
	border-bottom-color: #c10e19;
	border-bottom-width: medium;
	
}
/* ~~~~~~~~~ header ~~~~~~~~~~ */

#main-navigation {
	//border-bottom: 5px solid #666;
	margin: 20px 0;
}
	#main-navigation ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
		font-size: 1.6em;
	}
		#main-navigation li {
			float: left;
		}
			#main-navigation li a {
				background: #999;
				margin: 0 5px 0 0;
				padding: 5px 30px;
				display: block;
				color: #fff;
				text-decoration: none;
			}
			#main-navigation li.current a {
				background: #666;	
			}
			#main-navigation li a:hover {
				background: #777;	
			}
/* ~~~~~~~~~ buttons ~~~~~~~~~~ */


#home{
	position: relative;
	top: -170px;
	left: 60px;
	
}


#home:hover  {
top: -180px;
	transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-webkit-transition: top 500ms ease-out;
}


#ziele{
	position: relative;
	top: 20px;
	left: -100px;
}
#ziele:hover  {
top: 10px;
	transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-webkit-transition: top 500ms ease-out;
}
	
	
#kurse{
	display: none;
	position: relative;
	top: -50px;
	left: 150px;
}
#kurse:hover  {
top: -80px;
	transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-webkit-transition: top 500ms ease-out;
}

#stundenplan{
	position: relative;
	top: 0px;
	left: 260px;
}
#stundenplan:hover  {
top: -10px;
	transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-webkit-transition: top 500ms ease-out;
}

#kontakt{
	position: relative;
	top: 260px;
	left: -220px;
}
#kontakt:hover  {
top: 230px;
	transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-webkit-transition: top 500ms ease-out;
}

#impressum{
	position: relative;
	top: 320px;
	left: -300px;
}
#impressum:hover  {
top: 290px;
	transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-webkit-transition: top 500ms ease-out;
}
		
/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
	width: 100%;
	//overflow: hidden;
	margin-top: -180px;
}