/* @override 
	http://192.168.178.24/photofieber.de/style.css
	http://macbookflo-ii.local/photofieber.de/backup090820/style.css
*/

/*
Author: Florian Ziegler - GuerillaGraphix.net | Style: photofieber.de
*/

* {
	font-family:'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family:'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#ddd;
	background:#363636 url(images/body_background.gif);
}

p {
	clear:both;
	margin:0 0 10px 0;
}
a {
	color:#777;
}
 
h1 {
	margin:0;
	float:left;
	color:#f02e4c;
	font-weight:100;
	font-size:20px;
	line-height:23px;
	font-family:'Lucida Grande', Times, "Times New Roman", sans-serif;
	border-bottom:0px dotted grey;
}
h3 {
	font-size:14px;
}
.headline {
	float:left;
	margin:0 0 10px 0px;
	padding:0 0 0 50px;
	line-height:20px;
	background:url(images/header_ornament.gif) top left no-repeat;
}
h1 small {
	font-size:13px;
	color:grey;
}
h1 a {
	margin:0 0 2px 0;
	padding:0 4px 0 4px;
	font-style:normal;
	text-decoration:none;
	color:black;
	color:#ff7187; /* ROSA */
	color:#f02e4c; /* PINK */
	font-family: Times, "Times New Roman", serif;
}

h2 {
	margin:0 0 10px 0;
	color:#f02e4c;
	font-weight:100;
	font-size:15px;
}

h4 {
	margin: 20px 0 5px 0;
}
hr {
	clear: both;
	height: 2px;
	background: #666;
	margin: 25px 15px 0 0;
	border: none;
}

img {
	border:none;
}

p a, ul li a {
	color:#f02e4c;
	text-decoration:none;
/*	background:#2a2a2a; */
	border-bottom:1px dotted #444;
}

p a:visited, ul li a:visited {
	color: #f02e4c;
	color:#ff7187;
	color:#f02e4c;
	color:#f44963;
	text-decoration:none;
/*	background:#2a2a2a; */

}

p a:hover, ul li a:hover {
	color:#f44963;
	text-decoration:none;
	background:#222;
	border-bottom:1px dotted #888;
}

p a:active, ul li a:hover {
	color: #f44963;
	text-decoration:none;
	border-bottom:1px dotted #f44963;
}

#wrapper {
	background:url(images/page_background.gif) top left repeat-x;
	text-align:center;
}

#page {
	margin: 0 auto;
	width: 1100px;
	text-align:center;
	border:0px solid white;
}
/* Navigation */

#navi_wrap {
	margin: 0 auto;
	text-align: center;
	border: 0px solid green;
}
#navi {
	position:relative;
	margin: 0 auto;
	padding: 0;
	height: 50px;
	width: 1100px;
	background:url(images/header2009.jpg);
}
#navi ul {
	position: absolute;
	left: 548px;
	margin: 0;
	padding: 0 0 0 6px;
	width: 522px;
	height: 50px;
	background: url(images/navi.gif);

}	
#navi li {
	float: left;
	margin: 0;
	padding: 0;
	list-style:none;
	background:transparent;
}	
#navi li, #navi a {
	display:block;
	border: none;
}	
#navi li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 50px;
}
	
#home { right:494px; width:60px; }
#gallery { right:405px; width:89px; }
#about { right:299px; width:106px; }
#guestbook { right:190px; width:109px; }
#links { right:121px; width:69px; }
#friends { right:38px; width:83px; }

#home a:hover { background: transparent url(images/navi.gif) -6px -50px no-repeat; }
#gallery a:hover { background: transparent url(images/navi.gif) -66px -50px no-repeat; }
#about a:hover { background: transparent url(images/navi.gif) -155px -50px no-repeat; }
#guestbook a:hover { background: transparent url(images/navi.gif) -261px -50px no-repeat; }
#links a:hover { background: transparent url(images/navi.gif) -370px -50px no-repeat; }
#friends a:hover { background: transparent url(images/navi.gif) -439px -50px no-repeat; }

#x #home a { background: transparent url(images/navi.gif) -6px -50px no-repeat; }
#xhome #home a { background: transparent url(images/navi.gif) -6px -50px no-repeat; }
#xgallery #gallery a { background: transparent url(images/navi.gif) -66px -50px no-repeat; }
#xabout #about a { background: transparent url(images/navi.gif) -154px -50px no-repeat; }
#xguestbook #guestbook a { background: transparent url(images/navi.gif) -261px -50px no-repeat; }
#xlinks #links a { background: transparent url(images/navi.gif) -370px -50px no-repeat; }
#xfriends #friends a { background: transparent url(images/navi.gif) -439px -50px no-repeat; }

/* Inhalt */

#content {
	clear:both;
	float:left;
	width: 1012px;
	margin: 0 20px 0 20px; 
	padding: 20px 20px 20px 20px;
	background:#333;
	border-left:4px solid #232323;
	border-right:4px solid #232323;
	text-align:left;
	min-height:450px;
	border-bottom:0px solid green;
}
* html #content {
	margin:0 0 0 10px;
	padding:20px 15px 20px 15px;
	width: 1022px;
	height:450px;
}
#content p {
	border:0px solid yellow;
}

/* Slideshow - Startseite */

#slideshow_wrap {
	clear:both;
	margin:0 auto;
	padding:0;
	width:742px;
	border:0px solid white;
	text-align: center;
}
* html #slideshow_wrap {
	width:772px;
}
#slideshow {
	margin:0;
	padding:0;
	width:730px;
	height:510px;
	background:transparent;
	text-align:left;
	border:0px solid green;
}
* html #slideshow {
	margin:0 0 0 10px;
}
#slideshow img {
	border: 20px solid black;
}
#slideshow_bottom {
	float:left;
	margin:0 0 0 20px;
	padding:0 10px 0 0;
	width:668px;
/*	
	background:black url(images/start_box_bottom.gif) left bottom no-repeat;
*/
	text-align:right;
	border:0px solid yellow;
}
* html #slideshow_bottom {
	width:678px;
}
#slideshow_bottom p {
	float:right;
	padding:0 0 0 40px;
	border:0px solid white;
	background:url(images/more_left_back.gif) no-repeat;
	background-position:15px 0px;
	text-align:right;
}
#inner_box {
	clear:both;
	float:left;
	margin:0 auto;
	padding:20px 0 0 0;
	width: 1010px;
	background:none;
	border:0px solid white;
	text-align:left;
}
.transparent {
	background-color:grey;
}
#inner_box ul.preview {
	float:left;
	list-style:none;
}
#inner_box ul.preview li {
	float:left;
	display:block;
	margin:0 0 20px 12px;
	background:#333;
	text-align:center;
}
* html #inner_box ul.preview li {
	margin: 0 0 20px 10px;
}
#inner_box ul.preview li img {
	margin:0 0 5px 0;
	width:200px;
	height:133px;
}
#inner_box ul.preview li a {
	padding:14px 10px 10px 10px;
	width:210px;
	display:block;
	color:#f02e4c;
	text-decoration:none;
	background: #222 url(images/gallery_ornament_over.gif) bottom center no-repeat;
	border: 5px solid #666;
}
#inner_box ul.preview li a:hover {
	padding:14px 10px 10px 10px;
	width:210px;
	display:block;
	color:#f44963;
	text-decoration:none;
	background:#222 url(images/gallery_ornament_over.gif) bottom center no-repeat;
	border:5px solid #f02e4c;
}

#inner_box ul.overview {
	float:left;
	list-style:none;
	margin: 0 0 20px 0;
}
#inner_box ul.overview li {
	float:left;
	display:block;
	margin:0 0 0 18px;
	text-align:center;
	border:0px solid yellow;
	width:230px;
}
* html #inner_box ul.overview li {
	margin:0 0 0 13px;
}
#inner_box ul.overview li img {
	margin:0 0 5px 0;
}
#inner_box ul.overview li a {
	padding: 14px;
	display: block;
	color: #f02e4c;
	text-decoration: none;
	background: black;
	border: 2px solid black;
}
#inner_box ul.overview li a:hover {
	padding:14px;
	display:block;
	color:#f44963;
	text-decoration:none;
	border:2px solid #f02e4c;
}

#gallery_control {
	font-size:11px;
	color:black;
}
#gallery_control a {
	color:black;
	text-decoration:none;
}
#gallery_control a:hover {
	color:#f02e4c;
	text-decoration:none;
}

.oneimage {
	 clear:both;
	 width: 1010px;text-align: center;
}
#content .oneimage img {
	max-width: 970px;
	border:20px solid black;
}
/* Friends */

#friends_box {
	clear:both;
	float:left;
	margin: 0 0 0 30px;
	width: 660px;
	padding:20px 20px 30px 20px;
	border:5px solid #666;
	background:#222;
}
* html #friends_box {
	width:700px;
	margin:0 0 0 15px;
}
#friends_box ul {
	float:left;
	margin:20px 0 0 0;
	list-style:none;
	list-style-position:inside;
	width:110px;
	border:0px solid blue;
}
* html #friends_box ul {
	margin:10px 0 0 5px;
}
#friends_box ul li {
	margin:0 0 15px 0;
	padding:0 0 4px 15px;
	line-height:12px;
	background:url(images/friends_bullet.gif) left top no-repeat;
	border:0px solid red;
}
* html #friends_box ul li {
	padding:0 0 0 7px;
}

#friends_box img {
	float:left;
	width:220px;
	border:5px solid #111;
	padding:4px;
	margin:5px 5px 20px 5px;
}


/* Guestbook */
#guestbook_control {
	clear:both;
	text-align:center;
	color:#222;
}
#guestbook_control a {
	color:#f02e4c;
}

ul.guestbook {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	clear:both;
	float:left;
	list-style:none;
	border: 0px solid red;
}
* html ul.guestbook {
	padding: 0 0 0 30px;
}
ul.guestbook li {
	float: left;
	margin: 0 20px 20px 0;
	padding: 10px;
	border: 2px solid #666;
	background: #222;
	width: 450px;
}
* html ul.guestbook li {
	margin: 0 15px 20px 0;
}
li.alt {
	clear:both;
}
ul.guestbook li h2 a {
	color:#f02e4c;
}
ul.guestbook li h2 small {
	font-size:10px;
	color:#444;
}
ul.guestbook li form {
	margin:10px 0 0 0;
}
ul.guestbook li form label {
	float:left;
	clear:both;
	width:60px;
	margin:5px 0 1px 0;
	color:grey;
}
ul.guestbook li form fieldset input {
	float:left;
	clear:both;
	width:100%;
	height:17px;
	margin:0 0 5px 0;
	padding:2px;
	background:url(images/input_background.gif) left top repeat-x;
	border:1px solid #900e1d;
	color:white;
}
ul.guestbook li form textarea {
	float:left;
	clear:both;
	width:100%;
	margin:0 0 10px 0;
	padding:2px;
	background:#770813 url(images/input_background.gif) left top repeat-x;
	border:1px solid #900e1d;
	color:white;
	font-size:12px;
}
ul.guestbook li form .button {
	float:left;
	clear:both;
	width:100px;
	height: 22px;
	margin:0 0 5px 0;
}

#textbox {
	clear:both;
	float:left;
	margin:0 0 0 50px;
	width: 840px;
	padding: 20px 30px 30px 30px;
	border: 5px solid #666;
	background: #222;
}
* html #textbox {
	clear: both;
	float: left;
	margin: 0 0 0 25px;
	width: 840px;
	padding: 20px 30px 30px 30px;
	border: 5px solid #666;
	background: #222;
}
#textbox ul {
	clear:left;
	float:left;
	padding-top:5px;
	margin:0 0 0 15px;
	list-style-type:square;
}
* html #textbox ul {
	margin:0 0 0 7px;
}
#textbox .links {
	list-style: none;
}
#textbox .links li {
	margin-bottom: 8px;
}
#textbox .right {
	border:10px solid #191919;
	padding:2px;
	background:#666;
	float:right;
	margin:0 0 10px 10px;
}
* html #textbox .right {
	margin-top:60px;
}

#textbox h3 {
	border:0px solid red;
}

/* Footer */

#footer {
	clear:both;;
	margin:0 auto;
	padding:10px 20px 0 20px;
	width: 1060px;
	height:25px;
/*	font-family:Times, 'Times New Roman', serif; */
	font-size:10px;
	color:#444;
	background:url(images/footer2009.gif) left top no-repeat;
	text-align:left;
}
* html #footer {
	width: 1060px;
	height: 35px;
}

#footer a {
	color:#666;
	border:none;
}
#footer strong {
	font-size:10px;
}