﻿/* Created by TopStyle Trial - www.topstyle4.com */
	body,td,th {
		color: #333333;
	}
	body {
		background-color: #FFFFFF;
		background-image: url(../img/pagebg.jpg);
		background-repeat: repeat-x;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
	/*--------------------------< Layout >------------------------*/

   /*HAUPTTABELLE ------------------>*/	
	/*Haupttabelle -> Seite*/
	#maintable{
     width: 989px;
	  background-color: #FFFFFF;	 
     padding:0px;   
	}
      /*OBEN (linke Spalte)*/
.mainlefttop{
       height: 120px;
	   width:599px;
      } 
    	
	
    /*<--------------- HAUPTTABELLE*/	
   



   /*Div-Tag, welches das Logo auf Position haelt*/
   #logo{
    position:absolute;
    margin-left:42px;
    top:38px;
   }
  /*Umschliessendes div-Tag - Navigation mit "Location, Jobs, Impressum"*/
  #headlinks{
	  position:absolute;
	  font-family: Arial, Verdana, "MS Serif", sans-serif;
	  font-size: 11px;
	  line-height: 12px;
	  color: #333333;
	  top:16px;
	 /* margin-left:100px; */
	  /*border:1px solid blue;*/
	 }

/*-----------------< Navigation >-------------------------*/  	 
 /*------< Linknavigation oben >----------*/
	 
  /*div-Tags fuer die NavigationsItems (headlinks) selbst*/
  .topnav{
  	float: left;
  	margin-right:10px;
  	cursor: pointer;
		color:#999999; 	
  }  

  
 /*------< Hauptnavigation >----------*/
  
 	/*Container der Hauptnavigation TD-Tag*/
 	#mainNavContainer{
 		background-image: url(../img/navbg.jpg);
 		background-position: left;
 		/*border:1px solid red;*/
 	   font-family: Arial, Verdana, "MS Serif", sans-serif;
	   font-weight: bold;
	   font-size: 14px;
	   /*line-height: 32px;*/
	   color: #FFFFFF; 
 	}

 	/*NavigationsButton (Hauptnavigation)*/
 	.mainnav{
	  position:relative;
     left: 19px;
     margin-top:8px;
	  /*border:1px solid yellow;*/	
 	}
 	
 	/*CursorEffekt fuer Navigationsitoms liegt auf span-Tags*/
 	.navCursor{
 		cursor:pointer;
 	}
 /*------< Subnavigation >----------*/
  	/*Umfassender Container der Subnavigation*/
 	#contentRightContainer{
 	/*border:1px solid blue;*/
 	   font-family: Arial, Verdana, "MS Serif", sans-serif;
	   font-weight: bold;
	   font-size: 12px;
	   line-height: 12px;
   	padding-left:19px;
   	margin-top:73px;
	   color: #999999;
	   text-align: left; 
 	}	
 /*Einzelcontainer fuer Subnavigations-Buttons*/
 .subnav{
 	  /*border:1px solid green;*/
 	  position:relative;
     margin-bottom: 16px;
     margin-top:-3px;	
 }
 	
/*---------------< Content >----------------------------*/

 /*Hauptcontainer fuer Kontent - LINKS*/
 #contentLeftContainer{
   font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;	
   margin-left:43px;
   margin-top:43px;
   margin-right:40px;
  /*border:1px solid green;*/
 }
 
 h1{
 	font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 24px;
	line-height: 0px;
	color: #996632;
	margin-bottom:24px;
	margin-top:9px;
 }
 
  h2{
 	/*font-family: Arial, Verdana, "MS Serif", sans-serif;*/
	font-size: 12px;
	line-height: 0px;
	font-weight: bold;
	color: #333333;
	margin-bottom:16px;
	margin-top:9px;
 } 
 
 /*fett gedruckter Text im Text (auch Headline im Impresseum) ansonsten wie "H2"*/
 .bolded{
  font-size: 12px;
	font-weight: bold;
	color: #333333; 
 }

/*---------+++++++++++++++++-----------< Accordion >------------++++++++++++++++++-------------------*/ 

div#rpt-accordion{
background-color:#FFFFFF;
/*border:1px solid #949294;*/
}

div.accordion {
	position: relative; /* required for bounding */
	width:100%;
	height:10px;
}

div.accordion-toggle{
  position: relative; /* required for effect */
  z-index: 10;		/* required for effect */
 	font-family: Arial, Verdana, "MS Serif", sans-serif;
 	/*font-family: Arial, Verdana, "MS Serif", sans-serif;*/
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF; 
	background: #3f3c38;
	background-image:url(../img/off.jpg);
	background-repeat:repeat-x;
	background-position:top; 
  cursor: pointer;
	margin-bottom:1px;
	padding:9px 14px 6px 14px;
	border-top:1px solid #FFFFFF;	
}
div.accordion-toggle:hover{
  background-image:url(../img/over.jpg);
	background-color:#6d493a;
	color:#301905;
	border-top:1px solid #423122;
	border-left:1px solid #423122;
}

div.accordion-toggle-active{
  background-image:url(../img/on.jpg);
	background-color:#6d493a;
	color:#301905;
	/*
	border-top:1px solid #6F4717;
	border-left:1px solid #593617;
  */
}

div.accordion-content{
    overflow: hidden;	/* required for effect */
    background: #FFFFFF;
	padding:9px 24px 6px 24px;
	color: #333333;

} 
 
/*---------------------------------< Formulare und Eingabefelder >----------------------------*/

/*----------------------- | Kontaktformular | --------------------*/


.myContact {
position:relative;
}

/*Inputfelder*/
.myContact input {
	border: 1px solid #996632;
  font-size: 10px;
  line-height: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  padding-left:5px;
  height:16px;
  width:300px;
}

/*--< Ausnahme Inputfeld Kontaktperson >---*/
.myContact input[name="name_2"]{
  width:218px;
 }
/*--< Ausnahme Inputfeld Button und Checkbox >---*/
.myContact input[type="button"]{
  background-color:#996632;
  height:20px;
  width:100px;
  cursor:pointer;
  text-align:center;
  color:#FFFFFF;
  margin-top:10px;
  margin-right:73px;
  padding-bottom:3px;
 }

/*Label fuer Kontaktaufnahme und datenschutzkonformitaet*/
.myContact label[for="recall"],
.myContact label[for="privacy"]{
  position:relative;
  left:-70px;
 }
.myContact label[for="privacy"]{
  top:10px;
 }

.myContact .declare_required{
	padding-top:20px;
}


/*Checkbox: Kontaktaufnahme*/
.myContact input[type="checkbox"]{
  position:relative;
  border:0px;
  width:16px;
  height:16px;
  left:-5px;
 }


/*Select - Herr/Frau -*/
.myContact select{
	border: 1px solid #996632;
	float:left;
	margin-right:12px;
  font-size: 10px;
  height:20px;
  color: #333333;
  width:70px;
} 

/*Label fuer Mitteilungen*/
.myContact label[for="mess"]{
	float:left;
 }
/*Textarea*/
#mess{
   width:420px; 
	 border: 1px solid #996632;
 }

/*Mitteilungsfeld*/
.myContact textarea{
  margin-top:5px;
	font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding-left:5px;
 }

/*-------------------| Upload => Login fuer Kunden |-------------*/

/*Hinweisteexte - Fliestexte (teilweise nur bei fehlerhafter Eingabe sichtbar)*/
.k_alert{
  font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight:normal;
	color: #333333;
	width:294px;
 }





 
 
/*---------------< Diverses >----------------------------*/ 


/*Adresse RPT im rechten Container*/
#adress{
  position:relative;
	font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 18px;
	color: #333333;
	margin-top:68px;
 }

/*Informationstext fuer Upload (rechts)*/
#upinform{
  position:relative;
	font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 18px;
	color: #333333;
	margin-top:25px;
 }


/*---->Ajax Ladeanzeige*/
#ajaxload{
  position:absolute;
  z-index:9000;
  width:32px;
  height:32px;
 }


a{
  font-family: Arial, Verdana, "MS Serif", sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 18px;
	color: #333333;

 }
 
 
 
/*--------------------------------------> neu, seit 20-06-2018 RPT-Lightbox fuer Datenschutzlink */
#rptLightBox{
	display:none;
	position:absolute;
	width: 74%;
	left:10%;
	right:10%;
	top:5%;
	bottom:14%;
	background-color:#FFF;
	z-index:99999;
	overflow:auto;
	padding:1% 3% 1% 3%;
}

#rptOverlay{
  content:"";
  display:none;
  position:absolute;
  z-index:99998;
  width: 100vw;
  height: 100vh;
  top:0px;
  background-color: rgba(0, 0, 0, 0.5);
}
/*Lightbox-close Button*/
.lb_close{
	position:relative;
	top:0px;
	width:100%;
	text-align:right;
}
.lb_close a{
	text-decoration:none;
}
 