/* KFS Stylesheet
   ----------------------------------------------------
   Author:         Andreas Dorfer (webmaster@k-f-s.org) 
   Last modified:  14.02.2006 
   ----------------------------------------------------
*/

/* Misc. */
body        { background-color:#ccc; text-align:center; font:9pt verdana,arial,sans-serif  }
table       { border-collapse:collapse }
form        { display:inline }
fieldset    { border:1px dashed black; padding:15px 8px; color:#000 }
legend      { color:#000; background-color:#fff; margin-bottom:10px }

tr:hover    { background:#efefef }

input,
textarea,
select      { background-color: #ccc; margin:1px 0; border:1px solid #000; font:9pt verdana,arial,sans-serif }
img         { border-width:0; vertical-align:middle }
button:hover{ color:red }


a           { color:#f00; font-weight:bold }
a:link,
a:visited   { text-decoration:none }
a:hover     { text-decoration:underline }

.head       { margin:3px; padding:2px; background-image:url(images/bg.jpg); font-size:12pt; font-variant:small-caps; color:#fff; font-weight:bold } 
div.clear   { clear: both; line-height: 0px; font-size: 0px; height: 0px }

hr          { height:1px; border-width:1px 0 0 0; text-align:center; border-style:dashed; border-color:#000 }
hr.clear    { clear:both }

.indent     { text-indent:10px }
.center     { text-align:center }

div.border_dark  { border:1px solid #ccc }
div.border_light { border:3px solid #fff; background:#efefef }
div.border_light hr  { width: 99%; border-style:solid; border-color:#ccc }

/* Fonts */
.stressed { font-size:10pt; font-variant:small-caps; font-weight:bold }
.error    { color:#f00; font-weight:bold; text-align: center; margin:100px }

/* Buttons */
.left    { float:left }
.right   { float:right }
.middle  { text-align:center; line-height:20px }

/* Construction */
div#header                     { width:970px; height:130px; margin:auto; background-image:url(images/header.gif); }
div#header #images             { width:600px; height:79px; text-align:center; margin: 16px 19px 0 0; display:inline; float:right; overflow:hidden }
div#header #images img         { margin-left: 9px; filter:Alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6 }
div#header #images a:hover img { filter:Alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1 }
div#wrapper                    { width:940px; margin:auto; text-align:left }
div#wrapper #left              { width:150px; float:left }
div#wrapper #left #nav         { background-color:#ffffff; border:1px solid black }
div#wrapper #left #nav a       { background:#fff; margin:2px; padding-left:20px; display:block; line-height:20px; font-size:12px }
div#wrapper #left #nav a:hover { background:#efefef; color:#000; text-decoration:none }
div#wrapper #left #bestpic     { text-align:center; background-color:#ffffff; border:1px solid black }
div#wrapper #right             { width:755px; float:right }
div#wrapper #right #main       { width:750px; border:1px solid #000; background-color:#ffffff }
div#wrapper #right #footer     { text-align:center; margin:20px 0px }
div#wrapper #right #footer img { border-width:0; margin:0 20px; }
div.content                    { padding:15px }

/* Index */
#index { width:600px; margin:0px auto }
#index div.left  { width:50% }
#index div.right { width:40% }
#index div.left .white { background-color:#ffffff }


/* Gallery */
div.img         { float:left; width:170px; height:170px; margin:5px; text-align:center; }
div.img a       { display:block; width:130px; height:130px; margin:0px auto; border:1px solid #000; background-repeat:no-repeat; background-position:center; background-color:#efefef }
div.img a:hover { background-color:#fff }
div.img img     { width:130px; height:130px }

/* Viewer */
div#comments       { width:380px; margin:auto }
div#comments label { float: left; width:130px }

/* Upload */
div#upload       { width:470px; margin:auto; padding:15px }
div#upload label { float: left; width:130px }

/* Video */
.video .border_dark  { width:500px; margin:30px auto }
.video .border_light { padding:5px }
.video img.left      { border:1px solid black; margin:5px 10px }
.video div.left      { width:320px }

/* Guestbook */
div.gb         { width:600px; margin:auto }
div.gb img     { margin-bottom:2px }
div.gb .border_dark { margin: 30px 0 }

div.entry      { width:400px; margin:15px auto; padding:25px }
div.entry label{ float: left; width:170px }

/* IE */
*td { font:9pt verdana,arial,sans-serif }