body {
	background-color: #C8C8C8;
	color: #444;
	font: 1em/120% Verdana,  Arial, Trebuchet MS;
	margin: 0 auto;
}

	
p {
	font: 0.75em/140% Verdana,  Arial, Trebuchet MS;
	color: #444;
	margin: 0;
	padding: 0;
}

h1 {
	font: 1.1em Verdana,  Arial, Trebuchet MS;
	color: #444;
	margin: 20px 0 0 0;
	padding: 0;
	xtext-align: center;
}

h2 {
	font: 0.75em Verdana,  Arial, Trebuchet MS;
	color: #444;
	margin: 15px 0 10px 0;
	padding: 0;
	
}

h3 {
	font: 0.9em Verdana,  Arial, Trebuchet MS;
	color: #444;
	margin: 5px 0 0 0;
	padding: 0;
}

h4 {
	font: 0.75em Verdana,  Arial, Trebuchet MS;
	color: #444;
	margin: 5px 0 0 0;
	padding: 0;
}

a {
	color: #444;
	font: 1.1em Arial, Verdana, Trebuchet MS;
	text-decoration: none;
	padding: 0;
	margin: 0;
	xborder: 1px solid red;
}

a:hover {
	text-decoration: underline;
	background-color: #D2D2D2;
}

.active {
	text-decoration: underline;
}

.first {
	background-image: none;
}

img, img a {
    border: none;
	xborder: 3px solid white;
    background: none;
	padding: 0;
	margin: 0;
}

#jumper {
	display: none;
}

#page {
	xbackground-color: #F7F7EF;
	xbackground-color: red;
	margin: 15px auto 0;
	padding: 0;
	width: 900px;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	/*min-height: 600px;*/
}

.clear {
	overflow: hidden;
}

/* HEADER
-----------------------------------------------------------------------------*/
#header {
	margin: 0 0 5px 0;
	padding: 0;
	height: 52px;
	width: 100%;
	xborder: 1px solid grey;
}
#headerlogo {
	width: 435px;
	float: left;	
}

#logo {
	background: url(images/logo_der_hochzeitsfotograf.jpg) no-repeat;
	float: left;
	height: 52px;
	text-indent: -2000px;
	width: 435px;
}

/* NAVI
-----------------------------------------------------------------------------*/
.navi {
	list-style: none;
	width: 450px;
	float: right;
	padding: 35px 0 0 0;
	margin: 0 5px 0 0;
	text-align: right;
	font: 0.6em Arial, Verdana, Trebuchet MS;
	xborder: 1px solid green;
}


	.navi li {
		width: 100%;
		height: 10px;
		background-image: url(images/6x6_brown.gif);
		background-position: 0 50%;
		background-repeat: no-repeat;
		display: inline;
		margin: 0; /* Margin nach unten wird im IE anders interpretiert*/
		padding: 0 5px 0 12px;
	}
	
		.navi li.first {
			background-image: none;
		}	
	
.subnavi {
	list-style: none;
	width: 100%;
	background-color: #EAEAEA;
	text-align: right;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	xborder: 1px solid green;
}

	.subnavi li {
		width: 100%;
		background: url(images/6x6_brown.gif) left center no-repeat;
		display: inline;
		margin: 0;
		padding: 0 5px 5px 10px; /*10px für Position Listenelement*/
		xborder: 1px solid blue;
	}
		.subnavi li.first {
			background-image: none;
			xborder: 1px solid red;
		}
		.subnavi li.last {
			margin: 0 5px 0 0;
		}


/*CONTENT
-----------------------------------------------------------------------------*/
#contentarea {
	background-color: #E9EBEB;
	margin: 0;
	padding: 10px 0 10px 0;
	clear: both;
	xborder: 1px solid green;
}

.content {
	width: 670px;
	min-height: 430px;
	padding: 0;
	margin: 0 auto 10px;
	clear: both;
}

.content_vita {
	width: 740px;
	min-height: 430px;
	padding: 0;
	margin: 0 auto 10px;
	clear: both;
}

#line {
	border-bottom: 1px solid #2B211C;
	margin: 5px 0 5px 0;
	padding: 0;
	width: auto;
}

.textbox {
	font: 1em/120% Arial, Verdana, Trebuchet MS;
	border-bottom: 1px solid #E0E0E0;
	padding: 0 0 20px 0;
	margin: 0;
	overflow: hidden;
}

.textbox p{
	margin: 0 0 8px 0;
}

.textboxGast {
	xfont: 1em/120% Arial, Verdana, Trebuchet MS;
	padding: 10px 0 10px 0;
	margin: 0;
	overflow: hidden;
}

.textboxGast p {
	xfont: 1em/120% Arial, Verdana, Trebuchet MS;
	border-left: 1px solid #E0E0E0;
	padding: 0 0 0 10px;
	margin: 10px 25px 0 0;
	overflow: hidden;
}

.textboxLast {
	border-bottom: 0px;
	padding: 0 0 20px 0;
	margin: 10px 25px 0 0;
}

.textboxLast a {
	font: 0.7em/120% Arial, Verdana, Trebuchet MS;
	color: #2B211C;
	margin: 0 0 0 0;
	padding: 0 15px 0 0;
}

.textboxLast p{
	margin: 0 0 8px 0;
}

.textbox a {
	font: 0.7em/120% Arial, Verdana, Trebuchet MS;
	color: #2B211C;
	margin: 0;
	padding: 0 15px 0 0;
}

.textbox a:hover {
	color: #2B211C;
}

.intern {
	background: url(images/link_weiterfuehrend.png) right no-repeat;
	margin: 10px 20px 0 20px;
}

.extern {
	background: url(images/link_extern.png) right no-repeat;
	margin: 10px 20px 0 20px;
}


.imagebox{
	margin: 0 auto;
	padding: 10px;
	width: 630px;
	height: 345px;
	xborder: 10px solid #C8C8C8;
}



.subline {
	background-color: white;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
}

.substart {
	margin: 20px 0 10px 0;
	padding: 10px 0;
	text-align: center;
}

.firstsub{
	xborder-bottom: 1px solid #E0E0E0;
	margin: 0 auto;
	padding: 0;
}

.absatzlink {
	list-style: none;
	font: 0.7em/120% Arial, Verdana, Trebuchet MS;
	color: grey;
	padding: 0;
	margin: 0;
	xborder: 1px solid red;
}

.absatzlink li {
	background: url(images/link_weiterfuehrend.png) right center no-repeat;
	display: inline;
	padding: 0;
	margin: 0;
	xborder: 1px solid green;
	
}

.absatzlink li a:hover {
	text-decoration: underline;
}



#bgstandard {
	background: url(images/bg_start.gif) no-repeat;
	margin: 0 auto;
	padding: 30px 0 0 0;
	clear: both;
	width: 850px;
	height: 465px;
	xborder: 1px solid green;
}

#bgstandardgallery {
	background: url(images/bg_start.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}


*/
/*CONTENT STARTSEITE
-----------------------------------------------------------------------------*/
#bgstart {
	background-color: red;
	margin: 0 auto;
	padding: 30px 0 30px 0;
	clear: both;
	width: 870px;
	height: 465px;
	border: 1px solid red;
}

#bgmain {
	background: url(images/bg_start.gif) no-repeat;
	margin: 0 auto;
	padding: 30px 0 10px 0;
	clear: both;
	width: 870px;
	min-height: 465px;
}

#bghead {
	background: url(images/bg_head.gif) no-repeat;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	clear: both;
	width: 900px;
	min-height: 290px;
}

#flash {
	width: 850px;
	height: 495px;
	margin: 0 auto 10px;
	padding: 0;
}

#bgcontent {
	background: url(images/bg_content_wedding.gif) no-repeat;
	margin: 0 auto;
	padding: 40px 0 30px 0;
	clear: both;
	width: 850px;
	min-height: 465px;
}

.imageboxblanco {
	margin: 0;
	padding: 0;
	width: 630px;
	height: 365px;
}

.imageboxsmall {
	margin: 0;
	padding: 0;
	width: 670px;
	height: 150px;
	border-bottom: 0;
}

/*CONTENT FOTOS VERTEILERSEITE
-----------------------------------------------------------------------------*/
#thumb {
	width: 75px;
	float: left;
	border: 1px solid grey;
	margin: 0 10px 0 0px;
	padding: 0;
}


/*CONTENT WEDDING
-----------------------------------------------------------------------------*/


#bgwedding1 {
	background: url(images/bg_wedding1.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}

#bgwedding2 {
	background: url(images/bg_wedding2.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}

#bgwedding3 {
	background: url(images/bg_wedding3.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}

#bgwedding4 {
	background: url(images/bg_wedding4.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}

#bgwedding5 {
	background: url(images/bg_wedding5.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}
#bgwedding6 {
	background: url(images/bg_wedding6.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 850px;
	height: 495px;
	xborder: 1px solid green;
}

#rubrik{
	width: 550px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}



.rubrik{
	margin: 0 auto;
	padding: 10px;
	width: 850px;
	height: 345px;
	xborder: 10px solid #C8C8C8;
}

.rubrik img{
	padding: 0;
	margin: 10px 15px;
}

.rubrik a img{
	border: 3px solid white;
		
}

.rubrik a:hover img{
	border: 3px solid #666;
}


/* Absoluter Tooltip */
#tooltip{
  position: relative; 
  font: 1em Arial, Verdana, Trebuchet MS;
  color: #2B211C;
  }
  
#tooltip a span {display: none;}

#tooltip a:hover span {
   display: block;
   position: absolute; 
   top: 360px; 
   padding: 5px; 
   z-index: 100;
   xborder: 1px solid red;
   width: 100%;

   }

#tooltip h1 {
	font: 0.9em Arial, Verdana, Trebuchet MS;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
}
   
   
   
#flash {
	width: 850px;
	height: 495px;
	margin: 0 auto 10px;
	padding: 0;
}

	
/* STARTSEITE
-----------------------------------------------------------------------------*/
p.intro {
	font: 15px/18px Verdana,  Arial, Trebuchet MS;
	color: #2D4248;
	padding: 0;
	margin: 0 0 20px 0;
}

/* KONTAKT
-----------------------------------------------------------------------------*/
.listekontakt {
	list-style: none;
	font: 0.75em/140% Verdana,  Arial, Trebuchet MS;
	color: #333;
	padding: 0;
	margin: 0;
}

.listekontakt a{
	list-style: none;
	font: 1em/140% Verdana,  Arial, Trebuchet MS;
}



/* FOOTER
-----------------------------------------------------------------------------*/
#footer {
	margin: 0 0 15px 0;
	padding: 0;
	height: 30px;
}

#adress {
	font: 0.7em/120% Arial, Verdana, Trebuchet MS;
	width: auto;
	margin: 4px 0 0 10px;
	padding: 8px 0 0 0;
	xborder: 1px solid red;
	xlist-style: none;
	text-align: center;
}

#adress li{
	background-image: url(images/7px_line.gif);
	background-position: 0 40%;
	background-repeat: no-repeat;
	display: inline;
	margin: 0;
	padding: 0px 5px 4px 10px;
	xborder: 1px solid red;
}

#adress li.first{
	background-image: none;
	padding: 0 5px 3px 0;
	xmargin: 0;
}

#servicelinks {
	float: right;
	list-style: none;
	margin: 4px 5px 0 0;
	padding: 0;
	width: auto;
	xheight: 15px;
	text-align: right;
	xborder: 1px solid orange;
}
	#servicelinks li {
		background-image: url(images/7px_line.gif);
		background-position: 0 60%;
		background-repeat: no-repeat;
		display: inline;
		margin: 0;
		padding: 0px 5px 4px 10px;
		xpadding: 0px 5px 4px 10px;
		xborder: 1px solid blue;
		}

		#servicelinks li a {
			xcolor: darkgrey;
			padding: 0;
			margin: 0;
		}
	
		#servicelinks li.first {
			background-image: none;
		}


/* VALIDIERUNG
-----------------------------------------------------------------------------*/
#validation {
	list-style: none;
	margin: 0 auto 30px;
	padding: 0;
	width: 100px;
	float: left;
}
	#validation li {
		display: inline;
	}
		#validation a{
			font-size: 0.5em;
			color: grey;
			margin: 0 0 0 20px;
			xborder: 1px solid red;
		}