/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}

ol,ul{list-style:none;margin:0;padding:0;}

blockquote,q{quotes:none;}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

table{border-collapse:collapse;border-spacing:0;}

a{text-decoration:none;}

/*end reset*/

/*=============================
	header
 ============================*/

.clear{
	clear:both;
}

.wrp{
	width:100%;
	margin:0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.1em;
	color: #3B3B3B;
	float:left;
}

.header{
	width:90%;
	margin: 40px auto;
}

.logo{
	float: right;
	display:  inline-block;
}

.logo_mid{
	float: middle;
	display:  inline-block;
}

.company{
	float: left;
	width: 60%;
	display:  inline-block;
}

.company-name{
	font-size: 1.7em;
	padding-bottom: 12px;
}

/*=============================
	Haupt Menü
 ============================*/

.header-top-nav{
	padding: 0 4%;
	background: #313131;
}

.header-top-nav ul li{
	margin: 0;
	display: inline-block;
	border-left: 1px solid rgba(85, 85, 85, 0.41);
}

.header-top-nav ul li a{
	color: #FFF;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	padding: 12px 23px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

.header-top-nav a:hover{
	color: #007ED3;
	background: #454545;
}

.header-top-nav a.menuactive
{
	color: #007ED3;
	background: #454545;
}


/*=============================
	Slideshow 
 ============================*/

.slider_container {
  margin-bottom: 100px;
  position: relative;
  }

/* unterschiedliche breiten für die Kategorien festlegen
um die Slideshow auszublenden*/

.Index{
  width: 100%;
}

.Unternehmen{
  width: 0px;
}
.Entwicklung{
  width: 0px;
}
.Produktion{
  width: 0px;
}
.Referenzen{
  width: 0px;
}
.Kontakt{
  width: 0px;
}

.rslides {
  margin: 0 auto 40px;
  }

.slider {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slider li {
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.slider img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slider .caption {
  display: block;
  position: absolute;
  z-index: 2;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.9em;
  opacity: 0.5;
  }

.slider_nav {
 position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.5;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../grafiken/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slider_nav:active {
  opacity: 0.5;
  }

.slider_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }



/*=============================
	Sidebar
 ============================*/

.sidebar {
	float: left;
	width: 22%;
	color: #3B3B3B;
	font-size: 1.2em;
	line-height: 1.5em;
/*	background: #e7e7e7;*/
	margin-left: 2%
}


.sidebar ul {
	margin: 0;
	list-style: none;
}

.sidebar li {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.sidebar li:hover {
	border-left: 5px solid #007ED3;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.sidebar h2 {
	letter-spacing: -.5px;
	color: #444444;
}

.sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

.sidebar a {
	color: #3B3B3B;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.sidebar a:hover {
	color: #007ED3;
}

.sidebar a.detailmenuactive {
	color: #007ED3;
}


/*=============================
	Inhalt
 ============================*/

.content{
	width:70%;
	float:right;
	font-size: 1.1em;
	padding-right: 5%;
	line-height: 1.5em;
}

.content a{
	color: #3B3B3B;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.content a:hover{
	color: #007ED3;
}


/*=============================
	Footer
 ============================*/

.footer{
	margin-top: 100px;
	text-align: center;
	padding: 70px;
	background: #e2e2e2;	
}

.footer a{
	color: #3B3B3B;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.footer a:hover{
	color: #007ED3;
}

.footer-sm{
	font-size: 0.8em;
}


/* -------------------------------------------------------- */
/* Fehler in Tag-Attribut oder -Wert */
/* --------------------------------- */
.deadlink {
	color:#ff4444;
	text-decoration:line-through;
	font-weight:bold;
}


/* -------------------------------------------------------- */
/* Kontaktformular */
/* --------------- */
form#contact_form {
}
table#contact_table {
}
table#contact_table td {
  vertical-align:top;
  padding:5px;
}
span#contact_errormessage{
  color:#880000;
  font-weight:bold;
}
span#contact_successmessage{
  color:#008800;
  font-weight:bold;
}
input#contact_name, input#contact_mail, input#contact_website {
  width:400px;
  border: 1px solid lightgray;
}
textarea#contact_message {
  width:400px;
  border: 1px solid lightgray;
}
input#contact_submit {
  width:400px;
}


/* -------------------------------------------------------- */
/*                                                          */
/* AB HIER: CMS-SYNTAX                                      */
/*                                                          */
/* -------------------------------------------------------- */


/* -------------------------------------------------------- */
/* [link|...]      */
/* --------------- */
a.link {
}


/* -------------------------------------------------------- */
/* [mail|...]      */
/* --------------- */
a.mail {
}


/* -------------------------------------------------------- */
/* [seite|...]      */
/* --------------- */
a.page {
}


/* -------------------------------------------------------- */
/* [kategorie|...]      */
/* --------------- */
a.category {
}


/* -------------------------------------------------------- */
/* [datei|...]      */
/* --------------- */
a.file {
}


/* -------------------------------------------------------- */
/* [galerie|...]      */
/* --------------- */
a.gallery {
}


/* -------------------------------------------------------- */
/* [bild|...] */
/* ---------- */
img {
	border:none;
}

span.imagesubtitle {
	margin:3px 3px;
	text-align:justify;
	font-size:0.98em;
	line-height:1.4em;
}


/* -------------------------------------------------------- */
/* [bildlinks|...] */
/* --------------- */
span.leftcontentimage {
	margin:6px 20px 6px 20px;
	max-width:200px;
	float:left;
	margin-left:0px;
}

img.leftcontentimage {
	max-width:200px;
	border:1px solid;
}


/* -------------------------------------------------------- */
/* [bildrechts|...] */
/* ---------------- */
span.rightcontentimage {
	margin:6px 20px 6px 20px;
	max-width:200px;
	float:right;
	margin-right:0px;
}
img.rightcontentimage {
	max-width:200px;
	border:1px solid;
}

/* -------------------------------------------------------- */
/* [fett|...] */
/* ---------- */
b.contentbold {
  font-weight:bold;
}


/* -------------------------------------------------------- */
/* [kursiv|...] */
/* ------------ */
i.contentitalic {
  font-style:italic;
}


/* -------------------------------------------------------- */
/* [unter|...] */
/* ------------ */
u.contentunderlined {
  text-decoration:underline;

}


/* -------------------------------------------------------- */
/* [durch|...] */
/* ------------ */
s.contentstrikethrough {
 text-decoration:strikethrough;

}


/* -------------------------------------------------------- */
/* [ueber1|...] */
/* ------------ */
h1{
	font-family: 'PT Sans', sans-serif;
	font-size: 1.7em;
	color: #007ED3;
	margin-bottom:0.5em;

}

/* -------------------------------------------------------- */
/* [ueber2|...] */
/* ------------ */
h2 {
/*	font-size:12px;
	margin-top:10px;
	margin-bottom:5px; */
}


/* -------------------------------------------------------- */
/* [ueber3|...] */
/* ------------ */
/*h3 {
	font-size:1em;
	margin-top:10px;
	margin-bottom:4px;
}
*/

/* -------------------------------------------------------- */
/* [liste|...] */
/* [numliste|...] */
/* ------------ */
ul, ol {
/*	margin-top:5px;*/
/*	margin-left: 40px;*/
/*padding-left:10px;*/
    	list-style-type:disc;
}

li {
	margin-left: 40px;
	margin-top:0px;
	margin-bottom:0px;
}


/* -------------------------------------------------------- */
/* [----] */
/* ------ */
hr {

}

/* -------------------------------------------------------- */
/* [tabelle|...] */
/* ------------- */
table.contenttable {
	margin:0px auto;
/*	border:1px solid #C0C0C0;*/
	border-collapse:collapse;
	width:100%;
}
th.contenttable {
	vertical-align:top;
/*	border:1px solid #666666;*/
	background-color:#6B869C;
	padding:2px 5px;
	color:#ffffff;
}
td.contenttable1 {
	vertical-align:top;
/*	border:1px solid;*/
	background-color:#ffffff;
	padding:2px 5px;
}
td.contenttable2 {
	vertical-align:top;
/*	border:1px solid;*/
	background-color:#ffffff;
	padding:2px 5px;
}

div.newsbox {
	width:200px;
	float:right;
	border:2px solid #009900;
	padding:5px;
	margin:5px 10px;
	color:#009900;
	background-color:#DDFFDD;
}

/*Ab hier Änderungen vom Update Script*/

/* -------------------------------------------------------- */
/* [zentriert|...] */
/* --------------- */
.aligncenter {
    text-align:center;
}
/* -------------------------------------------------------- */
/* [links|...] */
/* ----------- */
.alignleft {
    text-align:left;
}
/* -------------------------------------------------------- */
/* [rechts|...] */
/* ------------ */
.alignright {
    text-align:right;
}
/* -------------------------------------------------------- */
/* [block|...] */
/* ----------- */
.alignjustify {
    text-align:justify;
}
/* -------------------------------------------------------- */
/* {TABLEOFCONTENTS} */
/* ----------------- */
div.tableofcontents ul ul {
/*    padding-left:15px;*/
}
div.tableofcontents li.blind {
    list-style-type:none;
    list-style-image:none;
}
fieldset#searchfieldset {
   border:none;
   margin:0px;
   padding:0px;
}

