/* CSS-Template 3-Columns / HTML 4 // REAKKTOR MEDIA GMBH // Jan Cosfeld */

/*  */
body {
	background: #FFFFFF;
	background-image: url(/fileadmin/warfront/wf_images/back_big_us.jpg);
	background-attachment: fixed; 
	background-position: center top;
	background-repeat:no-repeat;
	text-align: center;
	margin-top: 0px;
}

/*  */
#all_table {
	width: 800px;
	background: red;
	margin: auto;
	border: 1px solid darkred;
}

.left_floater {
	width: 50%;
	background: transparent;
	/* background-image: url(/fileadmin/warfront/wf_images/backround_left.jpg); */
	background-repeat: no-repeat;
	background-position: right top;
	margin: auto;
}

.reserved_right, .reserved_left {
	width: 140px;
	height:140px;
	background: #1b1b1b;
	background-image: url(/fileadmin/warfront/wf_images/oben_links.jpg);
}

.container_links, .container_rechts {
	background-image: url(/fileadmin/warfront/wf_images/l_r_backround.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}

.right_floater {
	width: 50%;
	background: transparent;
	/* background-image: url(/fileadmin/warfront/wf_images/backround_right.jpg); */
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;
}

/*  */
#maintable {
	width: 800px;
	background: #0c0c0c;
	margin: auto;
	border: 1px solid #1a1a1a;
}

/* */
#content_border{
	width: 800px;
	height: 300px;
	background: #000000;
	background-image: url(/fileadmin/warfront/images/head_placeholder.jpg);
}

/*  */
#3rows {
	width: 800px;
	height: 100px;
	background: transparent;
	height:100%;
}

/*  */
#content_left {
	width: 140px;
}

/*  */
#content_normal {
	width: 520px;
	background: transparent;
	background-image: url(/fileadmin/warfront/wf_images/back_middle.jpg);
	background-repeat: repeat-y;
}

/*  */
#content_right {
	width: 140px;
}

/*  */
.localise {
	height:30px;
	background: #262626;
	background-image: url(/fileadmin/warfront/wf_images/localise_back_en.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

/*  */
#footer {
	width: 800px;
	background: #0c0c0c;
	margin: auto;
	border-bottom: 1px solid #1a1a1a;
	font-family: arial, sans-serif;
	font-size: 9px;
	color: #404040;
	height: 40px;
	text-align: center;
}

#logos {
	width: 780px;
	background: #111111;
	margin: auto;
	border-bottom: 1px solid #1a1a1a;
	font-family: arial, sans-serif;
	font-size: 9px;
	color: #404040;
	text-align: center;
}

.wf_search {
background-image: url(/fileadmin/warfront/wf_images/back_search.jpg);
height: 141px;
width: 140px;
}

.wf_logo_gondel {
background-image: url(/fileadmin/warfront/wf_images/back_logo.jpg);
height: 141px;
width: 140px;
}

/*  Typo Setup for Warfront */

.headline {
font-family: arial, sans-serif;
font-size: 17px;
color: #b7b7b7;
font-variant: uppercase;
font-weight: bold;
}

.fliesstext {
font-family: arial, sans-serif;
font-size: 11px;
color: #b7b7b7;
}

.bodytext {
font-family: arial, sans-serif;
font-size: 12px;
color: #e6e6e6;
margin-left: 30px;
margin-right: 30px;
margin-top: 20px; 
margin-bottom: 20px;
}

.bildbeschriftung{
font-family: arial, sans-serif;
font-size: 10px;
color: #e6e6e6;
margin-top: 4px;
}

.release {
font-family: arial, sans-serif;
font-size: 11px;
color: #e6e6e6;
margin-left: 20px;
}

ul{
font-family: arial, sans-serif;
font-size: 12px;
margin-left: 30px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 20px;
list-style-type: square;
color: #e6e6e6;
list-style-position: outside;
}


/*  Navigation <DIV> Setup for Warfront */
/* */
.wf_level1-no {
width: 140px;
height: 24px;
background: #111111;
border-bottom: 1px solid #1f1f1f;
}

/* */
.wf_level1-act {
width: 140px;
height: 24px;
background: #6e0000;
}

/* */
.wf_level2-no {
width: 140px;
height: 24px;
background: #1d0000;
}

/* */
.wf_level2-act {
width: 140px;
height: 24px;
background: #4e0000;
}

/*  Navigation <A> Setup for Warfront */
/* */
.wf_level1-no a, .wf_level1-act a { 
display:block; 
height: 24px;
font-family: arial; 
letter-spacing: 1px;
width: 140px;
padding: 6px 0px 0px 18px;
color: #ebebeb;
}

.wf_level2-no a,  .wf_level2-act a { 
display:block; 
height: 24px;
font-family: arial; 
width: 140px;
padding: 6px 0px 0px 24px;
color: #ebebeb;
font-size: 10px;
}

/* */
.wf_level1-no a:link,  .wf_level1-act a:link { 
display:block;
height: 24px;
font-family: arial; 
letter-spacing: 1px;
width: 140px; 
padding: 6px 0px 0px 18px;
color: #ebebeb;
}

.wf_level2-no a:link, .wf_level2-act a:link { 
display:block;
height: 24px;
font-family: arial; 
width: 140px; 
padding: 6px 0px 0px 24px;
color: #ebebeb;
font-size: 10px;
}

/* */
.wf_level1-no a:visited, .wf_level1-act a:visited{ 
display:block; 
height: 24px;
font-family: arial; 
width: 140px;
padding: 6px 0px 0px 18px;
color: #ebebeb;
}

.wf_level2-no a:visited, .wf_level2-act a:visited { 
display:block; 
height: 24px;
font-family: arial; 
width: 140px;
padding: 6px 0px 0px 24px;
color: #ebebeb;
font-size: 10px;
}



/* */

.wf_level2-act a:hover { 
display:block; 
height: 24px;
font-family: arial; 
width: 140px; 
padding: 6px 0px 0px 24px;
color: #ebebeb;
text-decoration: underline;
font-size: 10px;
}



.wf_level1-act a:hover { 
display:block; 
height: 24px;
font-family: arial; 
width: 140px; 
padding: 6px 0px 0px 18px;
color: #ebebeb;
text-decoration: underline;
}

 .wf_level2-no a:hover { 
display:block; 
height: 24px;
font-family: arial; 
width: 140px
height: 24px;
padding: 6px 0px 0px 24px;
color: #ebebeb;
text-decoration: underline;
background: #4e0000;
font-size: 10px;
}

.wf_level1-no a:hover{ 
display:block; 
height: 24px;
font-family: arial; 
width: 140px;
height: 24px;
padding: 6px 0px 0px 18px;
color: #ebebeb;
text-decoration: underline;
background: #6e0000;
}

/* */
.wf_level1-no a:active , .wf_level1-act a:active  { 
display:block; 
height: 24px;
font-family: arial; 
letter-spacing: 1px;https://www.warfront.reakktorweb.com/index.php?id=5&L=0
width: 140px;
color: #ae0000;
padding: 6px 0px 0px 18px;
}

.wf_level2-no a:active , .wf_level2-act a:active { 
display:block; 
height: 24px;
font-family: arial; 
width: 140px;
color: #ae0000;
padding: 6px 0px 0px 24px;
font-size: 10px;
}

/*  Global Link Setup for Warfront */
a:link {
font-family: arial, sans-serif;
font-size: 11px;
color: #ae0000;
text-decoration: none;
font-weight: bold;
}

a:visited {
font-family: arial, sans-serif;
font-size: 11px;
color: #d10000;
text-decoration: none;
font-weight: bold;
}

a:hover {
font-family: arial, sans-serif;
font-size: 11px;
color: #d10000;
text-decoration: none;
font-weight: bold;
}

a:active {
font-family: arial, sans-serif;
font-size: 11px;
color: #ff6305;
text-decoration: underline;
font-weight: bold;
}

/* Newssystem */

.wf_news_date {
font-family: arial;
font-size: 10px; !important;
color: #FFFFFF; !important;
font-variant: small-caps; !important;
}

.wf_news_time {
font-family: arial;
font-size: 10px; !important;
color: #FFFFFF; !important;
font-variant: small-caps; !important;
}

.wf_news_title {
font-family: times; !important;
font-size: 18px; !important;
color: #FFFFFF; !important;
font-variant: small-caps; !important;
margin-top: 20px; 
margin-bottom: -40px; !important;
}

.wf_news_subheader p {
font-family: arial, sans-serif;
font-size: 12px;
color: #e6e6e6;
margin-left: 0px; !important;
margin-right: 30px;!important;
margin-top: 20px; !important;
margin-bottom: 20px;!important;
}

form {
background: transparent;	
}

textarea {
background: transparent;	
}

/* Workarounds */

h1 { 
font-family: times; !important;
font-size: 26px; !important;
color: #FFFFFF; !important;
margin-left: 30px; !important;
margin-right: 30px; !important;
margin-top: 20px; !important;
font-variant: small-caps; !important;
letter-spacing: 1px; !important;
font-weight: bold; !important;
}

.headline { 
font-family: times; !important;
font-size: 18px; !important;
color: #FFFFFF; !important;
font-variant: small-caps; !important;
letter-spacing: 1px; !important;
font-weight: bold; !important;
}

.tx-gstcontentsearch-pi1 {
margin-left: 30px; !important;
margin-right: 30px; !important;
font-family: arial, sans-serif;
font-size: 12px;
color: #e6e6e6;
}

.tx-gstcontentsearch-pi1 .bodytext{
font-family: arial, sans-serif;
font-size: 12px;
color: #e6e6e6; !important;
margin-left: 0px; !important;
margin-right: 0px; !important;
margin-top: 0px; !important;
margin-bottom: 0px; !important;
}

.tx-gstcontentsearch-pi1 .link{
font-family: arial;
font-size: 10px; 
color: #FFFFFF; 
}

.searchinput {
width: 91px; 
font-size:8pt; 
font-weight: bold; 
color: #e6e6e6;
height: 20px; 
background-color: #0d0d0d; 
border-top: 1px solid #1f1f1f;
border-left: 1px solid #1f1f1f;
border-right: 1px solid #5c5c5c;
border-bottom: 1px solid #5c5c5c;
margin-top: 3px; 
}

.csc-textpic-imagewrap { 
margin-left: 30px; !important;
margin-right: 30px; !important;
float: left; !important;
}

.csc-textpic-image img {
border: 1px solid red; !important;
}

.unit_sheets{
font-family: arial, sans-serif;
color:#FFFFFF;
}

.unit_beschreibung {
height:30px;
width: 100px;
padding: 2px 0px 0px 8px;
width:60px;
color:#f0680e;
font-size:10px;
text-align:left;
}

.unit_beschreibung_inhalt {
padding: 2px 0px 0px 5px;
font-size:10px;
text-align:left;
color:#FFFFFF;
}

.unit_text {
font-size:11px;
text-align:justify;
padding:10px;
}

.contact_font{
font-family: arial, sans-serif; 
font-size: 11px; 
color: #b7b7b7;
}
.contactform textarea {
border-left: 1px solid #343434;
border-right: 1px solid #605b53;
border-top: 1px solid #343434;
border-bottom: 1px solid #605b53; 
background-color: #1f1f1f; 
margin-bottom: 5px; 
height: 150px; 
width: 250px; 
color: #b7b7b7; 
font-family: arial, sans-serif;; 
font-size: 11px; 
}

.contactform input{
border-left: 1px solid #343434;
border-right: 1px solid #605b53;
border-top: 1px solid #343434;
border-bottom: 1px solid #605b53; 
background-color: #1f1f1f; 
margin-bottom: 5px; 
height: 22px; 
color: #b7b7b7; 
font-family: arial, sans-serif;; 
font-size: 11px; 
width: 250px; 
}

.contact_form_input{
border-left: 1px solid #343434;
border-right: 1px solid #605b53;
border-top: 1px solid #343434;
border-bottom: 1px solid #605b53; 
background-color: #1f1f1f; 
margin-bottom: 8px; 
height: 22px; 
color: #b7b7b7; 
font-family: arial, sans-serif;; 
font-size: 11px; 
width: 250px; 
}