@charset "utf-8";
/* CSS Document */
/* verhindert im Firefox den Rahmen um das Menü */
a:active, a:focus {outline: none;}
html { overflow-y: scroll;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* ----- Schriftart einbetten------
@font-face {
 font-family: TriathlonDB;
 src: url("TriathlonDB.eot") 
}
@font-face {
 font-family: TriathlonDB;
 src: url("TriathlonDB.ttf") 
}*/
body {
	margin:0;
	padding:0;
	font:12px/1.231 sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#ebeffa;
	}
a {
	text-decoration:none;
	color:#0033ff;
	}
a:hover {
	text-decoration:underline;
	color:#cc3366;
	}
h1 {
	font-size:20px;
	font-weight:500;
	font-family: Tahoma, Geneva, sans-serif;
	color: #3F3F3F;
	margin:5px 0 5px 0;
	}
img { border:none;}
p.nomargin { margin:0;}
#container {
	margin:0 auto 45px auto;
	width:930px;
	border:1px solid  #ccc;
	box-shadow:0 0 20px #666;
	-moz-box-shadow:0 0 20px #666;
	-webkit-box-shadow:0 0 20px #666;
	}
header {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color: #3F3F3F;
	text-align:left;
	margin-bottom:15px;
	}
header .logo {
	display:block;
	width:930px;
	height:163px;
	background: url(../images/spiele-hochzeit.jpg) no-repeat top;
	border-bottom:15px solid #BF5061;
	}
header h1 {
	font-size:22px;
	font-weight:500;
	/*font-family:TriathlonDB;*/
	margin:5px 0 5px 115px;
	text-shadow: 2px 2px 3px #999;
	-moz-text-shadow: 2px 2px 3px #999;
	-webkit-text-shadow: 2px 2px 3px #999;
	}
article.input h1 {
	font-size:22px;
	font-weight:500;
	/*font-family:TriathlonDB;*/
	margin:5px 0 5px 0;
	text-shadow: 2px 2px 3px #999;
	-moz-text-shadow: 2px 2px 3px #999;
	-webkit-text-shadow: 2px 2px 3px #999;
	}
.fb-button {
	border:none;
	float:right;
	margin:10px 10px 0 0;
	}
.fb {
	float:right;
	border:none;
	margin:-5px 10px 15px 0;
	}
#fb-root {
	height:50px;
	}
#suche {
	width:280px;
	margin:5px 10px 0 0;
	float:right;
	}
/*------------Navigation - Links--------*/
nav { 
	float:left;
	margin-left:10px;
	margin-top:10px;
	color:#0033ff;
	font-weight:bold;
	font-size:14px;
	}
nav ul { 	
	list-style:none;
	padding:0;
	margin:0;
	}
nav li {
	margin-left:5px;
	margin-bottom:10px;
	background:url(../images/dot.jpg) no-repeat left center;
	}
nav li a {
	padding-left:15px;
	}
/*----------Hauptnavigation-----------*/
#navigation { 
	text-align:left;
	margin-top:15px;
	clear:both;
	}
#navigation ul {
	float:left;
	list-style:none;
	display:inline-block;
	margin:0;
	padding:0;
	}
#navigation li {
	font-weight:bold;
	width:175px;
	height:25px;
	}
#navigation a { 
	text-decoration:none;
	display:block;
	white-space:nowrap;
	margin-left:15px;
	}
#navigation a:hover { 
	text-decoration: underline;
	color:#cc3366;
	}
/*--------------Navigation Unterseiten----------*/
#navigation .unterseiten li  {	
	font-weight:bold;
	width:233px;
	height:25px;
	}
#navigation .unterseiten a { 
	text-decoration:none;
	display:block;
	white-space:nowrap;
	margin-left:40px;
	}
#navigation .unterseiten a:visited {
	color:#BF5061;
	}
.hph {
	width:200px;
	height:145px;
	float:left;
	margin:-25px 0 10px 100px;
	}
.hph a {
	font-weight:bold;
	}
.hph img {
	margin-top:10px;
	}
.hph2 {
	width:200px;
	height:145px;
	float:left;
	margin:-25px 0 10px 80px;
	}
.hph2 a {
	font-weight:bold;
	}
.hph2 img {
	margin-top:10px;
	}
.hph3 {
	width:200px;
	height:145px;
	float:left;
	margin:0 15px 0 15px;
	}
.hph3 a {
	font-weight:bold;
	}
.hph3 img {
	margin-top:10px;
	}
.hph-alone {
	width:550px;
	margin:0 auto;
	height:120px;
	line-height:25px;
	}
#navigation .unterseiten-2 li  {	
	font-weight:bold;
	width:320px;
	height:25px;
	}
#navigation .unterseiten-2 a { 
	text-decoration:none;
	display:block;
	white-space:nowrap;
	margin-left:80px;
	}
#navigation .unterseiten-2 a:visited {
	color:#BF5061;
	}
.us-navi {
	text-align:center;
	margin:30px 0 30px 0;
	font-weight:bold;
	clear:left;
	}
aside {
	float:right;
	width:180px;
	}
aside ul {
	list-style:none;
	padding:0;
	}
aside li {
	margin-bottom:2px;
	}

/*------------Hauptbereich-------------*/
section {
	width:700px;
	margin:0 auto;
	text-align:justify;
	color:#000;
	}
article {
	width:700px;
	margin:0 auto;
	text-align:justify;
	}
article h2 {
	font-size:19px;
	font-weight:500;
	color: #3F3F3F;
	margin:10px 0 15px 0;
	text-shadow: 2px 2px 3px #999;
	-moz-text-shadow: 2px 2px 3px #999;
	-webkit-text-shadow: 2px 2px 3px #999;
	}
article ol.t10 {
	float:left;
	display:inline-block;
	margin:0;
	padding:0;
	}
article ol.t10 li {
	margin:5px 0 0 20px;
	}
.liste-links {
	float:left;
	width:200px;
	margin-left:50px;
	}
.liste-rechts {
	float:right;
	width:200px;
	margin-right:20px;
	}
/*-----------Klassen------------------*/
.clear {
	clear:both;
	padding:15px 0 15px 0;
	}
.clearleft {
	clear:left;
	padding:15px 0 15px 0;
	}
.clearsm {
	clear:left;
	padding:5px 0 5px 0;
	}
hr {
	border:none;
	border-top:1px solid #ccc;
	margin:0;
	}
.center { 
	text-align:center;
	}
.indximg {
	float:left;
	width:200px;
	padding:0 10px 10px 10px;
	border:1px solid #ccc;
	margin-right:17px;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
.indximg img, .indximg-end img  {
	border:none;
	box-shadow:0 0 5px #666;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	}
.indximg-end {
	float:left;
	width:200px;
	padding:0 10px 10px 10px;
	border:1px solid #ccc;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}
.ivideo {
	float:left;
	background-color:#fff;
	border:none;
	}
.vimeo {
	clear:left;
	margin-top:30px;
	}
.bild-mitte-schatten {
	border:none;
	box-shadow:5px 5px 5px #666;
	-moz-box-shadow:5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
	}
.bild-links-schatten {
	float:left;
	margin-right:30px;
	border:none;
	box-shadow:5px 5px 5px #666;
	-moz-box-shadow:5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
	}
.bild-rechts-schatten {
	float:right;
	margin-left:30px;
	border:none;
	box-shadow:5px 5px 5px #666;
	-moz-box-shadow:5px 5px 5px #666;
	-webkit-box-shadow:5px 5px 5px #666;
	}
.mitte {
	text-align:left;
	width:600px;
	margin:0 auto;
	}
.top10 {
	text-align:center;
	}
.werbung {
	margin:0 auto;
	text-align:center;
	}
.werbung-quat {
	width:300px;
	height:250px;
	float:left;
	margin:0 0 0 50px;
	}
.bild-links {
	float:left;
	margin-right:30px;
	}
.alphabet {
	text-align:center;
	margin:0 auto;
	width:280px;
	font-weight:bold;
	font-size:14px;
	}
.alphabet a {
	display:block;
	float: left;
	width:40px;
	height:20px;
	}
.alphabet a:visited {
	color:#BF5061;
	}
ol.tipps {
	width:500px;
	}
ol.tipps li {
	margin-bottom:25px;
	}
.ads120 {
	width:120px;
	float:right;
	margin-top:5px;
	}
.ads336 {
	width:595px;
	height:280px;
	text-align:left;
	}
.ads336titel {
	width:250px;
	height:250px;
	float:left;
	margin:10px 20px 15px 0;
	}
.f14 {
	font-size:14px;
	}
.ads468 {
	text-align:center;
	padding:15px;
	margin-bottom:5px;
	}
article.input {
	width:595px;
	margin-left:115px;
	}
article.rede {
	width:595px;
	margin:0 auto; 
	}
article.geschenkideen {
	width:800px;
	margin:0 auto;
	}
article.geschenkideen p {
	padding:0 50px;}
ul.steckbrief {
	float:left;
	list-style:none;
	font-weight:bold;
	margin:10px 50px 0 0;
	padding:0;
	}
ul.steckbrief li {
	margin-bottom:5px;
	}
.druck {
	text-align:center;
	font-size:11px;
	font-style:italic;
	}
.kutsche {
	margin-left:120px;
	} 
ol.sport {
	padding:0 0 0 20px;
	}
ol.sport li {
	margin-bottom:15px;
	}
ul.gedichte li  {
	margin-bottom:15px;
	}
.lieder {
	text-align:center;
	font-size:14px;
	}
.tb-lieder {
	width:450px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	font-size:12px;
	}
.tb-lieder td {
	vertical-align:bottom;
	}
.rot {
	color:#BF5061;
	}
.maegdelein {
	width:700px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	}
.maegdelein td {
	vertical-align:top;
	}
.tw75 {
	width:75px;
	}
.tw478 {
	width:478px;
	}
.ocker {
	color:#F60;
	}
.bsp {
	margin-right:90px;
	}
.blau {
	color:#03C;
	}
.zitate-links {
	float:left;
	width:270px;
	text-align:left;
	}
.zitate-links p {
	margin-bottom:30px;
	}
.zitate-links small {
	font-size:12px;
	color:#999;
	}
.zitate-rechts {
	float:right;
	width:270px;
	text-align:left;
	}
.zitate-rechts p {
	margin-bottom:30px;
	}
.zitate-rechts small {
	font-size:12px;
	color:#999;
	}
.tage-links {
	float:left;
	margin-left:100px;
	}
.link-small {
	font-size:10px;
	}
.fuettern li {
	list-style:none;
	}
/*------------Footer---------*/
footer {
	clear:both;
	margin:15px auto 0 auto;
	width:700px;
	line-height:40px;
	text-align:center;
	border-top:1px solid #ccc;
	}
footer a {
	margin-right:15px;
	}