@import url(popup-style.css);
/* generelle Styles */
*{ margin:0;padding:0; border:0;}

.clear{ clear: both; }
textarea{ resize:none; }
a{text-decoration:none; color:#ff9967;}

a:hover, a.active{ color:#fff; background:#ff9967; }
#breadcrumb { width:320px; height:33px; margin:0 0 0 20px; padding:16px 0 0 60px; background:#ff9967; float:left;}
#breadcrumb span {font: 25px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff;}
h1{font: 20px Arial, Helvetica, sans-serif; color:#ff9967; font-weight: bold;}
strong { color:#ff9967;}
iframe.kf {border: none; width: 90%; height: 750px;}
h2{ font: 25px Arial, Helvetica, sans-serif; color:#fff;}
.h2text {font: 16px Arial, Helvetica, sans-serif; color:#ff9967;}
h3{ font: 16px Arial, Helvetica, sans-serif; color:#fff;}
body {font: 14px Arial, Helvetica, sans-serif; color:#8e786e; line-height:18px; background:url(../images/bg.gif) repeat;}

#page{margin: auto; width:836px; height:auto; padding:0 3px 0 3px; background:url(../images/page-bg.jpg) repeat-y;}


#head { width:820px; height:152px; position:relative; float:left;}

#jubilaeum {width:237px; height:226px; position:absolute; top:130px; right:-60px;}
#jubilaeum a:hover {background:none; opacity:0.6;}

#logo { width:330px; height:109px; position:absolute; top:29px; left:49px;}
#slogan { width:340px; height:35px; padding:30px 0 0 20px; border-left:2px solid #ff9967; color:#ff9967; font-weight:100; font-size:16px; position:absolute; top:53px; right:60px;}
#headimg { width:820px; height:266px; float:left;}
/*  --  Navigation  --  */
#navi { width:400px; height:19px; font-size:13px; margin:0 0 0 20px; float:left; }
#navi ul li { list-style:none; float:left; margin:0 9px 0 0;}
#navi ul li a { display:block; padding:30px 4px 4px 4px;}
#navi ul li#last { margin:0;}
/*  --  Content  --  */
#content { width:820px; height:auto; float:left; }
#kontakt { width:380px; height:auto; padding:70px 0 0 0; margin:0 0 0 20px; float:left;}
#kontakt-text { width:320px; height:190px; padding:11px 0 0 60px; background:url(../images/kontkt-text-bg.jpg) repeat-x;}
#kontakt-text a{ color: #8e786e;}
#social-media { width:380px; height:500px; padding: 40px;}
#text { width:380px; height:561px; overflow:auto; margin:70px 0 0 20px; float:left;}
#text a {color:#8e786e;}
#text a:hover {color:#ff9967; text-decoration:underline; background:none;}
#text ul li { list-style-image:url(../images/listenpunkt.png); margin:0 0 4px 0; list-style-position:inside;}
#text ul.sublist li { font-size:12px; list-style:none; margin:0 0 8px 22px;}
strong.dunkel { color:#8e786e;}
/*  --  Footer  --  */
#footer { width:820px; height:29px; margin-bottom:30px; background:#ffeadf url(../images/footer-bg.jpg) top no-repeat; float:left; }
#footer p {height:11px; font-size:13px; margin:0 0 0 20px; padding:6px 0 0 0; float:left;}
.impre-link a { margin:0 20px 0 0; padding:6px 4px 5px 4px; float:right;}
#linklist { width:820px; height:29px; margin:8px 0 0 20px; font-size:11px; float:left;}
#linklist a { color:#8e786e;}
#linklist a:hover { color:#ff9967; text-decoration:underline; background:none;}
/*  --  Kontaktformular  --  */
form#kontaktform                { width:270px; float:left;}
label 							{ float:left; width:100px; color:#8e786e; padding:3px 0 3px 0; font-size:12px; border-right:1px solid #ff9967;}
label.long-label                { float:left; width:100px; color:#8e786e; height:152px; padding:3px 0 3px 0; font-size:12px; border-right:1px #ff9967;}
span.mitteilung                 { margin-top:15px; height:120px; float:left;}
input.anrede                    { float:left; width:auto;}
input, textarea                 { width:160px; float:left; padding:3px; color:#8e786e; font:12px Arial, Helvetica, sans-serif; font-weight:100; margin-bottom:3px; border:1px solid #E9E8E5; }
textarea 						{ height:90px; width:161px; float:left; resize:none;}
input.btn 						{ margin:5px 0px 0 0; padding:5px; width:60px; float:right; cursor:pointer; background:#e7e7e7; color:#ff9967; font-size:11px; border:none;}
#error 							{ margin-top:20px; padding:5px; width:200px; float:left; color:red; font-size:14px; border:none;}
.inpstyle						{ border:1px solid #ff9967;}
.sternchen						{ color:#F00;}
.abstand { display:block; float:left; width:65px;}
.datenschutz {display: none;}


aside img {position: fixed; background-color: #db3002; width: 45px; z-index: 999; left: 0; transition: 0.5s;}
aside img:hover {background-color: #6d6d6d;}
.mail {top: 300px;}
.phone {top: 370px;}


.dsa-secure-plugin .dsa-switch {float: none;}
.plugin-fix {position: fixed;
top: 0;
right: 0;}
.dsa-secure-plugin-checkbox{ width: inherit;}
.dsa-buttons a{color: #fff!important;}
.dsa-buttons a:hover {background: #cc1417!important;}

.zertifikat {font-size: 16px; margin: 10px 0;}
.button {background-color: #ff9967; color: #fff!important; padding: 5px 10px;}
.button:hover {background-color: #e67d49!important}

@media only screen and (max-width: 1600px) {
    #page{left: 5%;
    position: absolute;}
}

@media only screen and (max-width: 1300px) {
    #page{left: unset;
    position: unset;}
    .plugin-fix {position: unset;
top: unset;
right: unset;}

}