/**Author Name:Gen 
   Developed in Vin Labs 
   Copyright at gendesigns.blogspot.com 
   ProjectName:Computer Zone **/
*{ margin: 0px; padding: 0px; }*
body
   { color: #dcdcdc; font: 10pt/1.6em sans-serif, Verdana; background: #6b000b center }
.csc-firstHeader { color: #c00; font-size: 14px; font-family: sans-serif, Verdana; font-weight: bold; line-height: 20px }
h1  { color: #fff; font-size: 10px; margin-top: 20px }
p { color: #fff; font-size: 10pt; font-family: arial }
ul { list-style: none }
a { color: #f30; text-decoration: none }
hr { color: #fff; background-color: #f00; height: 1px }
table { font-size: 10pt; font-family: sans-serif }
/**Wrapper **/
#wrapper 
   { background: #6b000b; margin-top: 5px; margin-bottom: 5px; position: absolute; top: 3%; left: 3%; width: 850px }

#top
 { background: #fdfdfd url(images/cstrip.gif) repeat-x; width: 850px; height: 74px }
#logo h1
 { color: #eee; font-size: 40px; font-family: "SF Movie Poster"; font-weight: bold; font-stretch: wider; margin: 0; padding-top: 20px; padding-left: 50px }
#logo p
{
	 padding-left:60px;
}
#logo
 { float: left }
/**Menu***/
#menu li
{
display:inline;
}
li a{ color: #fff; font-size: 10pt; text-decoration: none; text-align: center; margin-right: 1px; padding: 20px 20px 13px; float: left ;list-style-type: disc }
#rcontain li { line-height: 25px; margin-left: 30px }
#rcontain ul li a { float: none }
#menu
    { margin-left: 200px }
#menu a:hover
{
	color:#fff;
}
#main
    { background: #000 url(images/Header.jpg) no-repeat; width: 850px; height: 150px }
#content
       { font-style: italic; font-weight: bolder; background: url(images/cstrip_content.jpg) repeat-x; width: 850px; height: 40px }
#left,#right
{
	width:275px;
    height:184px;padding-top:5px;
    	
}
#left
{
	float:left;
	
}
#right
{
	float:right;
	
}
#center
{
	margin:0px 275px 0px 275px;
	border-left:1px solid #4F4A4A;
	border-right:1px solid #4F4A4A;
	height:177px;
    padding-top:5px;
}
#left h1,#right h1,#center h1
{
font-size:1.5em;
padding:10px 0 0 50px;
font-family:arial;
}
#left p,#right p,#center p
{
padding:10px 15px 0px 20px;
}
#left h2,#right h2,#center h2
 { font-size: 0.9em; font-family: verdana, sans-serif; padding-left: 170px }
#left a,#right a,#center a
{
	color:#fff;
	text-decoration:none;
}
#container
      { background-color: black; background-repeat: no-repeat; background-position: 0 0; width: 850px; float: left }
#lcontain
          { color: #fff; font-family: sans-serif; background-color: #000; background-position: 0 0; margin-top: 20px; padding-right: 10px; padding-left: 15px; width: 180px; height: 400px; float: left; border-right: 1px solid red }
#fbook   { position: absolute; top: 170px; left: 620px }
#spacer   { font-family: sans-serif; background-color: black; background-repeat: repeat; background-position: 0 0; width: 20px; float: left }
#rcontain
           { color: #fff; font-family: sans-serif; background-color: #000; background-image: none; background-position: 0 0; margin-top: 20px; margin-right: 30px; width: 600px; float: right }
#rcontain  h1,#lcontain h1
   { color: #f00; font-size: 15px; font-family: arial; line-height: 20px }
#rcontain p
    { color: #fff; padding: 10px 10px 0 15px }
#lcontain p,#lcontain h2
  { color: #f30; text-align: left; padding-left: 15px }
#lcontain h2
 { color: #f30; font-size: 1.1em; font-family: arial }
#rcontain h2 { color: #f00; font-size: 1.1em; font-family: arial }
#lcontain a 
 { color: #fff }
.col
{
float:left;
width:280px;
}
.col li a
 { color: #fff; text-decoration: underline; float: none }
.col li a:hover
{
	text-decoration:none;
}

/**footer ***/
#footer      { background: #2e2e2e url(images/Header.jpg) repeat-x; text-align: center; margin: 0 auto; width: 850px; height: 30px; float: left }
#footerImage { background-color: #2e2e2e; background-image: url(images/Header.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 0 auto; height: 150px; clear: both }
#headerImage { background-color: #2e2e2e; background-image: url(images/Header.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; margin: 0 auto; height: 20px; clear: both }
#footer a {
	color: #5E6F6E;
	text-decoration: none;
}
#footer a:hover {
	color: #9ab2be;
	text-decoration: underline;
}

.NavLvl1       { color: #e0e0e0; font-size: 10pt; font-style: normal; font-weight: normal; text-decoration: none; border-style: solid none; border-width: 1px; border-color: #eed #f90 }
.NavLvl2        { color: #666; font-size: 10pt; font-style: normal; font-weight: normal; text-decoration: none; clear: left; border-style: solid none; border-width: 1px medium; border-color: #eed #f90 }
.navigation2LVL   { color: #fff; font-weight: bolder; background-position: 0 0; float: left; border-bottom: 1px solid #333 }
.navigation2LVL a  { color: #fff; font-family: sans-serif; font-variant: normal; font-weight: bolder; text-decoration: none; background-position: 0 0; text-align: center; padding-right: 14px; padding-left: 14px; top: 50px; border-right: 1px solid #000 }
.navigation a        { color: #fff; font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: bolder; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center; padding: 0 14px; width: 33.3%; height: 70px; float: left; border-right: 1px solid #fff }
.navigation1LVL a { color: #fff; font-family: sans-serif; font-style: normal; font-variant: normal; font-weight: bolder; text-decoration: none; background-position: 0 0; text-align: center; padding: 0 14px; float: left; border-right: 1px solid #000 }
.navigation a:hover,.navigation a#active   { color: #331; text-decoration: none; background-position: left bottom }

.bodytext   { color: #fff; font-family: sans-serif }
/* TopNavigation*/

.topmenul1, .topmenul2    { color: #fff; font-family: sans-serif; background-image: url(images/navtrans.gif); background-repeat: repeat; list-style: none; margin: 0; padding: 0; height: 20px }

.topmenul1 li   { color: #fff; font-family: sans-serif; padding-right: 0; padding-left: 0; position: relative; float: left }

/* First level colors for link tags */
.topmenul1 a      { color: #fff; font-family: sans-serif; background-color: #330; background-image: url(images/navtrans2.gif); background-repeat: repeat-y; padding: 0 0; width: 130px; border-bottom: 1px solid #f0f0f0; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8    }

.topmenul1 a:hover  { color: #fff; font-family: sans-serif }


/* Start second level and lower menu's */
.topmenul1 .topmenul2       { color: #fff; font-family: sans-serif, Verdana; background-image: url(images/navtrans.gif); background-repeat: repeat-y; display: none; position: absolute; z-index: 10; top: 20px !important; left: 0; width: 130px }

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2   { color: #fff; font-family: sans-serif; top: -1px !important; left: 200px; width: 130px }

.topmenul1 .topmenul2 li      { color: #fff; font-family: sans-serif; padding-right: 0; padding-left: 0; width: 130px; border-bottom: 1px solid #f0f0f0 }

.topmenul1 .topmenul2 a    { color: #fff; font-family: sans-serif; display: block; padding-top: 0; padding-bottom: 0; width: 130px; border: none }

.topmenul1 .topmenul2 a:hover  { color: white; font-family: sans-serif; border: none }
/* Little arrows for the menus */
.topmenul1-ifsub,.topmenul2-ifsub   { color: #fff; font-family: sans-serif; background-repeat: no-repeat; background-position: right top }
.topmenul2-ifsub   { color: #fff; font-family: sans-serif }


.topmenul1 .hoveratag  { color: #fff; font-family: sans-serif }

/*Gästebuch eintrage Stylen*/
   .tx-veguestbook-pi1  { font-size: 11pt }
  
    /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:bold;
		color:#990000;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:bold;
		float:left;
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:75%;
		font-weight:bold;
		float:right;
	}
	
	/* styles for list mode */
	.tx-veguestbook-pi1 h2.tx-guestbook-header  { color: #fff; font-size: 100%; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 1em; width: 35em; clear: both }
	
	.tx-veguestbook-pi1 .tx-guestbook-left  { color: #f30; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 1em; bottom: 4em; width: 12em; float: left }
	
	.tx-veguestbook-pi1 .tx-guestbook-left  { color: #f30; height: 4em }
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 1em; width: 21em; float: left }
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
	}
.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#990000;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field  { display: block; padding: 2px 0; width: 100%; clear: both }
	
	.tx-veguestbook-pi1 .tx-guestbook-field label   { color: #fff; display: block; width: 10em; float: left; clear: both }
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med   { color: #900; background-color: #eee; width: 10em; float: left; border: solid 1px #666 }
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big   { color: #900; background-color: #eee; width: 20em; float: left; border: solid 1px #666 }
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea   { color: #900; background-color: #eee; display: block; width: 30em; float: left; border: solid 1px #666 }
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield  { color: #990000 }
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap  { color: #f30; background: #000; display: block; float: left; border: solid 1px #ccc }
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img  { display: block; float: left }
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input  { color: #333; background-color: #eee; float: left; border: solid 1px }
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:10em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}

/*SearchBox Styles*/
.searchbox-button { z-index: 5; width: 17px; height: 17px; border: solid 0 #fff }
#indexedsearchbox  { position: absolute; top: 180px; left: 700px; width: 140px }
.searchbox-sword { color: #333; background-color: #ccc; width: 105px; height: 17px; border: solid 1px }
.csc-textpic-caption  { font-size: 15px; font-family: sans-serif, Verdana; font-style: italic; font-weight: bold; font-stretch: extra-expanded; top: -50px }
#afhlogo { background-image: url(images/logo_afh.png); background-repeat: no-repeat; position: absolute; top: 160px; left: 10px; width: 300px; height: 33px }
#hnlogo { background-image: url(images/logo_hn.png); background-repeat: no-repeat; position: absolute; top: 130px; left: 10px; width: 300px; height: 58px }
#motto   { background-image: url(images/motto.png); background-repeat: no-repeat; position: absolute; top: 60px; left: 20px; width: 150px; height: 125px }
/*form Styles*/
legend  { padding-right: 10px; padding-left: 10px; border: 0 }
.fieldset  { padding: 10px; border: solid 1px #c0c0c0 }
.radiolayout {width:60%;padding-top:15px;padding-bottom:15px;}
.formular  { padding-top: 10px; padding-bottom: 10px; padding-left: 60px; width: 90%; border: solid 1px #c0c0c0 }
#anmeldung { }
.radio   { color: #600; font-family: sans-serif; background-color: #fbfbfb; text-align: left; border: 0 }
.label   { color: #fff; font-family: sans-serif; background-image: url(images/navtrans2.gif); background-repeat: repeat-y; width: 12em; display: block; float: left }
label     { color: #fff; font-family: sans-serif; background-image: url(images/navtrans2.gif); background-repeat: repeat-y; width: 12em; display: block; float: left }
.uid3 { color: #f60 }
.afh_text    { color: #600; font-size: 10pt; font-family: sans-serif; background-color: #ccc; margin-bottom: 5px; display: block; vertical-align: text-top; border: solid 1px #c0c0c0 }
.afh_check  { color: #600; font-family: sans-serif; background-color: #fbfbfb; border: 0 }
.afh_select  { color: #600; font-family: sans-serif; background-color: #fbfbfb; border: 0 }
.afh_input   { color: #600; font-family: sans-serif; background-color: #fbfbfb; margin-bottom: 5px; vertical-align: text-top; border: solid 1px #c0c0c0 }
title { color: #cf0 }
.afh_submit  { color: #ffffff; font-family: sans-serif; background-color: #c0c0c0; border: 0 }

/*Gallery Styles*/
#tx-lzgallery-pi1-listing td  { color: #fff; font-family: sans-serif; border: solid 0 #000 }
#tx-lzgallery-pi1-listing line1  { color: #fff }
#tx-lzgallery-pi1-listing    { color: #fff; font-size: 10pt; font-family: verdana; padding: 0; border-collapse: collapse   }
#tx-lzgallery-pi1-listing tr.line1  { color: #fff }
#tx-lzgallery-pi1-listing tr.line1 td.startdate { color: #fff; white-space: nowrap }
#tx-lzgallery-pi1-listing tr.line1 td.count { color: #fff; white-space-nowrap: padding-left:20px }
#tx-lzgallery-pi1-listing td.preview  { color: #fff; padding: 0 0 0 4px; width: 80px }
#tx-lzgallery-pi1-listing td.title  { color: #fff; font-size: 16px; padding-left: 10px; width: 80%; font-face: bold }
#tx-lzgallery-pi1-listing tr.line2  { color: #fff; padding: 0 }
	
#tx-lzgallery-pi1-listing a    { color: #fff; font-size: 10pt }	
#tx-lzgallery-pi1-listing #line-descr-short  { }
#tx-lzgallery-pi1-parent-descr-short {padding:4px 4px 20px 4px;}
#tx-lzgallery-pi1-parent-title {font-size:20px;padding:4px 4px 4px 4px;}
#tx-lzgallery-pi1-parent-count {padding:4px 4px 4px 4px;}
#tx-lzgallery-pi1-parent-subcount {padding:0px 4px 4px 4px;}
#tx-lzgallery-pi1-listing td.information  { font-size: 10pt; white-space: nowrap }

    /* gallery - album  */

#tx-lzgallery-pi1-fotonav td {text-align:center;padding-left:15px;}
#tx-lzgallery-pi1-fotonav td.descr {color:#00008c;}
#tx-lzgallery-pi1-fotonav  { font-family: verdana }

#tx-lzgallery-pi1-fotos   { font-family: verdana; text-align: center; padding: 5px; border-collapse: collapse  }
#tx-lzgallery-pi1-fotos td  { text-align: center; padding: 3px }

#tx-lzgallery-pi1-title  { font-size: 20px; text-align: center; margin-bottom: 20px }
#tx-lzgallery-pi1-descr-long {margin:5px 5px 15px 5px;text-align:justify;}

    /* gallery - annotations */
.tx-lzgallery-pi1-5x5-filename {font-size:10px;font-style:italic;}
.tx-lzgallery-pi1-1x1-1 {font-size:12px;font-face:bold;border-bottom:1px solid lightgray;}
.tx-lzgallery-pi1-1x1-2 {font-size:12px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}
/*Extension styles */
.tx-afhspielzeit-pi1-listrow-header { color: #fff; font-weight: bold }
.tx-afhevent-pi1-listrow-header { color: #fff; font-weight: bold }

