@charset "utf-8";
/* www.magic-romance.de */

/* --- Body --- */

* {
margin: 0;
padding: 0;
}

body {
background: #F7F4ED url(../images/layout/background.jpg) 0 0 repeat-x;
margin: 0 auto;
font: 0.9em Georgia, "Times New Roman", Times, serif;
color: #463b2f;
line-height: 1.6em;
}

p {
margin: 0 0 14px 0;
}

/* --- Headline --- */

h1 {
font-size: 0.1em;
text-indent: -1000px;
}

h2 {
width: 458px;
height: 54px;
margin: 33px 0 50px 86px;
float: left;
}

h3 {
color: #346826;
font-size: 1.2em;
padding: 0 0 15px 0;
}

/* --- Class --- */

a {
color: #841211; 
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

ul.liste {
list-style-type: none;
}
					
ul.liste li {
background: url(../images/layout/listenpunkt.jpg) 0 5px no-repeat;
padding-left: 20px;
margin-bottom: 3px;
}

.bild_cms {
border: 1px solid #346826;
padding: 2px;
margin: 10px;
}

/* --- Container --- */

#container {
background: url(../images/layout/container.jpg) 0 0 repeat-y;
width: 910px;
margin: 0 auto;
}

/* --- Header --- */

#header {
position:relative;
background: url(../images/layout/header.jpg) 0 0 no-repeat;
width: 910px;
height: 285px;
}

	#logo {
	width: 218px;
	height: 132px;
	margin: 31px 0 0 118px;
	float: left;
	}
	
/* --- Navi --- */

#navi {
width: 253px;
height: 210px;
float: left;
margin: 5px 0 0 180px;
}

	#navi ul {
	margin: 0;
	}
	
	#navi ul li {
	list-style-type:  none;
	float: left;
	}
	
	#navi ul li a, #navi ul li a:hover, #navi ul li a.active {
	text-decoration: none;
	text-indent: -9999px;
	width: 253px;
	display: block;
	outline: none;
	}

		#navi ul li a.locations {
		background: url(../images/navi/locations.jpg) 0 0 no-repeat;
		height: 40px;
		}
		#navi ul li a.locations:hover, #navi ul li a.locationsActive {
		background: url(../images/navi/locations.jpg) -253px 0 no-repeat;
		height: 40px;
		}
		
		#navi ul li a.arrangements {
		background: url(../images/navi/arrangements.jpg) 0 0 no-repeat;
		height: 33px;
		}
		#navi ul li a.arrangements:hover, #navi ul li a.arrangementsActive {
		background: url(../images/navi/arrangements.jpg) -253px 0 no-repeat;
		height: 33px;
		}
		
		#navi ul li a.hochzeitskleidung {
		background: url(../images/navi/hochzeitskleidung.jpg) 0 0 no-repeat;
		height: 36px;
		}
		#navi ul li a.hochzeitskleidung:hover, #navi ul li a.hochzeitskleidungActive {
		background: url(../images/navi/hochzeitskleidung.jpg) -253px 0 no-repeat;
		height: 36px;
		}
		
		#navi ul li a.service {
		background: url(../images/navi/service.jpg) 0 0 no-repeat;
		height: 27px;
		}
		#navi ul li a.service:hover, #navi ul li a.serviceActive {
		background: url(../images/navi/service.jpg) -253px 0 no-repeat;
		height: 27px;
		}
		
		#navi ul li a.aktuelles {
		background: url(../images/navi/aktuelles.jpg) 0 0 no-repeat;
		height: 32px;
		}
		#navi ul li a.aktuelles:hover, #navi ul li a.aktuellesActive {
		background: url(../images/navi/aktuelles.jpg) -253px 0 no-repeat;
		height: 32px;
		}
		
		#navi ul li a.team {
		background: url(../images/navi/team.jpg) 0 0 no-repeat;
		height: 30px;
		}
		#navi ul li a.team:hover, #navi ul li a.teamActive {
		background: url(../images/navi/team.jpg) -253px 0 no-repeat;
		height: 30px;
		}
		
/* --- Subnavi --- */

#subnavi {
background: url(../images/navi/subnavi.jpg) 0 0 no-repeat;
width: 910px;
height: 138px;
}

	#subnavi ul {
	padding: 110px 0 0 575px;
	}
	
	#subnavi ul li {
	list-style-type:  none;
	float: left;
	}
	
	#subnavi ul li a {
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	outline: none;
	color: #463b2f;
	padding: 0 8px 0 8px;
	}
	
	#subnavi ul li a:hover, #subnavi ul li a.active {
	text-decoration: underline;
	}
	
/* --- Content --- */

#content {
background: url(../images/layout/content.jpg) 0 0 no-repeat;
width: 910px;
}

	#inhalt {
	width: 850px;
	float: left;
	}

		#left {
		width: 330px;
		float: left;
		}
		
		.left {
		width: 330px;
		float: left;
		}
		
		#right {
		width: 230px;
		float: left;
		margin: 0 0 0 30px;
		}
		
		.right {
		width: 230px;
		float: left;
		margin: 0 0 0 30px;
		}
		
		#bildleiste {
		width: 220px;
		float: left;
		margin: 0 0 0 30px;
		}
		
		#cms_left {
		width: 400px;
		float: left;
		}
		
		#cms_right {
		width: 400px;
		float: left;
		margin: 0 0 0 50px;
		}
		
		#inhalt_kontakt {
		width: 560px;
		float: left;
		margin: 0 30px 0 0;
		}
		
			#containerSwf{
			width:220px;
			height:320px;
			padding:7px 0 10px 8px;
			margin:0;
			border:none;
			}

	.clear {
	float: none;
	clear: both;
	}
	
	#inhalt_player {
		width: 700px;
		float: left;
		margin: 0 30px 0 0;
		}

/* --- Footer --- */

#footer {
background: url(../images/layout/footer.jpg) 0 0 no-repeat;
width: 910px;
height: 130px;
}


#header div.flyer{
	display:block;
	position:absolute;
	width:150px;
	height:191px;
	background:url(../images/flyer.gif);
	left: 745px;
	top: 93px;
}


a.flyer{
	display:block;
	position:absolute;
	width:150px;
	height:191px;
	background:url(../images/flyer.gif);
	left: 745px;
	top: 93px;
text-indent: -6000px;
}

.pdf {
	background:url(../images/icon-pdf.gif) no-repeat left ; 
	padding: 0 15px 0 60px;
	width: 150px;
	display: block;
	height: 25px;
}