body
{
	background-color: #fff;
	font-family: 'Lucida-Grande', 'Verdana', sans-serif;
}
a { text-decoration: none; color:#000}
a:hover { text-decoration: underline; }

h1, h2, h3
{
	font-weight: normal;
}
h1 { font-size: 30px; color: #f00; margin: 25px 0 20px 0; letter-spacing: 0.2em}
h2 { font-size: 20px; color: rgba(0,0,0,0.4); line-height: 1.3em;}
img{border: none;}

.clearer{clear:both;}
.btn
{
	font-size: 10px;
	padding: 2px 5px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
	background-color: #fff;
	display: inline-block;
	letter-spacing: 1px;
}
a.btn:hover { text-decoration: none; color: #BC0B3D;}

#site
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 956px;
    height: 694px;
    margin-left: -478px; /* half of width */
    margin-top: -347px;  /* half of height */
	background-image: url(gfx/web-3bg.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#site.kundengalerie
{
	position: relative !important;
	left: auto;
	top: auto;
	width: 956px;
	height: auto;
	margin: 20px auto;
	background-image: url(gfx/kg_top.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#head{
	padding: 0;
	background-position: 190px 42px;
	background-repeat: no-repeat;
}
#site.art33 #head{background-image: url(gfx/head/hochzeiten.gif);}
#site.art35 #head{background-image: url(gfx/head/portrait.gif);}
#site.art39 #head{background-image: url(gfx/head/familie.gif);}
#site.art29 #head{background-image: url(gfx/head/erotik.gif);}
#site.art34 #head{background-image: url(gfx/head/business.gif);}
#site.art36 #head{background-image: url(gfx/head/werbung.gif);}
#site.art38 #head{background-image: url(gfx/head/reportage.gif);}

/* #site.team #head { -image: url(gfx/head/team.gif);} */


#head h1{float:left; margin:25px 25px 0 42px;}
#head h1, #head #homelink{display:block; height:114px; width:129px; text-indent: -1000px; overflow: hidden;}
#head .navi{ float:left; height:28px; margin:111px 0 0 0;}

.navi a
{
	display: block;
	float: left;
	height: 15px;
	margin-right: 10px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -500px;
}

.navi a{background-position: left -15px;}
.navi a:hover{background-position: left 0px;}

#site.news .navi a{background-position: left 0px;}
#site.news .navi a:hover{background-position: left -15px;}


#fuss .navi { padding: 16px 0 0 260px;}

.navi a#np_hochzeiten{width:80px; background-image: url(gfx/navi/hochzeiten.png);}
.navi a#np_familie{width:64px; background-image: url(gfx/navi/familie.png);}
.navi a#np_portrait{width:65px; background-image: url(gfx/navi/portrait.png);}
.navi a#np_erotik{width:49px; background-image: url(gfx/navi/erotik.png);}
.navi a#np_fashion{width:60px; background-image: url(gfx/navi/fashion.png);}
.navi a#np_business{width:69px; background-image: url(gfx/navi/business.png);}
.navi a#np_werbung{width:67px; background-image: url(gfx/navi/werbung.png);}
.navi a#np_reportage{width:77px; background-image: url(gfx/navi/reportage.png);}
.navi a#np_team{width:39px; background-image: url(gfx/navi/team.png);}
.navi a#np_kontakt{width:65px; background-image: url(gfx/navi/kontakt.png);}

.navi a#np_impressum{width:80px; background-image: url(gfx/navi/impressum.png);}
.navi a#np_links{width:42px; background-image: url(gfx/navi/links.png);}
.navi a#np_facebook{width:72px; background-image: url(gfx/navi/facebook.png);}
.navi a#np_blog{width:39px; background-image: url(gfx/navi/blog.png);}
.navi a#np_gestaltung{width:87px; background-image: url(gfx/navi/gestaltung.png);}
.navi a#np_login{width:90px; background-image: url(gfx/navi/login.png);}

#site.konvex_galerie.art33 .navi a#np_hochzeiten, 
#site.konvex_galerie.art39 .navi a#np_familie, 
#site.konvex_galerie.art35 .navi a#np_portrait, 
#site.konvex_galerie.art29 .navi a#np_erotik, 
#site.konvex_galerie.art93 .navi a#np_fashion, 
#site.konvex_galerie.art34 .navi a#np_business, 
#site.konvex_galerie.art36 .navi a#np_werbung, 
#site.konvex_galerie.art38 .navi a#np_reportage, 
#site.team .navi a#np_team, 
#site.kontakt .navi a#np_kontakt, 
#site.links .navi a#np_links, 
#site.impressum .navi a#np_impressum, 
#site.konvex_galerie.art93 .navi a#np_gestaltung, 
#site.login .navi a#np_login
{background-position: left 0px;}

#cont
{
	margin: 15px 28px;
	height: 490px;
	width: 858px;
	overflow: hidden;
	color: #646567;
	font-size: 12px;
	line-height: 1.7em;
	background-color: #ebe3d0;
	background-repeat: no-repeat;
}

#cont #cont_box
{
	padding: 15px;
	width: 416px;
	height: 416px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	margin: 22px 22px 22px 390px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: center;
	overflow: hidden;
}

#cont #cont_box h2 { letter-spacing: 0.3em; text-transform:uppercase;}
#cont #cont_box p{line-height: 1.7em;}

#site.news #cont{background-image: url(hintergrundbilder/bg_news.jpg);}
#site.links #cont{background-image: url(hintergrundbilder/bg_links.jpg);}
#site.login #cont{background-image: url(hintergrundbilder/bg_login.jpg);}
#site.kontakt #cont{background-image: url(hintergrundbilder/bg_kontakt.jpg);}
#site.team #cont{background-image: url(hintergrundbilder/bg_team.jpg);}
#site.konvex_galerie.art93.page1 #cont{background-image: url(hintergrundbilder/bg_gestaltung.jpg);}
#site.konvex_galerie.art33.page1 #cont{background-image: url(hintergrundbilder/bg_hochzeiten.jpg);}
#site.konvex_galerie.art39.page1 #cont{background-image: url(hintergrundbilder/bg_familie.jpg);}
#site.konvex_galerie.art35.page1 #cont{background-image: url(hintergrundbilder/bg_portrait.jpg);}
#site.konvex_galerie.art29.page1 #cont{background-image: url(hintergrundbilder/bg_erotik.jpg);}
#site.konvex_galerie.art34.page1 #cont{background-image: url(hintergrundbilder/bg_business.jpg);}
#site.konvex_galerie.art36.page1 #cont{background-image: url(hintergrundbilder/bg_werbung.jpg);}
#site.konvex_galerie.art38.page1 #cont{background-image: url(hintergrundbilder/bg_reportage.jpg);}

/* #site.konvex_galerie.art39.page1 #cont{background-image: url(hintergrundbilder/bg_fashion.jpg);} */

#site.team .artikel.vollansicht, .tooltip_description{display:none; }
#site.team .tooltip_description{width: 300px; height: 300px;}

.extendedCont{ width:460px; height: 360px; background-color:#ebe3d0; padding: 20px; font-size: 12px; color: #646567; line-height: 18px;}

/* #cont .artikel .teaser{font-size: 16px; color: #BC0B3D;} */

.kontakt #cont_box.w_menu .textcont{height:380px; overflow:hidden;}
.kontakt #cont_box.w_menu .menucont {padding: 5px 0; border-top: 1px solid #A7A8AA; border-bottom: 1px solid #A7A8AA;}

.team #cont_box.w_menu .textcont{height:300px; overflow:hidden;}
.team #cont_box.w_menu .menucont .thumbs{padding: 5px 8px; border-top: 1px solid #A7A8AA; border-bottom: 1px solid #A7A8AA;}
.team #cont_box.w_menu .menucont .mitarbeiter{background-color:#fff;font-size: 10px; width: 76px; height: 76px; padding: 1px ; margin: 1px; display:block; float:left;}
.team #cont_box.w_menu .menucont a:hover {text-decoration:none;}

.team .mitarbeiter
{
	margin: 15px 0;
	text-align: left;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
}
.team .mitarbeiter .thumbnail{float:left; width: 52px; margin-right: 10px;}
.team .mitarbeiter h3{margin:0 0 3px 0;}
.team .mitarbeiter .mitarbeiter_info{float:left; width: 320px;}
.team #cont #cont_box .mitarbeiter .mitarbeiter_info p{line-height: 1.2em; text-align:left; margin: 0;}

#cont_galerie {margin:15px;}

.konvex_galerie #cont_box.w_menu .textcont{height:300px; overflow:hidden;}
.konvex_galerie #cont_box.w_menu .menucont .thumbs{width: 392px; padding: 5px 12px; border-top: 1px solid #A7A8AA; border-bottom: 1px solid #A7A8AA;}
.konvex_galerie #cont_box.w_menu .menucont .thumbnail{padding: 0; margin: 0; display:inline;}
.konvex_galerie #cont_box.w_menu .menucont .thumbs a{padding: 2px; margin: 0; display:block; width:52px; height:52px; float:left;}
.konvex_galerie #cont_box.w_menu .menucont h3{color: #BC0B3D;}

.konvex_galerie #vorschau, .konvex_galerie #bildausschnitt {height:460px; overflow:hidden;}
.konvex_galerie #vorschau {width:116px; float:left; margin:0 !important; padding: 0 4px !important;}
.konvex_galerie #vorschau h2 { color:#93742C; font-size: 11px; margin: 0; padding: 8px 0px 12px 0; line-height: 15px; text-align: center;}

.konvex_galerie #bildausschnitt {width: 690px; float:right; background-color:#fff; margin:0 !important; padding: 0 !important; text-align:center;}

.konvex_galerie .galerie_le
{
	width: 307px;
	height: 52px;
	padding: 23px;
	margin-bottom: 3px;
	background-image: url(gfx/bg_galerie_le.jpg);
	background-repeat: no-repeat;
	float: left;
	overflow: hidden;
}
.konvex_galerie .galerie_le.odd{
	margin-right: 3px;
}

.konvex_galerie .galerie_le .thumbnail
{
	margin: 0 11px 0 0;
	width: 52px;
	height: 52px;
	float: left;
}
.konvex_galerie .galerie_le .titel {font-size: 22px; color: #f00 !important; letter-spacing: 0.2em;}
.konvex_galerie .galerie_le .teaser {font-size: 12px; color:#637e66; line-height: 14px; margin-top:2px;}

#vorschau .thumbnail.odd{margin: 0 11px 11px 0;}
#vorschau .thumbnail.even{margin: 0 0 11px 0;}

#vorschau .thumbnail, #vorschau a:hover .thumbnail
{
	width: 44px;
	height: 44px;
	padding: 1px;
	border: 3px solid #93742c;
}
#vorschau a:hover .thumbnail {border-color:#fff;}
#vorschau a .thumbnail
{
	width: 52px;
	height: 52px;
	border: none;
	padding: 0;
}

#vorschau #pager{height: 16px; margin-top:10px;}
#vorschau .knopf, #vorschau .knopf a
{
	width: 32px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	float: left;
}
#vorschau .knopf{margin:0;}
#vorschau .rechts{margin: 0 0px 0 0;}
#vorschau #pager, #vorschau .odd {clear: both; }

#vorschau #pager .knopf span { display: none; }
#vorschau #pager .links a {background-image: url(gfx/pager_pfeil_lrg.gif); background-position: left top;}
#vorschau #pager .links, #vorschau #pager .links a:hover {background-image: url(gfx/pager_pfeil_lbg.gif); background-position: left top;}
#vorschau #pager .rechts a {float: right; background-image: url(gfx/pager_pfeil_rrg.gif); background-position: right top;}
#vorschau #pager .rechts, #vorschau #pager .rechts a:hover { background-image: url(gfx/pager_pfeil_rbg.gif); background-position: right top;}
#vorschau #pager .rechts {float: right;}
#vorschau #pager .counter
{
	width: 51px;
	height: 16px;
	font-size: 10px;
	text-align: center;
	float: left;
	line-height: 14px;
	font-family: sans-serif;
	color:#93742c;
}

.pp_content_container{font-size:11px;}


/*
#site.kundengalerie
{
	position: relative;
	left: 0;
	top: 0;
	margin: 20px auto 0 auto;
	height: auto;
	background-image: url(gfx/konvex_kunden_bg.gif);
	background-position: center top;
}




#site.kundengalerie #navi{display:none;}

.kundengalerie #cont
{
	background-color: #c0d367;
	background-image: url(gfx/konvex_kunden_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: auto !important;
	padding: 0 0 80px 0!important;
	margin: 0 !important;
}
.kundengalerie #lichttisch{
	background-image: url(gfx/konvex_kunden_bg_m.gif);
	background-repeat: repeat-y !important;
	padding: 16px 32px 0px 32px;
	min-height: 450px;
}

#navi{
	padding-left:5px;
	padding-top: 15px;
	height: 20px;
}
#navi a
{
	font-size: 14px;
	color: #f00;
	display: block;
	height: 20px;
	
}
#navi div { float: left; height: 20px; background-repeat: no-repeat;}
#navi span { display: none; }

#navi #n_galerie, #navi #n_galerie a{width: 80px;}
#navi #n_galerie {background-image: url(gfx/navi_galerien_ac.gif);}
#navi #n_galerie a{background-image: url(gfx/navi_galerien.gif);}
.konvex_galerie #navi #n_galerie a, #navi #n_galerie a:hover{background-image: none;}

#navi #n_team, #navi #n_team a{width: 59px;}
#navi #n_team{background-image: url(gfx/navi_team_ac.gif);}
#navi #n_team a{background-image: url(gfx/navi_team.gif);}
.team_konvex #navi #n_team a, #navi #n_team a:hover{background-image: none;}

#navi #n_news, #navi #n_news a{width: 71px;}
#navi #n_news{background-image: url(gfx/navi_news_ac.gif);}
#navi #n_news a{background-image: url(gfx/navi_news.gif);}
.konvex_news #navi #n_news a, #navi #n_news a:hover{background-image: none;}

#navi #n_blog, #navi #n_blog a{width: 50px;}
#navi #n_blog{background-image: url(gfx/navi_blog_ac.gif);}
#navi #n_blog a{background-image: url(gfx/navi_blog.gif);}
.konvex_blog #navi #n_blog a, #navi #n_blog a:hover{background-image: none;}

#navi #n_preise, #navi #n_preise a{width: 65px;}
#navi #n_preise {background-image: url(gfx/navi_preise_ac.gif);}
#navi #n_preise a{background-image: url(gfx/navi_preise.gif);}
.preise #navi #n_preise a, #navi #n_preise a:hover{background-image: none;}

#navi #n_kontakt, #navi #n_kontakt a{width: 82px;}
#navi #n_kontakt {background-image: url(gfx/navi_kontakt_ac.gif);}
#navi #n_kontakt a{background-image: url(gfx/navi_kontakt.gif);}
.kontakt #navi #n_kontakt a, #navi #n_kontakt a:hover{background-image: none;}

#navi #n_login, #navi #n_login a{width: 50px;}
#navi #n_login {background-image: url(gfx/navi_login_ac.gif);}
#navi #n_login a{background-image: url(gfx/navi_login.gif);}
.kundenlogin #navi #n_login a, #navi #n_login a:hover{background-image: none;}

#navi #n_hochzeiten, #navi #n_hochzeiten a{width: 175px;}
#navi #n_hochzeiten {background-image: url(gfx/navi_hochzeit_ac.gif); margin-left: 86px;}
#navi #n_hochzeiten a{background-image: url(gfx/navi_hochzeit.gif);}
#navi #n_hochzeiten a:hover{background-image: none;}
.homepage #navi #n_hochzeiten{display: none;}

#navi #n_logout, #navi #n_logout a{width: 54px;}
#navi #n_logout {background-image: url(gfx/navi_logout_ac.gif);}
#navi #n_logout a{background-image: url(gfx/navi_logout.gif);}
#navi #n_logout a:hover{background-image: none;}

.homepage #cont p {color: #f2f2c2; font-size: 14px; line-height: 21px;}



.preise #cont, .konvex_news #cont, .team_konvex #cont{ padding-right: 30px; }
#cont .hauptfoto { margin: 0 30px 0 0; }

#cont ul{list-style-type:none; padding:0}

#cont li{margin: 0 0 6px 0; padding:0}
#cont a {color:#666}
.homepage #cont p a{color: #ccc;}


.team_konvex #cont ul{margin-top: 0px;}
.team_konvex #cont li{margin-top: 10px; line-height: 16px;}
.team_konvex #cont .mitarbeiter_info{font-size:12px; line-height: 13px;}
*/
.kundengalerie #cont
{
	margin:0px;
	background-image: url(gfx/kg_mitte.png);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 40px 0 28px;
}
.kundengalerie #head {height:154px;}
.kundengalerie #fuss
{
	height: 50px;
	background-image: url(gfx/kg_fuss.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#site.kundengalerie .navi{display:none;}
#site.kundengalerie #cont{height:auto;}

.kundengalerie #lichttisch { background-color: #ebe3d0;  padding:20px;}
.kundengalerie #lichttisch #uebersicht{}
.kundengalerie #lichttisch #vorschau{ background-color: #000; padding:12px;}

.kundengalerie td { vertical-align: middle; text-align: center;}
.kundengalerie #zaehler {color: #666; padding-right: 10px;}

.kundengalerie #bildausschnitt
{
	width: 586px;
	height: 586px;
	background-color: #000;
}
.kundengalerie #bildausschnitt img {border: 1px solid #555;}
.kundengalerie #bildname{padding: 10px 0 0 0; color: #ccc;}
/*.kundengalerie #vorschau{padding: 10px 0 10px 0;}*/
.kundengalerie .knopf_oben, .kundengalerie .knopf_unten{width: 60px;}
.kundengalerie .knopf_oben a
{
	width: 30px;
	height: 59px;
	display: block;
	margin:auto;
}
.kundengalerie .knopf_oben a.rechts{background-image: url(gfx/knopf_kg_oben_r.gif);}
.kundengalerie .knopf_oben a.links{background-image: url(gfx/knopf_kg_oben_l.gif);}
.kundengalerie .knopf_oben a.rechts:hover{background-image: url(gfx/knopf_kg_oben_r_a.gif);}
.kundengalerie .knopf_oben a.links:hover{background-image: url(gfx/knopf_kg_oben_l_a.gif);}

.kundengalerie .knopf_unten a
{
	width: 15px;
	height: 28px;
	display: block;
	margin:auto;
}
.kundengalerie .knopf_unten a.rechts{background-image: url(gfx/knopf_kg_unten_r.gif);}
.kundengalerie .knopf_unten a.links{background-image: url(gfx/knopf_kg_unten_l.gif);}
.kundengalerie .knopf_unten a.rechts:hover{background-image: url(gfx/knopf_kg_unten_r_a.gif);}
.kundengalerie .knopf_unten a.links:hover{background-image: url(gfx/knopf_kg_unten_l_a.gif);}


.kundengalerie .thumbnail_kl
{
	margin: 1px;
	display: block;
	height: 58px;
	width: 58px;
	border: 1px solid #333;
	padding:2px;
	float: left;
}
.kundengalerie .thumbnail_kl:hover{border-color: #666;}
.kundengalerie .thumbnail_kl.ac, .kundengalerie .thumbnail_kl:hover{border-color: #333;background-color: #333;}

.kundengalerie .thumbnail_kl img{border:2px solid #000;}
.kundengalerie .thumbnail_kl img.hoch{height: 52px; margin-left:9px;}
.kundengalerie .thumbnail_kl img.quer{width: 52px; margin-top:9px;}

.kundengalerie #userinfo{font-size:12px; color:#999;}
.kundengalerie #userinfo a{color:#999; font-weight: bold; font-family: 'Lucida Grande', 'Verdana', sans-serif;}
.kundengalerie #userinfo a:hover{color:#ccc;}

.kundengalerie #userinfo .seitenlink{background-color:#999; color:#000; padding: 1px 3px;}
.kundengalerie #userinfo .seitenlink:hover{background-color:#ccc; color:#000;}
.kundengalerie #userinfo .seitenlink.ac{background-color:#fff;}

.kundengalerie h3#pfad { text-transform: uppercase; margin: 0 0 10px 0; color: #333;}
.kundengalerie #btn_logout {font-size:11px; }
.kundengalerie #uebersicht{margin: 0 0 10px 0;}
.kundengalerie .verzeichnis {float: left; padding:2px;width: 265px;}
.kundengalerie  a.selected{color:#000 !important; font-weight:bold;}
.kundengalerie  a:hover{}

.disclaimer_body {background-color: #ebe3d0;}
#disclaimer
{
	width: 700px;
	background-color: #FFF;
	padding: 5px 30px;
	margin: 10px auto;
}

.kontakt form{padding: 10px 0 0 0;}
.formfeld
{
	border: 1px solid #83afc6;
	font-size: 12px;
	font-family: sans-serif;
	width: 350px;
	margin: 0 0 10px 0;
	padding: 5px;
	color: #999;
}