@charset "UTF-8";
/* G.Szathmary ©- 2011 */
/* www.szathmary.de */
/* http://www.szathmary.de */
/* KAMERA | FOTOGRAFIE | WEBDESIGN */
/* Gregor Szathmary
Bildgestaltung - Bildberichterstattung
Mozartstr. 17
50259 Pulheim
kontakt@szathmary.de */


/* BODY & Aussehen Rahmen */

html, body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222;
	margin:0;
	padding:0;
	overflow:auto;
}

#body_impressum {
}

#body_kamera {
}

a {
	outline:none;
}

/*------------------------------------------------------------------------*/
	
/* STARTSEITE */

/* OK */
#rahmen_start {
	background:url(Bilder/logo_g.szathmary_index.gif) left no-repeat;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	

	border:#b39f00 solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}


#rahmen_kamera {
	background:#ffffff url(Bilder/hg_kamera.gif) left no-repeat;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	
	border:#6e90a1 solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}


#rahmen_foto {
	background:url(Bilder/hg_photo.gif) left no-repeat;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	
	border:#222 solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}


#rahmen_webdesign {
	background:url(Bilder/hg_webdesign.gif) left no-repeat;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	
	border:#aa701e solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}


#rahmen_kontakt {
	background:url(Bilder/hg_kontakt.gif) left no-repeat;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	
	border:#b39f00 solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}

#rahmen_sitemap {
	background:url(Bilder/hg_sitemap.gif) left no-repeat;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	
	border:#b39f00 solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}


#rahmen_impressum {
	background:#ffffff url(Bilder/hg_sitemap.gif) no-repeat left;
	position:absolute;
	
	width:800px;
	left:50%;
	margin-left:-450px;
	
	height:400px;
	top:50%;
	margin-top:-250px;
	
	border:#b39f00 solid 50px;
	
	overflow:hidden;
	
	z-index:1;
}



#mouseover_start {
	position:absolute;
	
	width:680px;
	left:50%;
	margin-left:-210px;
	
	height:330px;
	top:50%;
	margin-top:-225px;
		
	z-index:10;
}

#mouseover_start a, a:link, a:visited {
	background: transparent;
	
	border:none;

}

#vakszoveg {
	position:absolute;
	width:0px;
	height:0px;
	left:-10px;
	bottom:-10px;
	font-size:-2px;
	color:#000;
	display:none;
}



/*------------------------------------------------------------------------*/

/* HAUPTSEITE */

#text_inhalt {
	position:absolute;
	
	width:240px;
	left:50%;
	margin-left:-140px;
	
	height:230px;
	top:50%;
	margin-top:-55px;	
	
	text-align:left;
	line-height:20px;
	letter-spacing:0.04em;
	
	overflow:auto;
	padding-right:20px;
	padding-left:20px;
			
	z-index:10;
}


#text_inhalt a, a:link, a:visited {
	outline:none;
	background:url(Bilder/transparent_10.gif) left repeat;

	border:none;
	
	color:#222;
	text-decoration:underline;
	margin-right:1px;
}

#text_inhalt a:hover {
	background:url(Bilder/transparent_10.gif) left repeat;
	color:#333333;
	text-decoration:none;
}

#text_inhalt_foto {
	position:absolute;
	
	width:240px;
	left:50%;
	margin-left:-140px;
	
	height:230px;
	top:50%;
	margin-top:-55px;	

	overflow:auto;
	padding-right:20px;
	padding-left:20px;
			
	z-index:10;
}

#foto_inhalt {
	position:relative;
	float:left;
	vertical-align: middle;
	line-height:30px;
	border-bottom:20px;
}


#text_inhalt_foto a, a:link, a:visited {
	background:url(Bilder/transparent_10.gif) left repeat;
	color:#222;
	border:none;
	margin-right:1px;
}

#text_inhalt_foto a:hover {
	background:url(Bilder/transparent_10.gif) left repeat;
	color:#b39f00;
	text-decoration:none;
}


#icon_studio_top {
	float:left;
}

#untermenu_auflistung {
	list-style:none;
}



/*------------------------------------------------------------------------*/

/* HAUPTNAVI */

/* OK */
#position_navi_gruppen {
	position:absolute;
	width:400px;
	left:50%;
	margin-left:-160px;
	height:40px;
	top:50%;
	margin-top:-129px;
	text-align:center;
	z-index:50;
}



/* OK */
#navi_gruppen {
	position: relative;
	top: 0px;
	height:40px;
	float: left;
	padding: 0 10px 0 0;
	margin: 0px 0px 0 0px;
	list-style:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	letter-spacing:0.04em;
	color:#222;
}


#navi_gruppen_icon {
	position: relative;
	top: 0px;
	left:0px;
	height:40px;
	float: left;
	padding: 0 0 0 0px;
	margin: 0px 0px 0 0px;
	list-style:none;
	-moz-user-select: none;
	-khtml-user-select: none;	
}

/* OK */
#navi_gruppen a, a:link, a:visited {
	outline:none;
	background-color:#FFF;
	left:0px;
	margin:0 0 0 0px;
	padding:0 3px 1px 2px;
	color:#222;
	border:#fff solid 1px;
	width:90px;
}

/* OK */
#navi_gruppen a:hover {
	border:#fff solid 1px;
	text-decoration:underline;
}

#navi_gruppen_active {
	position:absolute;
	top:30px;
}





#navi {
	position:absolute;
	
	display:block;
	
	width:500px;
	left:50%;
	margin-left:-128px;
	
	height:16px;
	top:50%;
	margin-top:-253px;
	
	font-size:10px;
	font-weight:500;
	text-align:right;
	letter-spacing:0.1em;
	color:#333333;
	
/*-	border:solid 1px #D00;-*/
	
	z-index:100;
		
}

#navi a, a:link, a:visited {
	outline:none;
	text-decoration:none;
	background-color:#FFF;
	color:#333333;
	
	margin:-5px;
	padding:1px 2px 1px 3px;

	border:1px solid #FFF;
}

#navi a:hover {
	text-decoration:none;
	background-color:#333333;
	color:#EEE;

}

/*------------------------------------------------------------------------*/


/* NAVI KATEGORIEN */

#navi_kategorie {	/* POSITION */
	position:absolute;
	display:block;
	
	width:180px;
	left:50%;
	margin-left:-350px;
	
	overflow:hidden;
	padding-right:35px;
	
	height:280px;
	top:50%;
	margin-top:-85px;
	
	line-height:30px;
		
	z-index:100;
}

/* IE 6 */
*html #navi_kategorie {
	overflow:hidden;
}

#link_kategorie {
	
	display:block;
	color:#222;
	
	width:310px;
	left:0px;
	
	height:20px;

	font-size:11px;
	font-weight:500;
	text-align:left;
	letter-spacing:0.04em;
	line-height:20px;
			
	z-index:100;
}

#link_kategorie a, a:link, a:visited {
	background-color:#FFF;
	color:#222;
	border:#FFF;
	position:relative;
	left:1px;
}

#link_kategorie a:hover {
	background:url(Bilder/logo_hover.gif) center left no-repeat;
	padding-left:20px;
	color:#222;
}


#link_kategorie_active {
	background:url(Bilder/logo_hover.gif) center left no-repeat;
	width:163px;
	padding-left:20px;
	color:#222;
	position:relative;
	left:-4px;
}

#link_kategorie_titel {
	display:inline;
	position:relative;
	height:60px;
	
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	
	padding-left:0px;
	padding-right:6px;

	border-top:1px #FFF solid;
	border-left:1px #FFF solid;
	border-right:1px #FFF solid;
	border-bottom:1px #222 solid;
	
}

#link_kategorie_titel a, a:link, a:visited {
	outline:none;
	background:url(Bilder/transparent_10.gif) left repeat;
	color:#222;
	border:1px #FFF solid;
}

#link_kategorie_titel a:hover {
	background:url(Bilder/logo_hover.gif) left no-repeat;
	padding-left:20px;
	color:#222;
	position:relative;
	left:-1px;
	text-decoration:none;
}


#aktiv_menue {
	position:relative;

	width:300px;
	left:0px;
	
	height:30px;

	background-color:#FFF;
	color:#663300;
	padding-left:3px;
	padding-top:-10px;
}



/*------------------------------------------------------------------------*/


/* IMPRESSUM */

/* OK */

#impressum_position {
	position:absolute;
	width:600px;
	left:50%;
	margin-left:-180px;
	height:20px;
	bottom: 5px;
	text-align: center;
	z-index:1000;
}

#impressum {
	display:block;
	float: left;
	width:auto;
	padding: 2px 4px 2px 4px;
	margin: 0px -3px 0 -2px;
	list-style:none;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
		
	color:#333333;
	font-size:9px;
	font-weight:500;
	letter-spacing:0.1em;
	
/*	border:solid 1px #D00;	*/
	
	z-index:1000;
		
}


#impressum a, a:link, a:visited {
	outline:none;
	background:url(Bilder/transparent_10.gif) left repeat;
	text-decoration:none;
	color:#333333;
	border:none;

	padding: 2px 5px 2px 4px;
}

#impressum a:hover {
	text-decoration:underline;
	padding: 2px 5px 2px 4px;
	color:#333333;
}

#impressum_active {
	border:1px solid #FFF;

	padding:1px 2px 1px 3px;
}


/*------------------------------------------------------------------------*/

/* KONTAKT */


#kontakt a, a:link, a:visited {
	border:1px solid #333333;
	
	background-color:#333333;
	text-decoration:none;
}

#kontakt a:hover {
	background-color:#EEE;
	color:#333333;
}

#navi_kontakt_impressum {
	position:absolute;
	display:block;
	
	width:300px;
	left:50%;
	margin-left:-250px;
	
	height:400px;
	top:50%;
	margin-top:-205px;
	
	font-size:11px;
	font-weight:500;
	text-align:left;
	letter-spacing:0.1em;
	line-height:30px;
		
	z-index:100;
}

#link_kontakt_impressum {
	display:block;
	
	width:310px;
	left:0px;
	
	height:30px;

	font-size:11px;
	font-weight:500;
	text-align:right;
	letter-spacing:0.1em;
	line-height:30px;
		
	z-index:100;}


#link_kontakt_impressum a, a:link, a:visited {
	border-top:1px solid #339966;
	border-left:1px solid #339966;
	border-right:1px solid #339966;
	border-bottom:1px solid #339966;
	
	background-color:#339966;
	text-decoration:none;

	padding:2px 2px 2px 4px;
}
	
#link_kontakt_impressum a:hover {
	border:none;
	
	text-decoration:none;
	background-color:#663300;
	color:#EEE;
	
	padding:2px 2px 2px 4px;
}

#email {
	position:absolute;
	width:200px;
	left:20px;
	bottom:10px;
}


/*------------------------------------------------------------------------*/

/* SITEMAP */

#sitemap_navi {
	position:absolute;
	left: 50%;
	margin-left:-20px;
	
	top: 50%;
	margin-top:-200px;
	
	
	background-color:#663300;
	color:#EEE;
	
	border-top:1px solid #FFF;
	border-left:1px solid #663300;
	border-right:1px solid #FFF;
	border-bottom:1px solid #663300;
	
	padding:0px;
		
	font-size:11px;
	font-weight:500;
	text-align:left;
	letter-spacing:0.1em;
		
	z-index:100;
	
	border:solid 1px #800;
}

#sitemap_text_inhalt {
	position:absolute;
	
	width:255px;
	left:50%;
	margin-left:78px;
	
	height:399px;
	top:50%;
	margin-top:-202px;	
	
	text-align:left;
	font-size:10px;
	line-height:20px;
	letter-spacing:0.05em;
	
	overflow:auto;
	padding-right:45px;
	padding-left:20px;
	
	border-left:solid 1px #EEE;
		
	z-index:10;
}

#li_sitemap {
	line-height:25px;
}

#li_sitemap a, a:link, a:visited {
	background:url(Bilder/transparent_10.gif) left repeat;

}

#li_sitemap a:hover {
	background:url(Bilder/transparent_10.gif) left repeat;
	color:#333333;
}

#li_sitemap_unter {
	background:url(Bilder/trenner_sitemap.gif) left no-repeat;
	padding-left:35px;
	line-height:21px;
}

#li_sitemap_unter a, a:link, a:visited {
	background:url(Bilder/transparent_10.gif) left repeat;
	text-decoration:underline;

}

#li_sitemap_unter a:hover {
	background:url(Bilder/transparent_10.gif) left repeat;
	text-decoration:none;

}



/*------------------------------------------------------------------------*/

/* vakszöveg + iframe */



#vakszoveg {
	position:absolute;
	top:0px;
	right:0px;
	font-size:0px;
	color:#FFF;
	height:0px;
	width:0px;
	z-index:0;
}

.iframe {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	font-size:0px;
	color:#FFF;
	height:0px;
	width:0px;
	z-index:0;
}


/*------------------------------------------------------------------------*/

/* BABY */


#text_inhalt_baby {
	position:absolute;
	color:#EEE;
	
	width:270px;
	left:50%;
	margin-left:78px;
	
	height:399px;
	top:50%;
	margin-top:-200px;	
	
	text-align:left;
	line-height:20px;
	letter-spacing:0.07em;
	
	overflow:auto;
	padding-right:30px;
	padding-left:20px;
	
	border-left:solid 1px #EEE;
		
	z-index:10;
}


#text_inhalt_baby a, a:link, a:visited {

	border:none;
	
	background-color:#ded0bb;
	text-decoration:underline;

	padding:-1px 0px -1px -2px;
}

#text_inhalt_baby a:hover {
	background-color:#ded0bb;
	text-decoration:none;
	padding:0 1px 0 -1px;
}

#fotos_baby {
	position:absolute;
	
	width:300px;
	left:50%;
	margin-left:-240px;
	
	height:400px;
	top:50%;
	margin-top:-205px;
	
	font-size:11px;
	font-weight:500;
	text-align:right;
	letter-spacing:1em;
	line-height:30px;
		
	z-index:100;
}

#fotos_baby a, a:link, a:visited {
	background-color:#333333;
	text-decoration:none;
		
}

#fotos_baby a:hover {
	background-color:#333333;
	text-decoration:none;
}

#link_baby {
	position:relative;
	width:200px;
	left:0px;
	
	height:30px;
	top:-5px;
		
	color:#EEE;
	
	height:30px;

	font-size:11px;
	font-weight:500;
	letter-spacing:0.1em;
	line-height:30px;
			
	z-index:100;
}

#link_baby a, a:link, a:visited {
	color:#EEE;	
	border:1px solid #333333;
	
	background-color:#333333;
	text-decoration:none;
	padding:2px 2px 3px 5px;
}

#link_baby a:hover {

	border:1px solid #333333;

	
	text-decoration:none;
	background-color:#EEE;
	color:#663300;
	padding:2px 2px 3px 5px;
}


#link_baby_active {
	display:inline;
	text-decoration:none;
	background-color:#EEE;
	color:#663300;

	border:none;
	
	padding:2px 2px 3px 4px;
}