@import "http://www.stadtmarketing-magdeburg.de/css/bootstrap/bootstrap.min.css";
@import "http://www.stadtmarketing-magdeburg.de/css/global.css";


/* Changes/Inserts KID */

main h3.home-text { padding-right: 0 !important; padding-left: 15px; font-weight: 700 !important; }


@media (min-width: 500px) and (max-width: 767px) {
	main .container-fluid > .sidebar-container .col-sm-4 .teaser_right_1 {clear: both; float: left; border-bottom: 1px solid #d0d1d2; border-top: 1px solid #d0d1d2; border-right: 1px solid #d0d1d2; }
	main .container-fluid > .sidebar-container .col-sm-4 .teaser-right-text {border: 0px !important;}
	main .container-fluid > .sidebar-container .img-responsive {width: 48%; margin-right: 2%; float: left; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand { float: left; padding: 15px 10px;}
}
@media (min-width: 992px) {
	.container-fluid > .sidebar-container { max-width: 33.3333%;  }
	main .container-fluid > .sidebar-container .col-sm-6 + .col-sm-6, main .container-fluid > .sidebar-container .col-xs-12 + .col-xs-12,
		main .container-fluid > .sidebar-container .col-md-12 + .col-md-12 { padding-top: 8px !important;}
	#header .sociallinks { margin-right: 15%;}
}

/* Eingabeformulare */
form {clear:both;margin:15px 0 0 0;padding:0;}
fieldset {width:90%;margin:0 0 25px 0;padding:15px 10px 0 10px;border:1px solid #454545; }
legend {padding:0 5px 5px;font-family:'Titillium Web', Tahoma, Helvetica, sans-serif;font-size:1.25em;color:#454545;}
label {display:block;color:#454545;}
main input, main textarea, main select, main radio {width:95%;margin:0 0 15px 0;padding: 5px;border:0;border:1px solid #f2f2f2;background:#f2f2f2; font-size:1em;color:#454545;}
main input:hover, main select:hover, main textarea:hover, main input:focus, main select:focus, main textarea:focus, 
	main input:visited, main select:visited, main textarea:visited {margin:0 0 15px 0;padding:5px;border:0;border:1px solid #f49e00;background:#fff; color:#454545;}
input[readonly] {background:#fff;}
input[type="radio"] {display:inline;border:none;padding:0;margin:0;-webkit-appearance:radio;-moz-appearance:radio;}
input[type="checkbox"] {display:inline;border:none;padding:0;margin:0;-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="submit"] {background: #f49e00; color: #510e0e; }

.ui-widget-overlay { display: none !important; }
.ui-dialog.cookie_note_dialog2 {position:fixed !important; width:100% !important; height:110px !important;top:0 !important; left: 0 !important; color:#ffffff; background: rgba(0, 0, 0, 0.6); z-index:300000000; padding-left:30%;}
.ui-dialog.cookie_note_dialog2 .ui-dialog-titlebar-close { display: none; }
.ui-dialog.cookie_note_dialog2 #cookie_note2 {border: 0; max-width: 600px !important; float: left; margin-top:10px; height:auto !important; }
.ui-dialog.cookie_note_dialog2 .ui-dialog-buttonpane {float: left; margin-top:30px;background:transparent;border:none;}
.ui-dialog.cookie_note_dialog2 .ui-dialog-buttonset {text-align: center;}
.ui-dialog.cookie_note_dialog2 .ui-dialog-buttonset button {border: 1px solid #e75113; background: #e75113; margin-left: 30px; color: #ffffff; font-size: 1.2em; padding: 5px 15px;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 h1 {font-size: 1.25em; width:100%; text-align: left; color:#eeeeee; border-bottom: none; margin: 0px; padding:5px 0 0 0;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 p {width:100%; text-align: left;line-height: 20px;margin-top:5px;color:#ffffff;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 a {color:cyan;text-decoration:none;}
.ui-dialog.cookie_note_dialog2 #cookie_note2 a:hover,a:focus {color:#389da0;}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {display:none; overflow:hidden;}
.ui-widget-content {border:none;}
@media screen and (max-width:989px) {
	.ui-dialog.cookie_note_dialog2 {height:180px !important;}
	.ui-dialog.cookie_note_dialog2 #cookie_note2 {border: 0; margin-left: -80px ; float: left; margin-top:-10px; }
	 .ui-dialog.cookie_note_dialog2 .ui-dialog-buttonpane {position:absolute; float: right;margin-top:0px;right:0px;top:133px;}
}


/* HIGHSLIDE */
.highslide-container div {font-family:'CDUKievit', Arial, Helvetica, Verdana, sans-serif;font-size:1em !important;}
.highslide_gallery a {cursor: url(http://www.stadtmarketing-magdeburg.de/images/highslide/zoomin.cur), pointer !important;margin:0;padding:0;}
.highslide_gallery_first a {cursor: url(http://www.stadtmarketing-magdeburg.de/images/highslide/zoomin.cur), pointer !important;margin:0;padding:0;}
.highslide_gallery_single a {cursor: url(http://www.stadtmarketing-magdeburg.de/images/highslide/zoomin.cur), pointer !important;margin:0;padding:0;}

.highslide_gallery, .highslide_gallery_first  {float:left; width:32%; margin-right: 1%; margin-bottom: 20px;padding:0; position: relative; }
.highslide_gallery_single {margin:0;padding:0;}

.highslide-caption {display: block !important; background: #ffffff; opacity: 0.6; width: 100%; position: absolute; bottom: 2px; z-index: 1; border-left: 2px solid #e75113; border-right:  2px solid #e95d0f;}

.randspalte_box .highslide_gallery {float:left;width:50%;margin:0;padding:0;}
.randspalte_box .highslide_gallery_first {float:left;width:50%;margin:0;padding:0;}
.randspalte_box .highslide_gallery_single {width:100%;margin:0;padding:0;}

.highslide_gallery img {border:2px solid #e75113;width:100%;margin:0;padding:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.highslide_gallery img:hover {border-color:#ccc;}
.highslide_gallery_first img {border:2px solid #e75113; width:100%;margin:0;padding:0;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.highslide_gallery_first img:hover {border-color:#ccc;}
.highslide_gallery_single img {border:2px solid #e75113;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.highslide_gallery_single img:hover {border-color:#ccc;}

.randspalte_box .highslide_gallery_single img {border:2px solid #e75113;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:0;display:block;}
.randspalte_box .highslide_gallery_single img:hover {border-color:#ccc;}

/* Logos Startseite oben */
img.bcsd {width:150px;}
img.twitter {width:27px;margin-top:4px;}
img.facebook {width:29px;}
img.yt {width:34px;}
img.ottostadt {width:154px;}
.home-menue {margin-top:-6px;}

@media screen and (max-width:551px) {
	#header .sociallinks {display:inline;float:left;}
	header {height:212px !important;}
	.navbar-brand {height:57px;}
}