@font-face {
    font-family: "MyriadPro-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("myriadpro-regular.eot?#iefix") format("embedded-opentype"), url("myriadpro-regular.woff") format("woff"), url("myriadpro-regular.ttf") format("truetype"), url("myriadpro-regular.svg#myriadpro-regular") format("svg");
}

*{padding:0px; margin:0px;}
body {margin:0;padding:0; font:normal 12px Verdana,Geneva,sans-serif; color:#434343;}
a{color: #FF6800;outline: medium none;text-decoration: none;}
a.no_underline {text-decoration:none;}
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
.none{display:none;}
.left{float:left;}
.right{float:right;}
.relative{position:relative;}
.clearfix:before, /*$8@n1nu6@j*/.clearfix:after {content: " ";display: block;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {}
.no-class {margin:0 !important; padding:0 !important; width:auto !important; background:none; border:none; float:none;}

a.button, input.button {background:#FF6C02; border: 1px solid #865B32; box-shadow: 0 1px 0 #F8B77A inset; color: #FFFFFF; display: inline-block;
font-family: Arial,Helvetica,sans-serif;font-size: 12px; font-weight: 700; height: 21px; line-height: 21px; padding: 0 5px;}
/* ***** Home Page CSS Start******/
#page-wrap{margin:10px auto;width:1200px;}
#wrapper {color:#434343; font-family: Verdana,Geneva,sans-serif; font-size: 11px; line-height: 14px; margin-right: 10px; min-height: 500px;}
#header { float:left; min-width:400px; display: block;}
.top-ad1 {display: inline-block; height: 100px; position: relative; width: 100%; overflow:hidden; clear:both; margin-right:-10px;}
.side-ad1{min-width:160px; max-width:300px; float:right;}
.right-top-spae{padding:10px 10px 0 0;}
.top-spae{padding:10px 0 0 0;}
.box-padder{padding:10px; clear:both;}
#header .logo {float: left; margin:20px 0 0; width: 180px;}
.login-box { float: left; padding:15px 0 0; font-size:11px;}
.login-box .icon {float: left; width: 20px;}
.inline-block {float: left; margin: 0 10px 0 0;}
.login-box input[type="text"], .login-box input[type="password"] {color: #888888; font-size: 11px; margin: 0 0 5px; width: 110px;}
input.button {cursor: pointer; height: 23px; padding-bottom: 3px; vertical-align: middle;}
.login-box .button {margin:5px 0 0;}
.inline-block > input {float: left; margin-right: 6px;}


span.button2 a
{

    border:1px solid #ff6600;
    /* Abrundung CSS3 (Firefox ab 4, Opera, Internet Explorer ab 9) */
    border-radius: 3px;
    /* Abrundung Mozilla (Firefox ab 3.5) */
    -moz-border-radius: 3px;
    /* Abrundung WebKit (Safari, Chrome) */
    -webkit-border-radius:	3px;

    background: #ff8E45;
    /* Farbverlauf für Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8E45', endColorstr='#ff6600');
    /* Farbverlauf für Firefox */
    background: -moz-linear-gradient(top, #ff8E45, #ff6600);
    /* Farbverlauf für Safari */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8E45), to(#ff6600));
    /* Farbverlauf für Opera */
    background:-o-linear-gradient(top, #ff8E45, #ff6600); /* Opera */


    display: inline-block;

    padding:3px 5px;

    color:#FFFFFF;

    font-weight: bold;

    text-decoration: none !important;

    cursor: pointer;
}

span.button2 a:hover,
span.button2 input:hover,
{
    background: #b1b2b5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b2b5', endColorstr='#98999c');
    background: -moz-linear-gradient(top, #b1b2b5, #98999c);
    background: -webkit-gradient(linear, left top, left bottom, from(#b1b2b5), to(#98999c));
    border:1px solid #98999C;
    color:#ffffff;
}

span.button2:active a,
span.button2:active input{
    background: #ff6600;
}


#nav{background: linear-gradient(to bottom, #EA8C6B 0%, #FE8C31 3%, #FF730D 50%, #FF6A00 77%, #FE6B02 97%, #EA8C6B 100%) repeat scroll 0 0 transparent;
    clear: both;display: block; min-height: 30px; width: 100%; border:none 5px #000000; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: -1px 2px 8px #666; -webkit-box-shadow: -1px 2px 8px #666; box-shadow: -1px 2px 8px #666;
background: #EA8C6B;
background: -moz-linear-gradient(top, #EA8C6B 0%, #FE8C31 3%, #FF730D 50%, #FF6A00 77%, #FE6B02 97%, #EA8C6B 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EA8C6B), color-stop(3%,#FE8C31), color-stop(50%,#FF730D), color-stop(77%,#FF6A00), color-stop(97%,#FE6B02), color-stop(100%,#EA8C6B));
background: -webkit-linear-gradient(top, #EA8C6B 0%,#FE8C31 3%,#FF730D 50%,#FF6A00 77%,#FE6B02 97%,#EA8C6B 100%);
background: -o-linear-gradient(top, #EA8C6B 0%,#FE8C31 3%,#FF730D 50%,#FF6A00 77%,#FE6B02 97%,#EA8C6B 100%);
background: -ms-linear-gradient(top, #EA8C6B 0%,#FE8C31 3%,#FF730D 50%,#FF6A00 77%,#FE6B02 97%,#EA8C6B 100%);
background: linear-gradient(to bottom, #EA8C6B 0%,#FE8C31 3%,#FF730D 50%,#FF6A00 77%,#FE6B02 97%,#EA8C6B 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8c6b', endColorstr='#ea8c6b',GradientType=0 );

}
#nav ul:after { clear: both; content: ""; display: block;}
#nav ul {display: inline-table; list-style: none outside none; position: relative;}
#nav li {float: left; margin:0; background:url(../media/static/newimages/saperator.png) no-repeat; padding-left:2px;}
#nav li.first{background-image:none; margin-left:15px;}
#nav li a {color: #FFFFFF; display: block; font-size: 11px; font-weight: 700; line-height: 31px; padding: 0 20px; text-transform: uppercase;}
#nav li:hover {background:#F16306;}
#nav li:hover ul{display:block !important;}
#nav li:hover a {background:#F16306;}
#nav ul ul {background:#F16306; border-radius: 0 0 0 0; min-width: 180px; padding: 0; position: absolute;top:30px; z-index: 4; display:none;}
#nav ul ul li {border-bottom: 0 solid #FE8C31; border-top: 1px solid #FE8C31; float: none; margin: 0; position: relative; background-image:none; padding-left:0px;}
#nav ul ul li a:hover{background:#FE8C31 !important;}
#nav ul ul li a {color: #FFFFFF; padding: 0 10px; line-height:26px;}
#nav .search{padding:8px;}
#nav .search input[type="text"]{padding:0;border:1px solid #808080; float:left; }
#nav .search input.search-btn{border:1px solid #808080; background:url(../media/static/newimages/search-btn.png) no-repeat; height:20px; width:20px;}

.home-slogan {border-bottom: 2px solid #000000; font-family: 'MyriadPro-Regular'; font-size: 19px;line-height: 30px; margin:10px 0 0 0;}
.home-slogan strong {color: #FF6600; font-weight: 400;}
.span1{width:100%; float:left;}
.span2{width:70%; float:left;}
.span3{width:30%; float:left;}
.span3x3{width:33%; float:left;}


.box {background:#FFFFFF !important; border: 1px solid #B3B3B3;clear: both; display: block; margin-bottom: 10px; overflow: hidden;}
.box-title{background: url(../media/static/newimages/title-bg.png) repeat-x scroll 0 0 transparent; color: #FF6600; font-size: 14px;line-height: 21px; margin: 0;}
.box-title span {background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #B3B3B3; display: inline-block; padding: 0 20px;}
.row {clear: both; display: block; overflow: hidden; padding: 5px 0;}
.row .block-label {clear: both; color: #000000; display: block; font-weight:normal; line-height: 20px;}
input[type="text"], input[type="password"], select {border: 1px solid #C8C8C8; border-radius: 0 0 0 0; color: #424242; font-family: Arial,Helvetica,sans-serif;    font-size: 12px; height: 18px; padding: 3px 6px;}
select {height: 27px;}

.event-photo-gallery {border: 1px solid #DDDDDD; display: block; margin: 0 0 10px; overflow: hidden;position: relative;}
.footer{width:100%; margin: 10px 0; padding:10px 0; font-size:9px; border-top:1px solid #999999; border-bottom:1px solid #999999; float:left;}
.footer-links{color:#9a9a9a; float:right;}
.footer-links a{color:#9a9a9a;}
#registerform p{margin-bottom:11px;}
.event-banner{margin-bottom: 10px;}

.new-link{float:right;font-weight: bold;color:#FFF;margin:5px;padding:5px 10px;background: #F16306;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-decoration: blink;}

/*Passwort meter*/
.passwordStrengthBar
{
    background: white;
    border: 1px solid #ccc;
    width: 110px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.passwordStrengthBar div
{
    height: 22px;
    width: 0;
}

.passwordStrengthBar div.strong
{
    background-color: #BEF781;
}

.passwordStrengthBar div.medium
{
    background-color: #F7FE2E;
}

.passwordStrengthBar div.weak
{
    background-color: #FE9A2E;
}

.passwordStrengthBar div.useless
{
    background-color: #FA5858;
}
/*Passwort meter ENDE*/