*					{ margin:0; }
body, html				{ color:#666; font-size:12px; font-family:arial,tahoma,sans-serif,helvetica; margin:0; padding:0; width:100%; }
body					{ background:#fff; }
.body					{ background:#ccc; }
img, table				{ border:none; }
form					{ margin:0; }
input, select, textarea, td, p		{ font-size:12px; }
textarea				{ resize:none; }
ul					{ margin:0; padding-left:14px; list-style-type:disc; list-style-position:outside; }
p					{ margin-top:0px; margin-bottom:0px; }
hr					{ border-top:0px; border-left:0px; border-right:0px; border-bottom:1px dashed #666; height:0px; line-height:0px; padding:0; margin:8px 0; }

a:link, a:visited			{ color:#0c538a; text-decoration:underline; }
a:hover, a:active			{ color:#0c538a; text-decoration:none; }

/* DESIGN */
#main-top				{ position:relative; height:31px; }
#main-body				{ background:#fff; }
#main-footer				{  }
#main-footer a:link, #main-footer a:visited	{ color:#666; text-decoration:underline; }
#main-footer a:hover, #main-footer a:active	{ color:#666; text-decoration:none; }
#main-shaddow				{ height:22px; background-image:url(../img/footer-shaddow.png); background-repeat:repeat-x; }

#topmen					{ padding-top:10px; padding-left:15px; }
#topmen ul				{ margin:0; padding:0; list-style-image:url(../img/pfeil-topmen.png); }
#topmen li				{ float:left; padding-right:40px; margin:0; }
#topmen li a				{ color:#666; font-size:11px; font-weight:normal; text-decoration:none; }
#topmen li a:hover			{ text-decoration:underline; }

#head					{ position:relative; height:252px; margin:0; padding:0; }
#headpic1, #headpic2			{ position:absolute; top:0; right:0; }
#headlogo				{ position:absolute; top:45px; left:0; background-image:url(../img/sueddeutsche-butter-und-kaeseboerse.png); background-repeat:no-repeat; }
#headlogo:hover				{ position:absolute; top:45px; left:0; background-image:url(../img/sueddeutsche-butter-und-kaeseboerse1.png); background-repeat:no-repeat; }
#headamtl				{ position:absolute; top:137px; left:0; }
#wrapper, #main-top-inner, #main-body-inner, #main-footer-inner
					{ position:relative; margin:0 auto; width:1000px; }
#content				{ padding:40px 0 40px 0; }
#content-left				{ width:698px; float:left; }
#content-right				{ width:256px; float:right; }
#content-print				{ margin:0 auto; width:698px; }

#main-footer-inner			{ padding:10px 0 0 0; }

/* MENUE */
#navi					{ position:relative; height:29px; background:#666; z-index:10001; }
#navi-left				{ position:absolute; top:0; left:0; }
#navi-right				{ position:absolute; top:0; right:0; }
#navi ul				{ margin:0px; padding:0px; list-style-type:none; }
#navi a					{ display:block; }
#navi li				{ float:left; }
#navi li ul				{ margin:0; padding:0; left:-999em; position:absolute; white-space:nowrap; list-style-type:none; border-top:#fff 1px solid; }
#navi li ul				{ left:auto; padding:3px 5px 3px 5px; background:#666; }
#navi li ul li				{ float:none; }

#navi li:hover a.hmen-aktiv,
#navi li:hover a.hmen-inaktiv		{ color:#fff; }

.hmen					{ background-image:url(../img/navi-line.gif); background-repeat:no-repeat; }
a.hmen-aktiv,
a.hmen-aktiv:hover,
a.hmen-inaktiv:hover			{ color:#fff; font-size:12px; text-decoration:underline; padding:7px 30px 7px 30px;  }
a.hmen-inaktiv				{ color:#fff; font-size:12px; text-decoration:none; padding:7px 30px 7px 30px;  }

.smen					{ padding:4px 15px; background-image:url(../img/pfeil.png); background-repeat:no-repeat; }
a.smen-aktiv,
a.smen-aktiv:hover,
a.smen-inaktiv:hover			{ color:#fff; text-decoration:underline; }
a.smen-inaktiv				{ color:#fff; text-decoration:none; }

.subm_hidden				{ visibility:hidden; }
.subm_visible				{ visibility:visible; z-index:99999; }

/* CONTENT */
h1					{ color:#666; font-size:22px; font-weight:normal; }
h2					{ color:#666; font-size:18px; font-weight:normal; }
h3					{ color:#0c538a; font-size:14px; font-weight:normal; }
.titel18				{ color:#666; font-family:georgia,"Times New Roman"; font-size:18px; font-weight:normal; }
.titel18blau				{ color:#0c538a; font-size:18px; font-family:georgia,serif; font-weight:normal; padding-bottom:10px; }
.clearingfix				{ clear:both; overflow:hidden; line-height:0; height:0; font-size:0px; }
.errmsg					{ color:red; }

/* NEWSBOXEN */
#newsbox1, #newsbox2			{ position:relative; width:230px; height:223px; padding:13px; background:#0c538a; }
#newsbox1-inner, #newsbox2-inner	{ position:absolute; top:35px; left:13px; width:230px; height:180px; overflow:hidden; color:#fff; }
#newsbox1-inner a, #newsbox1-inner a:hover, #newsbox2-inner a, #newsbox2-inner a:hover	{ color:#fff; text-decoration:underline; }

#newsbox1-inner hr, #newsbox2-inner hr	{ border-top:0px; border-left:0px; border-right:0px; border-bottom:1px dashed #fff; height:0px; line-height:0px; padding:0; margin:8px 0; }

.newsbox-scrollup			{ position:absolute; top:10px; left:13px; cursor:pointer; }
.newsbox-scrolldown			{ position:absolute; bottom:10px; left:13px; cursor:pointer; }
.Scroller-Container			{ position:absolute; top:0px; left:0px; }
.Scroller-Container a			{ color:#fff; text-decoration:underline; }
.Scroller-Container a:hover		{ color:#fff; text-decoration:underline; }
.Scroller-Container p			{ margin:0; padding:0; }

.runde-ecken, #newsbox1, #newsbox2	{ position:relative; z-index:0; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; behavior:url(/styles/PIE.htc); }

.runde-ecken-unten, .subm_hidden, .subm_visible
					{ position:relative; z-index:0; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; behavior:url(/styles/PIE.htc); }

#kontaktform				{ width:560px }
#kontaktform form			{ margin:0; padding:0; }
#kontaktform fieldset		 	{ border:none; margin:0; padding:0; }
#kontaktform fieldset legend		{ display:none }
#kontaktform label			{ display:block; cursor:pointer; font-weight:bold; height:20px; line-height:20px }
#kontaktform input,
#kontaktform textarea 			{ color:#666; font-size:12px; font-family:arial,tahoma,sans-serif,helvetica; background:#fff; margin-bottom:8px; border:1px #ccc solid; padding:3px 4px; width:100%; }
#kontaktform input:focus,
#kontaktform textarea:focus		{ border-color:#4d4d4d; }
#kontaktform input[type="submit"]	{ color:#fff; background:#9e9e9e; cursor:pointer; border:#ccc 1px solid; margin-top:5px; padding:5px 10px; width:100px; }
#kontaktform .captcha			{ border:1px #ccc solid; padding:5px; margin-bottom:8px; }

#cookie-law{position:fixed; z-index:999999; bottom:0; left:0; height:50px; line-height:40px; background:#444848; color:#bcbdbd; text-align:center; width:100%; font-size:16px; padding:5px 0px;}
#cookie-law a, #cookie-law a:hover{color:#fff; font-weight:bold;  font-size:16px;}
a.close-cookie-banner, a.close-cookie-banner:hover{display:inline-block; background:#888888; padding:5px 10px; text-transform:uppercase; color:#fff; margin-left:20px; text-decoration:none; font-size:16px;}

/* IE 6 */
* html #cookie-lawX {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#kontaktform				{ width:560px }
#kontaktform form			{ margin:0; padding:0; }
#kontaktform fieldset		 	{ border:none; margin:0; padding:0; }
#kontaktform fieldset legend		{ display:none }
#kontaktform label			{ display:block; cursor:pointer; font-weight:bold; height:20px; line-height:20px }
#kontaktform input,
#kontaktform textarea 			{ color:#666; font-size:12px; font-family:arial,tahoma,sans-serif,helvetica; background:#fff; margin-bottom:8px; border:1px #ccc solid; padding:3px 4px; width:100%; }
#kontaktform input:focus,
#kontaktform textarea:focus		{ border-color:#4d4d4d; }
#kontaktform input[type="submit"]	{ color:#fff; background:#9e9e9e; cursor:pointer; border:#ccc 1px solid; margin-top:5px; padding:5px 10px; width:100px; }
#kontaktform .captcha			{ border:1px #ccc solid; padding:5px; margin-bottom:8px; }

#cookie-law{position:fixed; z-index:999999; bottom:0; left:0; height:50px; line-height:40px; background:#444848; color:#bcbdbd; text-align:center; width:100%; font-size:16px; padding:5px 0px;}
#cookie-law a, #cookie-law a:hover{color:#fff; font-weight:bold;  font-size:16px;}
a.close-cookie-banner, a.close-cookie-banner:hover{display:inline-block; background:#888888; padding:5px 10px; text-transform:uppercase; color:#fff; margin-left:20px; text-decoration:none; font-size:16px;}

/* IE 6 */
* html #cookie-lawX {
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

/* FORMS */
.kontaktform {
    display: flex;
    flex-direction: column;
}

.kontaktform input, .kontaktform textarea {
    border-radius: 5px 5px 5px 5px;
    color: #666;
    font-size: 12px;
    font-family: arial,tahoma,sans-serif,helvetica;
    background: #fff;
    margin-bottom: 8px;
    border: 1px #ccc solid;
    padding: 3px 4px;
    width: 100%;
    box-sizing: border-box;
}

.kontaktform #yform-formular-field-11 {
    float: left;
    width: auto;
    margin-right: 10px;
    margin-bottom: 0;
    top: 2px;
}

.kontaktform > div:not(#yform-formular-datenschutz) > label {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}

.kontaktform .captcha {
    border: 1px #ccc solid;
    padding: 5px;
    margin-bottom: 8px;
}

.kontaktform button[type="submit"] {
    color: #fff;
    background: #9e9e9e;
    cursor: pointer;
    border: #ccc 1px solid;
    padding: 5px 10px;
    width: 100px;
    border-radius: 5px 5px 5px 5px;
    align-self: flex-end;
    margin: 20px 0;
}

.kontaktform .checkbox input{width:20px;}