*{
	margin: 0;
	padding: 0;
	}
body, html{
	height: 100%;
	}
body{
	background: fixed #a6a6a8 url('../../img/layout/bg.gif') top left repeat-x; 
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	}
a{
	text-decoration: none;
	color: #ea8a33;
	font-weight: bold;
	letter-spacing: 0.4pt;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
div.hotbutton a{
	color: #fcf902 !important;
	}
a:hover{
	color: #000000;
	}
a img{
	border-width: 0;
	}
ul.menu{
	list-style-type: none;
	}
div.clear{
	clear: both;
	}
table#pagelayout{
	border-collapse: collapse;
	width: 996px;
	height: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 2px 2px 50px #000;
		-moz-box-shadow: 2px 2px 50px #000;
		box-shadow: 2px 2px 50px #000;
	}
	table#pagelayout td#pagelayout-middle{
		vertical-align: top;
		width: 996px;
		height: 100%;
		padding: 0;
		}
				
table#innerlayout{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 0 30px 0;
	}
	table#innerlayout td#innerlayout-left{
		vertical-align: top;
		padding: 350px 0 20px 0;
		background: #ffffff;
		}
	table#innerlayout td#innerlayout-left div#contentblock{
		background: #ffffff url('../../img/layout/bg_innerleft.jpg') top left repeat-x;
		padding: 20px 30px 0 30px;
		}
		table#innerlayout td#innerlayout-left div#contentblock p{
			line-height: 160%;
			margin: 0 0 10px 0;
			}
			table#innerlayout td#innerlayout-left div#contentblock p.txt-right{
				text-align: right;
				border-bottom: 2px dotted #555;
				}
			table#innerlayout td#innerlayout-left div#contentblock p span,
			table#innerlayout td#innerlayout-left div#contentblock ul span{
				font-family: Monotype Corsiva;
				font-size: 14pt;
				font-weight: bold;
				color: #555555;
				}
		table#innerlayout td#innerlayout-left div#contentblock h1{
			line-height: 160%;
			margin: 0 0 20px 0;
			font-size: 11pt;
			}
		table#innerlayout td#innerlayout-left div#contentblock h2{
			line-height: 140%;
			margin: 16px 0 4px 0;
			font-size: 10pt;
			}
		table#innerlayout td#innerlayout-left div#contentblock h3{
			line-height: 140%;
			margin: 0px 0 10px 0;
			font-size: 8pt;
			}
		table#innerlayout td#innerlayout-left div#contentblock h4{
			line-height: 140%;
			margin: 0px 0 4px 0;
			font-size: 8pt;
			}
		table#innerlayout td#innerlayout-left div#contentblock ul{
			list-style-image: url('../../img/layout/bullet.gif');
			list-style-type: square;
			font-weight: normal;
			padding-left: 18px;
			margin-left: 0px;
			margin-bottom: 10px;
			line-height: 140%;
			}
			 div#contentblock ul li{
				padding: 3px 0 3px 0;
				}
		table#innerlayout td#innerlayout-left div#contentblock table.gallery{
			border-collapse: collapse;
			margin: 10px 0;
			}
			div#contentblock table.gallery td{
				padding: 5px 15px 10px 0;
				}
				div#contentblock table.gallery td p{
					padding: 0 !important;
					margin: 0 !important;
					}
	
	table#innerlayout td#innerlayout-right{
		vertical-align: top;
		width: 343px;
		padding: 350px 0 20px 0;
		/*background: #ededed url('../../img/layout/bg_innerright.jpg') top left repeat-x;*/
		background: #ededed;
		border-left: 1px solid #ffffff;
		}
		table#innerlayout td#innerlayout-right div#rightblock{
			background: #ededed url('') top left repeat-x;
			padding: 10px 20px;
			}
			div#rightblock h1{
				font-size: 11pt;
				padding: 0;
				margin: 8px 0 20px 0;
				}
			div#rightblock h2{
				font-size: 10pt;
				padding: 0;
				margin: 14px 0 10px 0;
				}
			div#rightblock p{
				font-size: 8pt;
				padding: 0;
				margin: 0 0 10px 0;
				line-height: 140%;
				}
				div#rightblock p.txt_right{
					text-align: right;
					}
			div#rightblock p span{
				font-family: Monotype Corsiva;
				font-size: 11pt;
				font-weight: bold;
				color: #555555;
				line-height: 140%;
				}
			div#rightblock div.hotbutton{
				text-align: center; 
				padding: 5px 20px; 
				margin: 10px auto; 
				background: #555555; 
				border: 1px solid #000; 
				}
				div#rightblock div.hotbutton:hover{ 
					background: #333333; 
					border: 1px solid #ffffff; 
					}
				div#rightblock div.hotbutton a{
					text-transform: uppercase;
					color: #fff;
					}
					div#rightblock div.hotbutton a:hover{
						color: #fff;
						}
			div#rightblock ul{
				list-style-image: url('../../img/layout/bullet.gif');
				list-style-type: square;
				font-weight: normal;
				padding-left: 18px;
				margin-left: 0px;
				margin-bottom: 10px;
				font-size: 8pt;
				line-height: 140%;
				}
				div#rightblock ul li{
					padding: 3px 0 3px 0;
					}

/*
	Header und Footer
*/

div#header-wrapper{
	position: absolute;
	top: 0px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -498px;
	width: 996px;
	height: 353px;
	background-color: #ffffff;
	}
	div#header-wrapper div#top-wrapper{
		display: block;
		padding: 0;
		height: 80px;
		}
		div#top-wrapper img#logo{
			position: absolute;
			top: 6px;
			left: 50px;
			z-index: 100;
			}
		div#top-wrapper div#topmenu{ 
			float: right;
			display: block;
			background-color: transparent;
			margin: 50px 0px 0 0;
			padding: 4px 0px 4px 0;
			z-index: 30;
			}
			div#header-wrapper div#topmenu a{
				font-size: 10pt;
				color: #303030;
				padding: 60px 20px;
				}
				div#header-wrapper div#topmenu a:hover{
					background: #efefef;
					color: #ea8a33;
					}
				div#header-wrapper div#topmenu a.active{
					color: #ea8a33;
					}

	div#header-wrapper div#image-wrapper{
		position: relative;
		background: #ccc;
		padding: 0;
		margin: 0;
		}
		div#image-wrapper div#border{ 
			position: absolute;
			background: transparent url('../../img/layout/bg_trans.png') top left repeat; 
			top: 0px;
			left: 0px;
			width: 100%;
			height: 20px; 
			z-index: 40;
			}
		div#image-wrapper div#fader{ 
			position: absolute;
			background-color: #000000; 
			top: 0px;
			left: 0px;
			width: 651px;
			height: 272px; 
			overflow: hidden;
			}
					
			div#image-wrapper div#menu-wrapper {
				position: absolute;
			background-color: #ea8a33;
			top: 0;
			right: 0;
			width: 343px;
			height: 272px;
			margin: 0;
				}	
				div#menu-wrapper div#menu {
					display: block;
					margin: 30px 0 0 0;
					}
					div#image-wrapper div#menu a{
						display: block;
						font-size: 9pt;
						padding: 15px 0 15px 45px;
						margin: 1px 0 0 0;
						background: transparent url('../../img/layout/menuarrow.png') 5% 50% no-repeat;
						color: #000000;
						}
						div#image-wrapper div#menu a:hover,
						div#image-wrapper div#menu a.active{
							color: #ffffff;
							background-color: #333333;
							}
							div#image-wrapper div#menu a.active:hover{
								color: #eee;
								}
		
		
div#footer-wrapper{
	position: fixed;
	bottom: -2px;
	left: 0;
	width: 100%;
	z-index: 5000;
	}
	div#footer-wrapper div#footer{
		height: 16px;
		background-color: #b02413; 
		border-top: 1px solid #ffffff;
		width: 100%;
		text-align: center;
		font-size: 9.5pt;
		color: #ffffff;
		padding: 8px 0 8px 0;
		}
		div#footer-wrapper div#footer a{
			color: #ffffff;
			}
			div#footer-wrapper div#footer a:hover{
				color: #efefef;
				}
		div#footer span{
				font-family: Monotype Corsiva;
				font-size: 12pt;
				font-weight: bold;
				color: #fff;
				}
				
				
				
table.formtable {
        border-collapse: collapse;
        border-spacing: 0;
        }
table.formtable td {
        padding: 2px 0 2px 0;
        vertical-align: top;
        font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
        color: #2F2F2F;
        }
table.formtable select {
        font-size: 9pt;
        }
table.formtable input {
        border: 1px solid #bbbbbb;
        width: 150px;
        font-size: 9pt;
        padding: 2px 0 2px 0;
        background: #ffffff;
        font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
        letter-spacing: 1px;
        }

table.formtable textarea {
        overflow: auto;
         width: 350px;
         height: 203px;
         vertical-align: top;
         padding: 4px;
         border: 1px solid #bbbbbb;
         font: normal 10pt/100% Arial, Helvetica, Sans-Serif, Sans;
        }
table.formtable input.button {
         width: 120px;
         margin: 10px 0px 0 0;
         padding: 2px;
         background: #ea8a33;
         font: bold 8pt/100% Arial, Helvetica, Sans-Serif, Sans;
         color: #FFFFFF;
         text-align: center;
        }
span.asterix { /* Stern */
      font: bold 10pt/130% "Comic Sans MS", Arial, Tahoma, Sans;
      color: #ea8a33;
      }
      form {
           margin: 0px;
           padding: 0px;
           }
      .letter {
           margin: 0px 0 0 0px;
           padding: 0px 0 0 10px;
           }
      input.searchbox {
           width: 120px;
           height: 16px;
           margin: 3px 0 0 0;
           padding: 0 2px 0 2px;
           border: solid #4F4F4F;
           border-width: 1px 0px 1px 1px;
           vertical-align: middle;
           background-color: #FFFFFF;
           font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
           }
      input.searchbutton {
           width: 51px;
           height: 16px;
           margin: 3px 0px 0 0;
           border: #4F4F4F 1px solid;
           border-width: 1px 1px 1px 0px;
           vertical-align: middle;
           }
      input {
           width: 150px;
           border: 1px solid #4F4F4F;
           text-align: left;
           vertical-align: middle;
           background: #FFFFFF;
           font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #2F2F2F;
           }
      input.submit {
           width: auto;
           padding: 1px 5px;
           height: 18px;
           border: #4F4F4F solid;
           border-width: 1px;
           background: #FFFFFF;
           font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #000000;
           }
      form textarea {
           font: bold 10pt/140% Arial, Helvetica, Sans-Serif, Sans;
           color: #2F2F2F;
           margin: 0 0 0 4px;
           padding: 2px;
           width: 380px;
           height: 184px;
           border: 1px solid #4F4F4F;
           background: #FFFFFF;
           }
      input.radio {
           width: 10px;
           border: 0px #000000 solid;
           text-align: center;
           vertical-align: top;
           background: transparent;
           }
		.rslides {
  margin: 0 auto;
  }

.rslides_container {
  position: relative;
  float: left;
  width: 100%;
  }

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

.rslides1_nav:active {
  opacity: 1.0;
  }

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

.rslides2_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.rslides2_nav.next {
  left: auto;
  right: 0;
  }

.rslides3_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("themes.gif") no-repeat left 50%;
  width: 38px;
  }

.rslides3_nav:active {
  opacity: 1.0;
  }

.rslides3_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.rslides1_nav:focus,
.rslides2_nav:focus,
.rslides3_nav:focus {
  outline: none;
  }

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.rslides_tabs .rslides_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }

.caption {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  text-align: center;
  background: #000;
  background: rgba(0,0,0, .8);
  color: #fff;
}

@media screen and (max-width: 600px) {
  .github {
    display: none;
  }
}

div#text-ticker {
	display: block;
	margin: 20px 0;
	padding: 0;
	}
	ul.ticker {
		width: 280px;
		height: 20px;
		overflow: hidden;
		border: 0px solid #fff;
		margin-left: 0;
		padding-left: 0;
		background-color: #b02413;
		list-style: none !important;
		border-radius: 5px;
		box-shadow: 0px 0px 6px #000;
		}

		ul.ticker li {
			height: 20px;
			padding-left: 0px;
			margin-left: 0px;

			}
			ul.ticker li a{
				font-size: 10pt;
				color: #ffffff;
				}
				
				
.blinkimg{
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	-webkit-animation:blink normal 2s infinite ease-in-out; 
	-ms-animation:blink normal 2s infinite ease-in-out; 
	animation:blink normal 2s infinite ease-in-out;
	background-color: #000;
	}
	
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}



#cookie-bar {background:#333; height:auto; line-height:24px; color:#fff; text-align:center; padding:10px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%; z-index: 3000;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0px; font-size: 14px;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#ea8a33;}
#cookie-bar .cb-enable:hover {background:#555;}
#cookie-bar .cb-disable {background:#ea8a33;}
#cookie-bar .cb-disable:hover {background:#555;}
#cookie-bar .cb-policy {background:#ea8a33;}
#cookie-bar .cb-policy:hover {background:#555;}