@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #F1F1F1 url(../../htg_smx/at_bg_2px.gif) repeat;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333333;
    }
	
	
	h1 {
		font-size: 1.5em;
		color: 999;
	}
	h2 {
		font-size: 2em;
		color: CCC;
	}
	h3 {
	font-size: 1.25em;
	color: CCC;
	}
	

    .smx #container {
	width: 780px;
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0 solid #000000;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	padding: 0;
	color: #666666;
	background: #FFFFFF;
    }
		

    .smx #header {
	background: #FFFFFF url(../../logo_at.jpg) no-repeat left center;
	padding: 0px 20px 0px 575px;
	height: 95px;
	margin: 25px 0px 0px 0px;
    }
    .smx #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 30px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	font: normal 0.95em/125% Verdana, sans-serif;
	color: #666666;
	text-decoration: none;
    }
    .smx #mainContent {
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #FFFFFF;
	margin: 0;
    }

/* Bild und Textbereich innerhalb des main content */
.smx #pics
{
	height: 300px;
	margin: 0px;
	padding: 12.5px 17px;
	width: 746px;
}


.smx #pics ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.smx #pics li
{
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.smx #pics a
{
	text-decoration: none;
	color: #CCCCCC;
}

.smx #pics a:hover
{
	color: #666666;
	text-decoration: none;
}


.smx #pics1
{
	height: 300px;
	margin: 0px;
	padding: 0px;
	background: url(../../augen_left_ani.gif) no-repeat left;
	width: 780px;
}

.smx #pics2
{
	height: 300px;
	margin: 0px;
	padding: 0px;
	background: url(../../augen_right2008.jpg) no-repeat right;
	width: 780px;
}
.smx #pics2 p
{
	visibility: hidden;
	padding-right: -500px;

}

/* abweichender Bild und Textbereich innerhalb des AGBs und Kontakts im main content */
.smx #pics_imp
{
	height: 300px;
	margin: 0px;
	padding: 12.5px 17px 4px 17px;
	width: 746px;
}
.smx #pics_imp ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.smx #pics_imp li
{
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.smx #pics_imp a
{
	text-decoration: none;
	color: #CCCCCC;
}

.smx #pics_imp a:hover
{
	color: #666666;
	text-decoration: none;
}



/* SlideShow */
.smx #navSlide
{
	margin: 0px;
	padding: 0px 0px 33px 0px;
	height: 400px;
	width: 750px;
	float: left;
	text-align: left;
}

.smx #navSlide iframe
{
	border: 0px none #FFFFFF;
}

/* ############# Bugfix Explorer, White Space ############*/
/* ##### * html +Anweisung verstehen nur Explorer 5 + 6 */
* html .smx #navSlide {
	margin: 0px;
	padding: 0px 0px 33px 0px;
	height: 410px;
	float: left;
	text-align: left;
}
* html .smx #navSlide iframe
{
	border: 1px none #FFFFFF;
	margin: 0px;
	padding: 0px;
}


/* Text */
.smx #navCopy
{
	margin: 0px;
	padding: 0 15px 0 0;
	height: 275px;
	width: 435px;
	float: left;
	text-align: left;
}

.smx #navCopy h3
{
	font: bold 1.5em Verdana, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.smx #navCopy p
{
	font: normal 1em/125% Verdana, sans-serif;
	color: #666666;
	text-decoration: none;
}

.smx #navCopy2
{
	margin: 0px;
	padding: 0 15px 0 0;
	height: 275px;
	width: 435px;
	float: left;
	text-align: left;
}

.smx #navCopy2 h3
{
	font: bold 1.5em Verdana, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

.smx #navCopy2 p
{
	font: normal 0.8em/125% Verdana, sans-serif;
	color: #666666;
	text-decoration: none;
}

.smx #agb_big_r
{
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 295px;
	float: left;
	text-align: left;
	background: #FFFFFF;
}

.smx #agb_big_r h3
{
	font: bold 1.5em Verdana, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}

.smx #agb_big_r p
{
	font: 0.8em Verdana, sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 7px 0px;
}

.smx #agb_big_r a
{
	text-decoration: none;
	color: #CCCCCC;
}

.smx #agb_big_r a:hover
{
	color: #666666;
	text-decoration: none;
}


/* Bilder: Bilder - geteilt in divs der Bilder und dazugehörige Text-divs - small=145x275px, big=295x275px, l=links (mit 5px padding rechts), r=rechts (ohne padding */
.smx #hochzeit_1small_l
{
	background: url(../../and/galerie_img/Hochzeit_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #hochzeit_2small_l
{
	background: url(../../and/galerie_img/hochzeit_2_145x275px.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #hochzeit_3small_r
{
	background: url(../../and/galerie_img/hochzeit_3_145x275px.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #baby_1small_l
{
	background: url(../../and/galerie_img/Baby_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #baby_2small_l
{
	background: url(../../and/galerie_img/baby_2_145x275px.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #baby_3small_r
{
	background: url(../../and/galerie_img/baby_3_145x275px.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #event_1small_l
{
	background: url(../../and/galerie_img/Event_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #event_2small_l
{
	background: url(../../and/galerie_img/event_2_145x275px.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #promi_1small_r
{
	background: url(../../and/galerie_img/promi_1_145x275px.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #akt_1small_l
{
	background: url(../../and/galerie_img/Akt_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #akt_2small_l
{
	background: url(../../and/galerie_img/akt_2_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #akt_3small_r
{
	background: url(../../and/galerie_img/akt_3_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #business_1small_r
{
	background: url(../../and/galerie_img/portrait-bewerbung_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #business_2small_l
{
	background: url(../../and/galerie_img/business_2_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #business_3small_r
{
	background: url(../../and/galerie_img/business_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #bewerbung_1big_r
{
	background: url(../../and/galerie_img/bewerb_295x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 295px;
	float: left;
	text-align: center;
}

.smx #bewerbung_1small_l
{
	background: url(../../and/galerie_img/portrait-bew1_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #bewerbung_2small_r
{
	background: url(../../and/galerie_img/portrait-bew2_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #passbild_1big_r
{
	background: url(../../and/galerie_img/pass_295x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 295px;
	float: left;
	text-align: center;
}

.smx #passbild_1small_l
{
	background: url(../../and/galerie_img/pass2_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #passbild_2small_r
{
	background: url(../../and/galerie_img/pass1_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #privat_1small_l
{
	background: url(../../and/galerie_img/portrait_p2_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #privat_2small_l
{
	background: url(../../and/galerie_img/portrait_p1_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px 5px 0px 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}

.smx #privat_3small_r
{
	background: url(../../and/galerie_img/portrait_p3_145x275.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 275px;
	width: 145px;
	float: left;
	text-align: center;
}



/* Bilder: Text - geteilt in divs der Bilder und dazugehörige Text-divs - small=145x275px, big=295x275px, l=links (mit 5px padding rechts), r=rechts (ohne padding */

.smx #hochzeit_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #hochzeit_2small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #hochzeit_3small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #baby_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #baby_2small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #baby_3small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #event_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #event_2small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #promi_1small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #akt_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #akt_2small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #akt_3small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #business_1small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #business_2small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #business_3small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #bewerbung_1big_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #bewerbung_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #bewerbung_2small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #passbild_1big_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #passbild_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #passbild_2small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #privat_1small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #privat_2small_l p
{
	visibility: hidden;
	padding-right: -500px;
}

.smx #privat_3small_r p
{
	visibility: hidden;
	padding-right: -500px;
}

/* Bilder: Bilder und Text - Ende */

.smx #spryBar
{
	padding: 35px 0px;
	width: 780px;
	height: 50px;
	margin: 0px;
	clear: both;
}

/* Sub Nav - More pictures */

    .smx #subNav {
	margin: 0px;
	padding: 0px 33px 15px 0px;
	line-height: 30px;
	text-decoration: none;
	vertical-align: bottom;
	height: 15px;
	width: 650px;
	text-align: right;
	float: right;
	background: url(../../and/more/more_btn3.gif) no-repeat right bottom;
	}

.smx #subNav ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
  }

.smx #subNav li
{
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px 15px 0px 25px;
}

.smx #subNav a
{
	text-decoration: none;
	color: #999999;
}

.smx #subNav a:hover
{
	color: #B9C62E;
	text-decoration: none;
}

/* Sub Nav - Portraits */

    .smx #subNavP {
	margin: 0px;
	padding: 0px 33px 15px 0px;
	line-height: 30px;
	text-decoration: none;
	vertical-align: bottom;
	height: 15px;
	width: 650px;
	text-align: right;
	float: right;
	}

.smx #subNavP ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
  }

.smx #subNavP li
{
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px 15px 0px 25px;
}

.smx #subNavP a
{
	text-decoration: none;
	color: #999999;
}

.smx #subNavP a:hover
{
	color: #B9C62E;
	text-decoration: none;
}

.smx #tickerPlain
{
	padding: 39.5px 0px;
	width: 780px;
	height: 50px;
	margin: 0px;
	clear: both;
}


.smx #ticker
{
	padding: 39.5px 0px;
	width: 780px;
	background: #FFFFFF url(../../ticker_ani19.gif) no-repeat center;
	height: 50px;
	margin: 0px;
	clear: both;
}

.smx #ticker p
{
	visibility: hidden;
	padding-right: -500px;

}

    .smx #mainNav1 {
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	text-decoration: none;
	vertical-align: bottom;
	height: 50px;
	width: 430px;
	float: left;
	padding-left: 35px;
	padding-bottom: 15px;
	}


.smx #mainNav1 ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.smx #mainNav1 li
{
	display: inline;
	font-size: 2em;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0 25px 0 0;
}

.smx #mainNav1 a
{
	text-decoration: none;
	color: #CCCCCC;
}

.smx #mainNav1 a:hover
{
	color: #666666;
	text-decoration: none;
}

    .smx #mainNav2 {
	margin: 0;
	padding: 0;
	line-height: 42px;
	text-decoration: none;
	vertical-align: bottom;
	height: 50px;
	width: 280px;
	float: right;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 15px;
	}

.smx #mainNav2 ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
  }

.smx #mainNav2 li
{
	display: inline;
	font-size: 0.8em;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	margin: 0px;
	padding: 0px 15px 0px 5px;
}

.smx #mainNav2 a
{
	text-decoration: none;
	color: #CCCCCC;
}

.smx #mainNav2 a:hover
{
	color: #666666;
	text-decoration: none;
}


    .smx #footer {
	padding: 0px 20px 0px 15px;
	background: #F6F6F6;
	clear: both;
	margin: 0;
    }
    .smx #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 3px 0 3px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size: 0.66em;
	color: #999999;
	text-decoration: none;
    }