@import url("../webfonts/brawler/stylesheet.css");


@import url("../webfonts/hammersmith/stylesheet.css");

@import url("../webfonts/SourceSans/stylesheet.css");

.wwwebsite {
    z-index:999;
    position:absolute;
    height:0;
    width:0;
    border:none;
    background:none;
    margin:0;
    top:0;
    left:0;
    clear:both;
    font-size:0px;
    line-height:0px;
}


.style1 {
	font-family: 'SourceSansProSemiboldItalic', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style2 {
	font-family: 'SourceSansProBold', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style3 {
	font-family: 'SourceSansProBoldItalic', Arial, sans-serif;
	font-size: 12px;
	color: #000;
}
.style4 {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 16px;
	color: #CCC;
	font-weight: bold;
}
.style5 {
	font-family: 'SourceSansProBlackItalic', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style6 {
	font-family: 'SourceSansProExtraLight', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style7 {
	font-family: 'SourceSansProExtraLightItalic', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style8 {font: 18px/27px 'SourceSansProLight', Arial, sans-serif;}
.style9 {
	font-family: 'SourceSansProLightItalic', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style11 {
	font-family: 'SourceSansProItalic', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style12 {
	font-family: 'SourceSansProSemibold', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}



.style10 {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.style10reg10 {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.style10reg10orange {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 20px;
	color: #FF7F00;
	font-weight: lighter;
}

.style10reg12grew {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 12px;
	color: #CCC;
}

.style10bd {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 16px;
	color: #CCC;
	font-weight: bold;
}
.style10bdorange {
	font-family: 'SourceSansProRegular', Arial, sans-serif;
	font-size: 20px;
	color: #FF7F00;
	font-weight: bold;
}





.bkgwerb {
	background-image: url(../images/pinselgruen.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.bkgverlauf {
	background-image: url(../images/verlaufside.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.bkgnav {
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
}
.reg {
	font-family: Hammersmith;
	font-size: 11pt;
	color: #FFF;
}
.regsource {
	font-family: Sourceneu;
	font-size: 11pt;
	color: #FFF;
}


a.navi:link
 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	color:#FFF;
 }
.navtab {
	border-right-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-right-color: #FFFFFF;
}

 a.navi:visited
 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	color:#CCC;
 }
 a.navi:hover
 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size: 10px;
	color:#CCC;
 }
 a.navi:active
 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	color:#FFF;
 }
 .regkl {
	font-family: Hammersmith;
	font-size: 10px;
	color: #FFF;
}
.regklblk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

.regtabitalic {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(../images/pfeil.jpg);
	font-style: italic;
	left: 10px;
	right: 20px;
}


.regbd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #C60;
}
.reghead {
	font-size: 36px;
	font-weight: normal;
	color: #FFF;
	font-family: Brawler;
	text-align: left;
}
.reghead18 {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	font-family: Brawler;
	text-align: left;
}


 a:link {
	font-size: 10pt;
	color:#ccc;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
 a:visited {
	font-size: 10pt;
	color:#ccc;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
 a:hover {
	font-size: 10pt;
	color:#ccc;
	text-decoration:underline;
}
 a:active {
	font-size: 10pt;
	color:#ccc;
	text-decoration:none;
}
.bkga {
	background-image: url(../images/conttop.png);
	background-repeat: repeat-x;
}
.boxa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	padding: 3px;
	height: 20px;
	width: 200px;
	margin: 0px;
	border: 1px double #dddddd;
	background-color: #FFF;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
.boxb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
	padding: 3px;
	height: 20px;
	width: 160px;
	margin: 0px;
	border: 0px double #dddddd;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #333;
}
.boxbb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCC;
	padding: 3px;
	height: 20px;
	width: 250px;
	margin: 0px;
	border: 0px double #dddddd;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #333;
}


.boxc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	padding: 2px;
	height: 200px;
	width: 525px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #333;
}
.boxcc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	padding: 2px;
	height: 100px;
	width: 250px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #333;
}

.bkgcont {
	background-image: url(../images/bkgcont.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.bkgconta {
	background-image: url(../images/bkgconta.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.bkgcontd {
	background-image: url(../images/bkgcontd.png);
	background-repeat: repeat-y;
	background-position: left top;
}


.line {
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.navborder {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666;
}

.bkgsub {
	background-image: url(../images/sub.jpg);
	background-repeat: no-repeat;
}
.boxshadow {
	box-shadow: 5px 5px 10px 0px #000;
}

.bkgtxt {
	background-image: url(../images/bkgtxt.jpg);
	background-repeat: repeat-y;
}
img 
{
border:0;
}
.headl {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 40px;
	color: #999;
	font-weight: bold;
	alignment-adjust: central;
	text-align: left;
}
a.nava:link {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 30px;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
}
a.nava:visited {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 30px;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
}
a.navb:link {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
a.navb:visited {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
a.navb:hover {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 14px;
	color: #F20000;
	text-decoration: none;
}
a.navb:active {
	font-family: 'SourceSansProBlack', Arial, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: none;
}


.bkgfoto {
	background-image: url(../images/pic_foto.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.navborderrechts {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #333;
}
.linevert {
	background-image: url(../images/line_vert.jpg);
	background-repeat: repeat-y;
}
.regtab {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding-left: 5px;
}
.regbdtab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #333;
	padding-left: 10px;
}
.sub {
	background-image: url(../images/sub.jpg);
	background-repeat: repeat-x;
}

.bkgb {
	background-image: url(../images/bkg01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.bkgnavtop {
	background-image: url(../images/top_r2_c1.jpg);
	background-repeat: no-repeat;
}
.regws {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-align: left;
}
.bkgcontb {
	background-image: url(../images/bkgcontb.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.bkgcont {
	background-image: url(../images/bkgcont.png);
	background-repeat: repeat;
}

.bkgcontc {
	background-image: url(../images/bkgcontc.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.bkgnews {
	background-image: url(../images/aktuell_bkg.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.regklblk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
.regbdws {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FFF;
}
.regbdblk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #000;
}
.regmakler {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #3C1E00;
}
.reglist {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
	text-align: left;
	list-style-position: outside;
	list-style-image: url(../images/pfeil.jpg);
	line-height: 20pt;
	vertical-align: middle;
}
.substart {
	background-image: url(../images/start_r2_c1.jpg);
	background-repeat: no-repeat;
}
#bkg {
	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-x;
	height: 319px;
	
}
#logo {
	height: 80px;
	width: 302px;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -480px;
	z-index: 3;
}
#top {
	height: auto;
	width: 1008px;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -504px;
	z-index: 1;
}
#cont {
	width: 100%;
	position: absolute;
	top: 330px;
	z-index: 3;
	left: 1px;
}
#nav {
	height: 55px;
	width: 1100px;
	position: absolute;
	left: 50%;
	top: 241px;
	z-index: 2;
	background-image: url(../images/bkgnav.png);
	background-repeat: repeat-x;
	margin-left: -550px;
}
#contb {
	height: 489px;
	width: 750px;
	position:absolute;
	left: 266px;
	top: 0px;
}
#contc {
	height: 489px;
	width: 400px;
	position:absolute;
	left: 266px;
	top: 0px;
	z-index: 1;
}
#contimpres {
	height: 489px;
	width: 749px;
	position:absolute;
	left: 267px;
	top: 0px;
	z-index: 1;
}

#sub {
	height: 80px;
	width: 1016px;
	position:absolute;
	left: 50%;
	top: 620px;
	margin-left: -507px;

}
.topnav {
	background-image: url(../images/top_r1_c2.png);
	background-repeat: no-repeat;
}
a.nava {
	-webkit-transition: all 250ms ease-in 0s;
	-moz-transition: all 250ms ease-in 0s;
	-ms-transition: all 250ms ease-in 0s;
	-o-transition: all 250ms ease-in 0s;
	transition: all 250ms ease-in 0s;
}
a.nava:hover {
	color: #F20000;
}
.button3 {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F93;
	background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffbc47 51%, #ffc75d 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #ffbc47), color-stop(0.9, #ffc75d));

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ffe6b6', GradientType=0 );
	cursor: pointer;
	border: 1;
 

}

.button3:hover {

    background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffe6b6 51%, #ffc75d 100%);

    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #fff), color-stop(0.9, #ffc75d));

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b6', endColorstr='#ffe6b6', GradientType=0 );
- See more at: http://www.tutorialchip.com/css/css3-submit-button-5-professional-examples-to-learn/#sthash.5PWhbCqM.dpuf