body {
	margin: 0;
	padding: 0;
	width:100%;
	background:url(layout/bg.jpg) repeat-x;
	background-color: #b0b0b0;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}

html {
	width:100%;
}

p {
	margin:0;
	padding:0 0 10px 0;
}

table, tr, td {
	margin:0;
	padding:0;
	line-height:1.4;
	border:0;
}

#contentcontainer {
	width:945px;
	margin:0 auto;
	padding:0 10px 0 10px;
}

/* NAVIGATION */ 

#menuleiste {
	margin:25px 0 0 0;
	width:945px;
	height:25px;
	color:#666;
	font-size:13px;
	text-align:justify;
}

/* menuleiste... Ebenenvariante; menuleiste2... Tabellenvariante */
#menuleiste-table {
	display:table;
	width:945px;
	height: 10px;
	margin:0;
	padding:0;
}

#menuleiste-row {
	display:table-row;
	width:945px;
}

.menuleiste-links {
	display:table-cell;
	width:86px;
	height: 12px;
}

.menuleiste-cell {
	display:table-cell;
	text-align:center;
	padding:0 8px 0 8px;
	height: 12px;
}

.menuleiste-rechts {
	display:table-cell;
	text-align:right;
	width:80px;
	height: 12px;
}

.menuleiste-trenner {
	display:table-cell;
	padding:0;
	width:1px;
}

#menuleiste2-table {
	width:945px;
	height: 10px;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.menuleiste2-links {
	width:86px;
	height: 10px;
}

.menuleiste2-cell {
	text-align:center;
	padding:0 8px 0 8px;
	height: 10px;
}

.menuleiste2-rechts {
	text-align:right;
	width:80px;
	height: 10px;
}

.menuleiste2-trenner {
	padding:0;
	width:1px;
}

a:link.menulink, a:visited.menulink {
	color:#666;
	text-decoration:none;
}
a:hover.menulink, a:active.menulink, a:focus.menulink {
	color:#a60000;
}
a:link.menulink-active, a:visited.menulink-active {
	color:#a60000;
	text-decoration:none;
}
a:hover.menulink-active, a:active.menulink-active, a:focus.menulink-active {
	color:#a60000;
}

#menuleiste ul, #menuleiste li {
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
}

/* BLOCK LINKS */

#block-links {
	width:300px;
	margin:0 0 50px 0;
	float:left;
}
.shadow {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
	margin:0 0 5px 0;
}

#logo {
	height:300px;
}
#logo img {
	border:0;
}
.logo-start {
	background: url(layout/rotes-logo.jpg) no-repeat;
	display: block;
	float: left;
	margin: 0px;
	text-indent: -10000px;
	width: 300px;
	height: 300px;
}

#adresse {
	background-color:#FFF;
	padding: 10px 15px 0 110px;
	font-size:11px;
	line-height:1.6;
}

#oeffnungszeiten {
	background-color:#FFF;
	padding: 10px 20px 0 110px;
	font-size:11px;
	line-height:1.6;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);

}

#oeffnungszeiten table {
	margin:0 0 10px 0;
	padding:0;
	border:0;
	width:100%;
}

#auszeichnung {
	background: #fff;
	padding: 22px;
	font-size:11px;
	line-height:1.6;
}

/* BLOCK RECHTS */

#block-rechts {
	margin:0 0 50px 305px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
}

#header {
	height:300px;
	width:640px;
	padding:0;
}

#header h1, #header h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin:0;
	padding:256px 10px 0 220px;
	width:410px;
	height:44px;
	font-weight:normal;
	color:#FFF;
	text-shadow: 2px 2px 2px #333;
	background-repeat:no-repeat;
}

#content {
	width:640px;
	background-color: #fff;
	min-height: 667px;
}

#fuss {
}

#kids {
	width:200px;
	float:left;
	padding:15px 10px 10px 10px;
	font-size:10px;
	line-height:1.5;
}

#kids p {
	padding:0 10px 0 10px;
}

#kids-bild {
	width:180px;
	height:130px;
	background:url(layout/bg-kids.png) top left no-repeat;
	padding:15px 10px 15px 10px;
}

#kids-cursor {
	position:absolute;
	z-index:5;
	margin-top:-160px;
}
#kids-bild a img {
	border:0;
}

#kids-lupe {
	position:absolute;
	z-index:5;
	width:17px;
	height:16px;
	margin-top:-33px;
	margin-left:171px;
	background:url(layout/kids-lupe.png) top left no-repeat;
}
#kids-pflaster {
	position:absolute;
	z-index:5;
	width:51px;
	height:19px;
	margin-top:-155px;
	margin-left:74px;
	background:url(layout/kids-pflaster.png) top left no-repeat;
}

#inhalt {
	margin:0 0 0 220px;
	padding:30px 0 20px 0;
	font-size:12px;
	line-height:1.4;
}

#inhalt-team {
	margin:0 0 0 220px;
	padding:30px 0 0 0;
	font-size:12px;
	line-height:1.4;
}

#inhalt h3 {
	font-size:12px;
	color:#a60000;
	margin:10px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #a60000;
}

#inhalt ul {
	padding:0 30px 10px 15px;
	margin:0;
}
#inhalt ul li {
	padding-left:10px;
}

#inhalt ol {
	padding:0 30px 0 20px;
}
#inhalt ol li {
	padding-left:5px;
}


#inhalt p, #inhalt-team p {
	margin:0;
	padding:0 30px 10px 0;
}

#team {
	font-size:12px;
	line-height:1.4;
}

/* doc... Ebenenvariante; doc2... Tabellenvariante */
.doc-title {
	color:#a60000;
	margin-left:220px;
	padding:5px 0 5px 0;
	border-bottom:1px solid #a60000;
}
.mitarbeiter {
	color:#a60000;
	font-weight:bold;
}

.doc-table {
	display:table;
	margin:0;
	padding:0;
	width:100%;
}
.doc-table-row {
	display:table-row;
}
.doc-table-cell-img {
	display:table-cell;
	padding:0 20px 15px 20px;
	vertical-align:top;
	width:180px;
}
.doc-table-cell-doc {
	display:table-cell;
	vertical-align:top;
	padding:5px 30px 15px 0;
}
.doc-table-cell-doc ul {
	margin:0;
	padding:0 0 0 15px;
}
.doc-table-cell {
	display:table-cell;
	vertical-align:bottom;
	padding:5px 30px 15px 0;
}
.doc-table-cell ul {
	margin:0;
	padding:0;
	list-style:none;
}

.doc2-table {
	margin:0;
	padding:0;
	width:100%;
}
.doc2-table-cell-img {
	padding:0 20px 15px 20px;
	vertical-align:top;
	width:180px;
}
.doc2-table-cell-doc {
	vertical-align:top;
	padding:5px 30px 15px 0;
}
.doc2-table-cell-doc ul {
	margin:0;
	padding:0 0 0 15px;
}
.doc2-table-cell {
	display:table-cell;
	vertical-align:bottom;
	padding:5px 30px 15px 0;
}
.doc2-table-cell ul {
	margin:0;
	padding:0;
	list-style:none;
}

/* Fancybox */

#fancy_content {
	cursor:url(layout/cursor-lupe.png), url(layout/cursor-lupe.gif), url(layout/cursor-lupe.ico), auto;
}
div#fancy_content a:hover {
	background-color: #2B2E21;;color:#fff;
}
div#fancy_content a:hover span {
  position: absolute;
  right:0;
  margin:5px 5px 0px 5px;
  background-color: #f2f2f2;
  max-width:220;
  padding: 2px 10px 2px 10px;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: block;
  z-index:9999;
}


/* DIVERSES */

.cursor {
	cursor: hand;
	cursor: pointer;
	}

.padding5 { padding: 5px; }
.padding7 { padding: 7px; }
.padding10 { padding: 10px; }

a:link, a:visited {
	color: #666; text-decoration:none; border:0;
}

a:hover, a:active, a:focus {
	color:#a60000;
}

.piclink a:link, .piclink a:visited {
	color:#666; text-decoration:none;
}

.piclink a:hover, .piclink a:active, .piclink a:focus {
	color:#a60000;
}

.borderless a:link, .borderless a:visited {
	color:#666; text-decoration:none; border:0;
}

.borderless a:hover, .borderless a:active, .borderless a:focus {
	color:#a60000;
}


.font70 { font-size:70%; }
.font80 { font-size:80%; }
.font120 { font-size:120%; }
.font140 { font-size:140%; }
.font160 { font-size:160%; }
.font180 { font-size:180%; }
.font200 { font-size:200%; }
.font230 { font-size:230%; }
.font250 { font-size:250%; }
.font270 { font-size:270%; }
.font300 { font-size:300%; }
.font350 { font-size:350%; }
.font400 { font-size:400%; }

.weiss { color: #FFF; }
.rot { color: #ff0000; }
.pink { color: #e2007a; }
.dpink { color: #b00050; }
.grau { color: #222; }
.hellgrau { color: #ccc; }
.black { color: #000; }
.rosa { color: #f1b5d1; }

.float-right {
	float:right;
	margin: 0 0 15px 15px;
}

.float-left {
	float:left;
	margin: 0 15px 15px 0px;
}

