/** CSS Datei fr http://localhost/vfj ******************************/


/** TAG-ATRIBUTE ********************************/

a:link {
	color:#0050A0;
	text-decoration: underline;
}
a:visited {
	color:#001060;
	text-decoration: underline;
}
a:hover {
	color:#2F446B;
	text-decoration: none;
}
a:active {
	color:#FF7F00;
	text-decoration: none;
}

body {
	background-image: url(http://www.vfj.de/images/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-color: #F7F2EC;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font: 100.01% "Verdana", sans-serif;
}


div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: none;
}






/** CLASS-ATRIBUTE ******************************/

.grey {
	background-color:#EFEFEF;
}

.input {
	color:#000000;
	font-family:courier,'courier new',monospace;
	width:340px;
}
.inputarea {
	color:#000000;
	font-family:courier,'courier new',monospace;
	width:340px;
}

.noborder {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/** roter Hintergrund **/
.red {
	color:white;
	font: 0.8em "Verdana", sans-serif;
}
.red a:link {
	color: white;
	text-decoration: underline;
}
.red a:visited {
	color:white;
	text-decoration: underline;
}
.red a:hover {
	color:darkorange;
	text-decoration: none;
}
.red a:active {
	color:gold;
	text-decoration: none;
}


.tablehead {
	background-color:#E82020;
	color:white;
}

.vfj_table {
	width:570px;
	margin:50px 0px;
	padding:5px;
	border: 3px dotted black;;
	border-spacing:5px;
}






/** ID-ATRIBUTE *********************************/

#headlinks {
         width: 200px;
         font: 0.8em "Verdana", sans-serif;
         text-align:right;
         vertical-align: middle;
         padding: 0px 10px 10px 0px;
}


#headtable {
         width: 100%;
         height: 90px;
         text-align:center;
         padding: 0px;
         margin: 0px;

}


#logo {
	padding: 5px 0px 0px 5px;

}


#main {
	text-align: center;
	vertical-align: top;
	padding: 3px;
	margin: 0px 0px 0px 135px;
	max-width: 647px;
	min-width: 600px;
	width: expression(document.body.clientWidth > 800? "647px": "auto" );
	min-height: 600px;

}

#menue {
	background-image: url(http://vfj.konstantink.net/images/red.jpg);
	background-repeat:repeat;
         width: 130px;
         padding: 0px;
         margin: 0px;
         float: left;
}


#middle {
         padding: 0px;
         margin: 0px;
}


#naviend {
	background-image:url(http://vfj.konstantink.net/images/redend.jpg);
	background-repeat:no-repeat;
	height:200px;
	width:130px;
	margin:0px;
	padding:-5px;
}


#navisun {
	text-align: center;
	margin:70px 0px;
}


#top {
	background-image:url(http://vfj.konstantink.net/images/red.jpg);
	background-repeat:repeat;
	height:90px;
	overflow:hidden;
	padding: 0px
	margin: 0px;
	width: 790px;

}
























h1 {
	font: 1.45em "Verdana", sans-serif;
	text-align:center;
	padding: 0px 0px 0px 0px;

}


h2 {
	font: 2em  Garamond, Georgia, "Verdana",serif;
	text-align:center;
	margin: 10px 20px 20px;

}


h3 {
	font: 1.9em  Garamond, Georgia, "Verdana",serif;
	text-align:center;
	margin: 10px 20px 20px;
}


h4 {
	font: 1.32em  Garamond, Georgia, "Verdana",serif;
	text-align:center;
	margin: 10px 20px;

}


h5 {
	font: bold Garamond, Georgia, "Verdana",serif;
	text-align:center;

}

p {
	margin: 25px;
}


table {
	cellpadding: 0px;
	cellspacing: 0px;

}


/** neue Formate **/




/** id-atributierte Elemente werden hier formatiert **/








/** G�tebuchformate Beginn **/

.big          { font-size:175%; }
.courierjust  { text-align:left; font-family:courier,'courier new',monospace; }
.feld         { font-size:9pt; background-color:#DFDFDF; }     /* Eingabefeld */
.formular     { font-size:small; text-align:left; padding:5px 0px; font-family:courier,'courier new',monospace; vertical-align:middle; }     /* Formularzellen allgemein */
#gbookmain {
	padding: 3px;
	text-align: center;
	margin: 0px 0px 0px 150px;
	max-width: 620px;
	min-width: 500px;
	width: expression(document.body.clientWidth > 800? "620px": "auto" );
	min-height: 600px;

}
.radio        { font-weight:bold; font-size:1.0em; text-align:center; margin:20px 0px; font-family:courier,'courier new',monospace; vertical-align:bottom; }     /* Formularzellen mit Radiobuttons */
.small        { font-size:small; color: black; }

/** G�tebuchformate Anfang **/


/** hier beginnen die ID's fr die Navigation aus dem Snippet **/

#navigation-box {
	width: 120px;
	margin: 0px;
	padding: 5px;
	color: #2F446B;
	font-size: 0.75em;
}

ul#navigation {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

ul#navigation li {
	list-style: none;
	margin: 4px 1px;
	padding: 0px;
	width:115px;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
}
ul#navigation a {
	display: block;
	background-color: white;
	padding: 3px 1px 3px 4px;
	margin: 0px;
}
ul#navigation a:link {
	color: black;
	text-decoration: none;
}
ul#navigation a:visited {
	color: black;
	text-decoration: none;
}
ul#navigation a:hover {
	color: red;
	text-decoration: underline;
}
ul#navigation a:active {
	color: crimson;
	text-decoration: underline;
}




ul#navimail {
	margin: 0;
	padding: 0;
	font: 0.95em;
}
ul#navimail li {
	list-style: none;
	margin: 4px 1px;
	padding: 0px;
	width:115px;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
}
ul#navimail a {
	background-color: white;
	display: block;
	padding: 3px 1px 3px 4px;
	margin: 0px;
}
ul#navimail a:link {
	color: black;
	text-decoration: none;
}
ul#navimail a:visited {
	color: black;
	text-decoration: none;
}
ul#navimail a:hover {
	color: red;
	text-decoration: underline;
}
ul#navimail a:active {
	color: crimson;
	text-decoration: underline;
}


/** ENDE Navigation Snippet ID's **/



/** class Elemente werden hier formatiert **/



.entry {
	margin: 20px 15px 20px 35px;
	width: 570px;
}


.date {
	font: 1em  Garamond, Georgia, "Times new Roman",serif;
	margin: 0px 0px;
}


.mail_td {
	padding: 5px 10px;
	font: 1em Garamond, Georgia, "Times new Roman",serif;
	text-align: right;

}


.maildescript_td {
	padding: 5px 10px;
	font: 1em Garamond, Georgia, "Times new Roman",serif;
	text-align: left;

}


.medium {
	font-size:0.7em;

}


.quelltext {
	padding: 10px;
	margin: 20px;
	background-color: lightgrey;
	border: darkolivegreen solid 2px;
	font-family: courier,'courier new',monospace;
	color: #4F4F4F;
	font-style: italic;
}


.right {
	float:right;
	padding: 10px;
}


.small {
	font-size:10px;
	color: black;
	text-align: center;
}

.wide {
	padding: 10px 40px;
}