@charset "UTF-8";
/* CSS Document // by milo@miloezger.ch  */


/* /////////////////////////////////////////////// */
/* ALLGEMEIN */

* 			 			{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
html, body 	 			{ background:url(../bilder/bg.gif) top left repeat; height:100%; line-height:1.3em; }

/* /////////////////////////////////////////////// */
/* DIV's */

div#website				{ border:0px solid #F00; width:975px; padding-bottom:-100px; min-height: 100%; height: auto !important; height: 100%; margin:0px auto -100px; overflow:hidden; }
div#header				{ border:0px solid #F00; float:left; height:80px; width:100%; margin-top:50px; }
div#logo				{ background:url(../bilder/logo_photohunting.png) top left no-repeat; width:250px; height:60px; float:left; margin:0px 0px 0px 10px; }
div#navigation			{ border:0px solid #F00; margin:0px 0px 0px 100px; float:left; padding:0; }
div#inhalt				{ float:left; border:0px solid #000; padding-bottom:150px; }
div#kategorien			{ border:0px solid #F00; float:left; margin:10px 0px 0px 3px; }
div#photo				{ float:left; height:150px; }
div#publikation			{ border:0px solid #F00; float:left; clear:left; padding:10px; width:auto; }
div#versteckt			{ display:none; }
div#fehlermeldungen		{ float:right; width:400px; border:1px dotted #600; padding:15px; margin:0px 85px 30px 0px; }
div#footer				{ margin-top: -115px; height: 100px; clear:both; background:url(../bilder/bg_footer.png) top left repeat-x #FFF; }
div#agb					{ width:550px; padding:30px 15px; }

/* /////////////////////////////////////////////// */
/* LISTEN & NAVIGATIONEN */

#navigation ul					{ list-style-type:none; margin:0; padding:0; float:left; width:590px; }
#navigation ul li				{ margin:0; padding:0; float:left; }
#navigation li					{ margin:0; padding:0; float:left; }
#navigation ul a				{ color:#300; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:0.2em; float:left; text-decoration:none; background-color:#FFF; line-height:normal !important; padding:6px 8px 4px 8px; margin:0px 2px; border:1px solid #300; text-align:center; width:auto; }
#navigation ul a:hover 			{ background-color:#600; color:#FFF; }
#navigation .current			{ background-color:#300; color:#FFF; border:1px solid #600; }
#navigation .home 				{ margin:0px 0px 0px 2px; padding:4px 0px 4px 8px; width:20px; height:14px; }
#navigation ul li:first-child a	{ background:url(../bilder/icon_home.png) 50% 50% no-repeat #FFF; line-height:normal !important; height:13px; width:15px; }
#kategorien ul 					{ list-style-type:none; margin:20px 0px 0px 0px; padding:0; float:left; }
#kategorien ul li				{ float:left; }
#kategorien ul li a 			{ display:block; width:160px; height:30px; color:#FFF; text-decoration:none; font-size:11px; background:url(../bilder/bg_kategorienav_hover.png) center left; text-indent:26px; line-height:25px; font-weight:900; text-transform:uppercase; letter-spacing:0.2em; float:left; }
#kategorien ul a:hover			{ background:url(../bilder/bg_kategorienav.png) center left; }

.link	 						{ list-style-type:none; margin:20px 0px 0px 0px; padding:0; float:left; }
.linl li						{ float:left; }
.link li a			 			{ display:block; width:160px; height:30px; color:#FFF; text-decoration:none; font-size:11px; background:url(../bilder/bg_kategorienav_hover.png) center left; text-indent:26px; line-height:25px; font-weight:900; text-transform:uppercase; letter-spacing:0.2em; float:left; }
.link a:hover					{ background:url(../bilder/bg_kategorienav.png) center left; }


#agb ul,
#agb ul li						{ list-style-position:inside; }


#fehlermeldungen ul				{ margin:10px 0px; }
#fehlermeldungen ul li			{ list-style-type:none; color:#600; font-size:10px; }
#footer ul 						{ list-style-type:none; margin:21px 20px 0px 20px; padding:0; float:left; width:400px; }
#footer ul li					{ float:left; }
#footer ul li a 				{ display:block; width:105px; text-transform:uppercase; font-size:10px; line-height:1.5em; color:#999; height:auto; float:left; }


/* /////////////////////////////////////////////// */
/* DIV CLASSEN */

div.hauptbild 			{ border:0px solid #0CC; background:url(../bilder/bg_hauptbild.png) center center no-repeat; width:767px; height:467px; z-index:10; float:left; margin:0px 0px 0px 0px; }
div.biografie			{ border:0px solid #0CC; background:url(../bilder/bg_biografie.png) top center no-repeat; width:177px;float:right; margin-right:15px; }
div.vorschaubild		{ background:url(../bilder/bg_vorschaubilder.png) center center no-repeat; width:242px; height:152px; float:left; }
div.vorschautext		{ background:url(../bilder/bg_bildinfo.png) top center no-repeat; width:712px; height:150px; float:left; margin:0; padding:0; }
div.vorschauinhalt		{ padding:20px; }
div.vorschautitel		{ width:220px; float:left; clear:left; }
div.vorschautitel p		{ color:#666; }
div.beschriebtext		{ float:left; border:0px solid #900; width:450px; }
div.beschriebtext p 	{ margin:0; padding:0; }
div.hauptbild img,
div.biografie img,
div.vorschaubild img	{ padding:9px 0px 0px 10px; }
div.biografie p, 
div.biografie h3		{ padding:10px 5px 0px 7px; font-size:11px; }
div.spacer				{ min-height:50px; }
div.contenttop			{ float:left; width:980px; height:27px; background:url(../bilder/bg_inhalt_top.png) top left no-repeat; }
div.contentmiddle		{ float:left; width:980px; height:auto; background:url(../bilder/bg_inhalt_repeat.png) center left repeat-y; }
div.content				{ padding:0px 30px 0px 30px; min-height:445px; }
div.contentbottom		{ float:left; width:980px; height:27px; background:url(../bilder/bg_inhalt_bottom.png) bottom left no-repeat; }
div.spacer				{ float:left; height:50px; }
div.headlinepng			{ z-index:50; }
div.meinebestellung		{ border:0px solid #0CC; float:left; width:auto; clear:left; min-height:300px; }
div.warenkorb			{ border:0px solid #0CC; float:left; width:350px; clear:left; min-height:300px; }
div.formular			{ border:0px solid #0CC; width:500px; float:right; }

/* //// CLASSES //// */


/* /////////////////////////////////////////////// */
/* TEXT */

p.headline img			{ margin-top:-30px; z-index:50; padding:5px 8px; background-color:#FFF; }
p.headline				{ margin-left:12px; padding-right:10px; }
p 						{ margin:0; padding:0px 0px 0px 0px; }
p.warenkorb				{ float:left; margin:8px 0px 0px -4px; }
p.warenkorbdel			{ float:left; margin:8px 0px 0px -4px; color:#0C3 !important; }
h1						{ font-size:14px; padding:5px 0px; }
h2						{ color:#666; font-style:italic; font-weight:normal; }
h3						{ padding:5px 0px; }
img						{ border:none; }

/* TOOLTIP  */
#tooltip				{ position:absolute; border:1px solid #FFF; background:#600; padding:5px 10px; font-size:14px; color:#FFF; display:none; }	

/* allg. Links */
a:link,
a:visited				{ text-decoration:none; color:#600; font-weight:normal; }
a:hover					{ text-decoration:underline; color:#300; font-weight:normal; }
a:active				{ text-decoration:none; color:#600; font-weight:normal; }


/* FORMULAR ELEMENTE */
p.bezeichnung			{ float:left; width:120px; vertical-align:middle; }
p.bezeichnung + p		{ vertical-align:text-bottom; }
input.captcha			{ width:40px; }

input, 
textarea, 
select					{ width:250px; background-color:#fff; border:1px solid #300; margin:2px 5px 2px 0px; padding:2px 0px; vertical-align:text-bottom; }
textarea				{ height:50px; overflow:auto; }
input.btn				{ cursor:pointer; width:auto; border:none; background-color:#300; color:#fff; padding:5px 7px; font-weight:normal; }
input.box				{ width:auto;border:none;margin:0 5px; }
select					{ width:auto; }
input[type="file"]		{ width:250px; }
input[type="image"]		{ width:20px; height:20px; border:none; float:left; }


/* TABELLEN ELEMENTE */
table					{ border-collapse:collapse; margin:25px 0px; }
td						{ padding:5px; }
tr:first-child td		{ font-weight:bold; }
tr.weiss				{ border-bottom:1px solid #999; border-top:1px solid #999; }
tr.hellgrau				{ background-color:#FAFAFA; }

/* FOOTER */
#footer, .push 			{ height: 100px; /* .push must be the same height as .footer */ }
#footer p				{ color:#300; padding:22px; font-size:10px; }
#footer p a				{ font-size:10px; text-transform:uppercase; }