/*  
Themen Name: 	Pixel Picture - Layout Black
Beschreibung: 	Stylesheet Content
Version: 		1.0 - Stand 08.01.2010
Author: 		Josef Kunz für digitalwire.de
*/

@import url('basis.css');
@import url('layout.css');


html { height: 100%; margin-bottom: 1px; } 

body {
	min-height: 101%; /* Anzeige Scrollbalken Firefox */
	font-family: Courier New, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-image:url('../layout/hg.jpg');
	background-repeat:repeat;
	background-color: #5C5C5D;
	color: #666666;
	z-index: 1;
	position: relative;
}
.body_inhalt {
	font: 11px Courier New, Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
	background: #ffffff;
	padding: 0px;
	margin: 25px;
	text-align: left;
	color: #666666;
	width: 100%;
}
p {
	font: 100% Courier New, verdana, "Lucida Grande", helvetica, arial, sans-serif;
	color: #666666;
	text-align: justify;
}
img {
	border: 0px;
}
hr {
	height: 0;
	border-style: dashed;
	color: #D2DfFF;
	background-color: #fff;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

/* **************************************** */
/*            Überschriften                 */
/* **************************************** */

h1 { font: 120% "Lucida Sans Unicode", Courier New, "Lucida Grande", verdana, helvetica, arial, sans-serif; color: #F1F1F1; margin-left: 2px; }
h2 { font: 100% "Lucida Sans Unicode", Courier New, "Lucida Grande", verdana, helvetica, arial, sans-serif;	color: #F1F1F1; }
h3 { font: 120% "Lucida Sans Unicode", Courier New, "Lucida Grande", verdana, helvetica, arial, sans-serif;	color: #F5DA1F; margin-left: 2px; }
h4 { font: 120% "Lucida Sans Unicode", Courier New, "Lucida Grande", verdana, helvetica, arial, sans-serif;	color: #F1F1F1; }
h5 { font: 120% "Lucida Sans Unicode", Courier New, "Lucida Grande", verdana, helvetica, arial, sans-serif;	color: #F1F1F1; }
h6 { font: 80% "Lucida Sans Unicode", Courier New, "Lucida Grande", verdana, helvetica, arial, sans-serif; color: #F1F1F1; }

/* **************************************** */
/*            Textformatierung              */
/* **************************************** */

.text {
	font: 100% Georgia, Courier New, Verdana, "Lucida Grande", helvetica, arial, sans-serif;
	font-style: italic;
	color: #666666;
	text-align: left;
	line-height: 160%;
}
.text_ra_re {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 36px;
}
.text_gast {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 36px;
	font: 100% Georgia, Courier New, Verdana, "Lucida Grande", helvetica, arial, sans-serif;
	font-style: italic;
	line-height: 16px;
	text-align: left;
}

.text_gast_block {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 36px;
	font: 100% Georgia, Courier New, Verdana, "Lucida Grande", helvetica, arial, sans-serif;
	font-style: italic;
	line-height: 16px;
	text-align: justify;
}

.text_gast_zitat {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 36px;
	text-align:left;
	color: #8899C3;
}

.c {
	clear: both;
}

/* Preload Banner */
.hiddenPic {display:none; height:0; }


/* **************************************** */
/* warum                                    */
/* **************************************** */

#warum td#rand_li { display: none; }
#warum td#rand_re { display: none; }
#warum p { font-family:Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 115%; line-height: 140%;	 color: #fff; }

.block {
	margin-left: 0px;
	margin-right: 20px;
	margin-top:20px;
	margin-bottom: 0px;
	background-color: #f1f1f1 ;
	border: 1px #F5DA1F solid;
	width: 300px;
	vertical-align: top;
	height: 135px;
	float: left;
}


/* **************************************** */
/* Impressum                                */
/* **************************************** */
#impressum #content { width: 100%;}
#impressum td#rand_li { display: none; }
#impressum td#rand_re { display: none; }
#impressum p { font-family:Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 120%; line-height: 140%;	 color: #fff; }
#impressum .wichtig {color: #F5DA1F; font-weight:bold; }	

/* **************************************** */
/* Copyright                                */
/* **************************************** */
div#copyright { font-family: Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 100%;}
div#copyright { text-align:center; color: #c0c0c0;}
#copyright a { font-family:Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 100%; line-height: 140%;	 color: #c0c0c0; border-bottom: 1px #c0c0c0 dotted; }
#copyright a:hover { font-family:Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 100%; line-height: 140%;	 color: #FFF; border-bottom: 1px #FFF solid; }

/* **************************************** */
/* Feedback-Formular, Gästebuch             */
/* **************************************** */

#feedback td#rand_re { display: none; }
#feedback td#rand_li { display: none; }
#feedback iframe { margin-left: 40px; width: 760px; border: 0px lime solid; background-color:transparent; position:relative; z-index: 99;;
}

/* **************************************** */
/* Kontakt-Formular                         */
/* **************************************** */

#kontakt tr td { font-size: 120%; height: 26px; }
#kontakt-form td#rand_re { display: none; }
#kontakt-form td#rand_li { display: none; }
#kontakt-form input {background-color: #F1F1F1; padding: 3px; }
#kontakt-form textarea {background-color: #F1F1F1; padding: 3px; }
#kontakt-form input:focus, input:hover {background-color: #FFF;}
#kontakt-form textarea:focus, textarea:hover {background-color: #FFF;}

/* **************************************** */
/* Linkformatierung                         */
/* **************************************** */


#content a { font-family: Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 100%; line-height: 140%; color: #F5DA1F; border-bottom: 1px #F5DA1F dotted; }
#content a:hover { font-family: Verdana, Arial, "Lucida Grande", Sans-serif, Serif, "Trebuchet MS"; font-size: 100%; line-height: 140%; color: #F5DA1F; border-bottom: 1px #F5DA1F solid; }

a {
	font-family: "Lucida Sans Unicode", Courier New, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	line-height: 100%;
	color: #fff;
}

a:hover {
	color: #fff;
	font-family: "Lucida Sans Unicode", Courier New, "Lucida Grande", Verdana, sans-serif;
	font-size: 100%;
	text-decoration: underline;
}

a.ft {
	font-family: "Lucida Sans Unicode", Courier New, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
	line-height: 125%;
	color: #fff;
}
a.ft:hover {
	color: #fff;
	font-family: "Lucida Sans Unicode", Courier New, "Lucida Grande", Verdana, sans-serif;
	font-size: 100%;
	text-decoration: underline;
}

/* **************************************** */
/* Linkformatierung  Thumbs                 */
/* **************************************** */
a.box {
	float: left;
	border: 1px solid #C7CDA4;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
}
a.box:hover {
	border: 1px solid #c0c0c0;
	background-color: #fff;
}
a.foto_box {
	float: left;
	margin-left: 2px;
	border: 1px solid #D2DfFF;
	background-color: #f1f1f1;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-right: 3px;
}
a.foto_box:hover {
	border: 1px solid #C0C0C0;
	background-color: #D2DfFF;
}

/* **************************************** */
/* Navigation oben                          */
/* **************************************** */

#navi_oben { font-family: "Trebuchet MS",Verdana, Arial, "Lucida Grande", Sans-serif, Serif; color: #F1F1F1; font-size: 112%; line-height: 140%; }
#navi_oben { border: 0px lime solid; width: 300px; margin-left: -188px; margin-top: 7px; position: absolute ; display:inline; z-index: 10; } 
#navi_oben a { color:#F1F1F1; text-decoration: none; border-bottom: 1px #F1F1F1 dotted; } 
#navi_oben a:hover { color:#FFF; text-decoration: none; border-bottom: 1px #FFF solid; }



/* **************************************** */
/* Navigation links                         */
/* **************************************** */

#navi {
	margin-left: 25px;
	margin-top: 8px;
	padding-left: 20px;
	width: 154px;
	height: 100%;
	color: #fff;
	list-style: none;
	border: 0px solid #c0c0c0;
	z-index: 100;
	position:relative;
}

#navi .first { color:#F5DA1F; margin-bottom:12px; }

#navi a {
	display: block;
	color: #F1F1F1; /*799ACD*/
	background-color: transparent;
	text-decoration: none;
	padding: 3px;
	border-left: 0px solid #f1f1f1;
}

#navi ul li a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 3px 0px 3px 10px;
	border-left: 3px solid #f1f1f1;
}
#navi li {
	padding: 1px;
	font-size: 120%;
	margin: 1px;
}

#navi ul li {
	font-size: 92.5%;
	padding: 1px;
	margin: 1px 1px 1px 3px;
}

/* **************************************** */
/* Archive Navigation links                 */
/* **************************************** */

#archiv1 #nav-archiv1,
#archiv2 #nav-archiv2,
#archiv3 #nav-archiv3,
#archiv4 #nav-archiv4,
#archiv5 #nav-archiv5,
#archiv6 #nav-archiv6,
#archiv7 #nav-archiv7,
#archiv8 #nav-archiv8,
#archiv9 #nav-archiv9,
#archiv10 #nav-archiv10,
#archiv11 #nav-archiv11,
#archiv12 #nav-archiv12,
#archiv13 #nav-archiv13,
#archiv14 #nav-archiv14,
#archiv15 #nav-archiv15,
#archiv16 #nav-archiv16,
#archiv17 #nav-archiv17,
#archiv18 #nav-archiv18,
#archiv19 #nav-archiv19,
#archiv20 #nav-archiv20,
#archiv21 #nav-archiv21,
#archiv22 #nav-archiv22,
#archiv23 #nav-archiv23,
#archiv24 #nav-archiv24,
#archiv25 #nav-archiv25,
#archiv26 #nav-archiv26,
#archiv27 #nav-archiv27,
#archiv28 #nav-archiv28,
#archiv29 #nav-archiv29,
#archiv30 #nav-archiv30,
#archiv31 #nav-archiv31,
#archiv32 #nav-archiv32,
#archiv33 #nav-archiv33,
#archiv34 #nav-archiv34,
#archiv35 #nav-archiv35,
#archiv36 #nav-archiv36,

#navi ul li a:hover {
	
	color: #FFF;
	background-color: #B5B1AA;
	border-left: 3px solid #F5DA1F; /* D2DfFF */
	
}

#I1 {
	
	border: 0px red solid;
}