@charset "utf-8";
@import url("../webfonts/RubFlama/stylesheet.css");
@import url("../webfonts/RUBScalaMZ/stylesheet.css");
@import url("../webfonts/fontawesome/stylesheet.css");

/* globale Formate layout*/

body {
	font-family:"RUB Scala MZ";
	font-size: 1.3em;
	line-height:1.5em;
	background-color: #CCCCCC;/*Hintergrund grau*/
    z-index:-2;
    hyphens: auto;
     -webkit-hyphens: auto;
	-ms-hyphens: auto;
}
h1 {
	font-family: RubFlama;
	font-size: 1.6em;
	color: rgb(23,54,92);
	font-weight:bold;
	hyphens: auto;
    -ms-hyphens: auto;
}

h2 {
	font-family: RubFlama;
	font-size: 1.4em;
	color: #17365C;
	font-weight: bold;
	
}
h3 {
	font-size: 1em;
	font-family: RubFlama;
	color: #17365C;
	/*color: #8DAE10;*/
	font-weight: bold;
	text-transform: none;
    margin-bottom: 0px;
}

 p{
	font-family:"RUB Scala MZ";
	font-size: 1.1em;
	line-height:1.3em;
	color:#606060; /*dunkelgrau*/
	hyphens: auto;
     -webkit-hyphens: auto;
	-ms-hyphens: auto;
    margin-top: 0px;
     padding-top: 0px;
	
}

li{
    font-family:"RUB Scala MZ";
	font-size: 1.1em;
	line-height:1.3em;
	color:#606060; /*dunkelgrau*/
	hyphens: auto;
     -webkit-hyphens: auto;
	-ms-hyphens: auto;
    
}
.gruen { color:#8DAE10;
}
.blau {color:#17365C;
}

.bildlinks{
    width:50%
float:left;
    margin:5px;
}

.ohne {
    text-decoration: none;
    color: red;
}
/* Format für jquery ui tabs*/

/* Format für accordion

#accordion {
	font-family:"RUB Scala MZ";
	font-size: 1.1em;
	line-height:1.3em;
	
	hyphens: auto;
	-ms-hyphens: auto;
}

#accordion h3{
	font-size: 1em;
	font-family: RubFlama;
	font-weight: bold;
	text-transform: none;
		
	}*/
	

/*Format der Boxen auf Startseite prod-divs*/

#prod1 p, #prod2 p, #prod3 p {
	margin-left: 20px;
	margin-right: 20px;
}
#prod1 h1, #prod2 h1, #prod3 h1 {
	margin-left: 20px;
	margin-right: 20px;
}


#prod1 img, #prod2 img, #prod3 img {
	width: 100%;
	}
#prod1, #prod2, #prod3 {
	background-color: #FFF;
	border-bottom: 10px solid #ABABAB;
	margin-top: 20px;
	margin-bottom: 20px;
}


.hovert {
	text-decoration:none;
}/*sonst entstehen unterstriche unterdem Text*/
div#prod1:hover  {
		border-bottom: 10px solid #8DAE10;
}
div#prod1:hover  h1, div#prod2:hover h1, div#prod3:hover h1 {
		color: #8DAE10;
}


div#prod2:hover  {
		border-bottom: 10px solid #8DAE10;
}
div#prod3:hover  {
		border-bottom: 10px solid #8DAE10;
}

div#home:hover h3 {color:#8DAE10;}
    
/* Ende Formattierung auf Startseite*/


/*Format der Boxen der Themenübersicht*/

div.boxen p,h1 {
	margin-left: 20px;
	margin-right: 20px;
}

div.boxen h1 {
    font-family: RubFlama;
	font-size: 1.0em;
	color: rgb(23,54,92);
	font-weight:bold;
	hyphens: auto;
    -ms-hyphens: auto;

}

div.boxen p {
    font-family:"RUB Scala MZ";
	font-size: 1.0em;
	/*line-height:2.3em;*/
	color:#606060; /*dunkelgrau*/
	hyphens: auto;
	-ms-hyphens: auto;
    margin-top: -10px;
     padding-top: 0px;
}

div.boxen img{
	width: 100%;
	}
.boxen {
	background-color: #FFF;
	border-bottom: 10px solid #ABABAB;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 500px;
	overflow:auto;
}

.hovert {
	text-decoration:none;
}/*sonst entstehen unterstriche unterdem Text*/


div.boxen:hover h1 {
	color: #8DAE10;
		}
	
div.boxen:hover  {
		border-bottom: 10px solid #8DAE10;
}

    
/* Ende Formattierung auf Themenübersicht*/

/*Format der Boxen für RUBInfom*/

div.boxrubinform p,h1 {
	margin-left: 20px;
	margin-right: 20px;
}

div.boxrubinform h1 {
    font-family: RubFlama;
	font-size: 1.0em;
	color: rgb(23,54,92);
	font-weight:bold;
	hyphens: auto;
    -ms-hyphens: auto;

}

div.boxrubinform p {
    font-family:"RUB Scala MZ";
	font-size: 1.0em;
	/*line-height:2.3em;*/
	color:#606060; /*dunkelgrau*/
	hyphens: auto;
	-ms-hyphens: auto;
    margin-top: -10px;
     padding-top: 0px;
}

/*div.boxrubinform img{
	width: 100%;
	}*/
.boxrubinform {
	background-color: #FFF;
	border-bottom: 10px solid #ABABAB;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow:auto;
}
.boxrubinformplus {
	background-color: #FFF;
	border-bottom: 10px solid #ABABAB;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow:auto;
}
div.boxrubinformplus p,h1 {
	margin-left: 20px;
	margin-right: 20px;
}

div.boxrubinformplus h1 {
    font-family: RubFlama;
	font-size: 1.0em;
	color: rgb(23,54,92);
	font-weight:bold;
	hyphens: auto;
    -ms-hyphens: auto;

}

div.boxrubinformplus p {
    font-family:RUBFlama;
	font-size: 1.0em;
	/*line-height:2.3em;*/
	color:#606060; /*dunkelgrau*/
	hyphens: auto;
	-ms-hyphens: auto;
    margin-top: -10px;
     padding-top: 0px;
}

a.plushovert:hover h1 {
	color: #8DAE10;
		}
.plushovert{
 text-decoration:none;  
list-style:none;    
}

.hovert {
	text-decoration:none;
}/*sonst entstehen unterstriche unterdem Text*/


div.boxrubinform:hover h1 {
	color: #8DAE10;
		}
	
div.boxrubinform:hover  {
		border-bottom: 10px solid #8DAE10;
}

    
/* Ende Formattierung auf RUBInform*/



/* Spezialformate Slider*/

.slider-wrap{  
	border-bottom:35px solid gray;
	
}
.arrow {background-color:darkgray;
        border:none;
        height: 40px;
        width: 50%;}
.arrow:hover {
      background-color:#8DAE10;
}
.slideu{
	background-color:#fff;/*Hintergrund weiß*/
	/*border-left: 2px solid gray;*/
    border-bottom: 10px solid lightgray;
	height: 395px;
}
.slideg{
	background-color:#E5E5E5;/*Hintergrund grau*/
	/*border-left: 2px solid gray;*/
    border-bottom: 10px solid lightgray;
    height:395px;
} 
#slider{
    
	height:400px;
	/*margin:bottom:20px;*/
    border-bottom:20px solid #CCCCCC;
}
	
.slideu img, .slideg img{
	/*background-color:#BABABA;*/
    width:100%;
}

.slideg p, .slideu p{
margin:20px 10px 5px 10px;
font-size:0.8em;
line-height: 1.2em;
font-family:"RubFlama";
    font-weight:bold;
color: #17365C;
hyphens: auto;
-ms-hyphens: auto;
}

.slideg h3, .slideu h3{
	margin:10px 10px 5px 10px;	
	font-size: 0.6em;
	line-height: 1.1em;
	text-transform: uppercase;
}

.slideg:hover, .slideu:hover{
      border-bottom: 10px solid #8DAE10; 
    }
.slideg:hover p, .slideu:hover p{
color:#8DAE10;

}


/* Styles für Themaseite
margin wegen Absatnd zu header und footer*/


#thema {
	background-color: #FFF; /*hintergund weiß*/
	border-bottom: 10px solid #ABABAB;
	margin-top: 20px;
	margin-bottom: 20px;
    
}

#rand{
margin:5%;
}

#thema img{
    width:100%;
}

#abschnitt1{
	font-family:"RUBFlama";
	font-size: 1.1em;
	line-height:1.3em;
	color:#17365C;
}
/* Ende Speziaitäten Themenseite Box*/

/* Styles für RUBInform*/
#rubinform {
	background-color: #FFF; /*hintergund weiß*/
	border-bottom: 10px solid #ABABAB;
	margin-top: 20px;
	margin-bottom: 20px;
    
}

#rand1 {
margin:5%;
}

#rubinform img{
    width:100%;
}
/*Ende Styles RUBInform*/


/*Spezialitäten für das Home Div* und die quicknav, tabs und trenner*/
#home {
	background-color:#DBDBDB;
	margin-bottom:20px;
    }

.zentrierttbl{
	display:table;
	height:100%
}
.zentriertcell{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}
.zentriertcol{
    display: table-column-group;
    
}
.quicknav{
    position:fixed;
    top: 50%;
    right: 20px;
   
}

.quicknavi {
	/*position: fixed;
	bottom: 20px;
	right: 5px;*/
    float:left;
    clear:both;
	background-color: #8DAE10;
	color: #fff;
   /* padding-right: 3px;*/
    padding: 5px;
	margin-bottom: 5px;
    width: 30px;
}
#trenner{
	padding-left:5px;
	background-color:#CCCCCC;
	margin-top:20px;
	margin-bottom:20px;
	
}

@media only screen and (max-width: 480px) {

.quicknav{
	display:none;
}
}

.quicknavi a{
text-decoration:none;
color:#fff;
}

.quicknavi:hover a{
    color:#17365C;
}

#haus {
	/*position: fixed;
	bottom: 20px;
	right: 5px;*/
	background-color: #8DAE10;
	color: #fff;
	margin-right: 20px;
	float:left;
}


/* Ende Spezialitäten für das Home Div*/


/*Format headline*/
#header {
	background-color: #17365c;
	border-bottom: 8px solid #8DAE10;
	padding: 40px 40px 40px 20px;
	font-size: 24px;
	height:40px;
    }
#headwrap{
	margin-bottom:30px;
	
    }
/*#symbol{
    position:absolute;
    top:135px;
    right:10px;
    width:30px;
    height:30px;
    color:red;
   
    border:2px solid red;
}*/
#header img, #footer img, #footer1 img{ 
	width: 208px;
	height: 40px;
	float: left;
	clear:both;
	margin-right: 100px;
	
		}
#header a,  #footer a {
	color: #fff;
	font-family: fontawesome;
	text-decoration:none;
	}
#footer {
	margin-top:20px;
	background-color: #17365c;
    height:100px;
	padding:40px 100px 0px 20px;
    overflow:auto;
    
}
#footer1 { 
	
  
}

/*Spezialitäten der Navigation- nur für Darstellung im Dreamweaver*/


.nav ul{
	height:30px;
	}
	
.nav li {
    display: inline;
	border-right: 1px #000 solid;
	border-left: none;
	border-bottom: none;
	border-top: none;
	padding: 0px 10px 0px 10px;
	}
.nav li:last-child {
	border-right: none;
	}
	
.nav li:first-child {
	padding-left: 0px;
}
/*--------------------*/

#haus {
	/*position: fixed;
	bottom: 20px;
	right: 5px;*/
	background-color: #8DAE10;
	color: #fff;
	margin-right: 20px;
	flaot:left;
}


.bild1 {
	margin:20px;
}
#tabimg {
	width:50%;
}
.opak{
    opacity:0.2;
    filter: alpha(opacity=20); /*fuer IE8 und frueher*/
}
.hide{
display: none;
}