@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	float:none!important;
}

body {
	font: 16px/28px Arial, Helvetica, sans-serif;
	color:#232222;
	background: #d6d6d6;
}

p,
ul,
ol,
dl { padding: 0 0 10px 0; }

ul { list-style:none; }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	padding: 0 0 10px;
	color:#486072;
}
h1{ font-size:30px;  color:#345063;  text-align: center; border-bottom: 1px dotted #000000}
h1 span {
    font-size: 18px; 
	display:block;
	color: #606F7A;
}
h2 { font-size: 24px; }

h3 { font-size: 18px; }

h4 {
	font-size: 16px;
	font-weight: bold;
}

h5 {
	font-size: 15px;
	font-weight: bold;
}

h6 {
	font-size: 15px;
	font-weight: bold;
}

img {
	max-width: 95%;
	height:auto;
}

.vcard img { border:0 }

img.image,
img.img,
img.thumb, 
.image img,
.img img,
.images img,
#images img,
img.cms-image,
img.cms-img {
	border:4px solid #FFF000;
	margin:0 15px 15px 0;
}

address { display:block!important }

a,
span.tel {
	color:#344F63;
	text-decoration:underline;
}

a.more-link,
a.impressum-link,
a.link-kontakt {
	color:#181818; font: 700 18px Arial, Helvetica, sans-serif;  text-transform:uppercase; padding:5px 10px; border: 2px solid #181818; display:inline-block; text-decoration:none;
	}
a.more-link:hover,
a.more-link:active,
a.impressum-link:hover,
a.impressum-link:active,
a.link-kontakt:hover,
a.link-kontakt:active {
	color: #d6d6d6; background:#181818;
	}

span.tel,
#googlemaps-address-link,
a.escape {
	background:#344F63;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	display:inline-block;
	text-align:center;
	margin:10px 0;
}

span.tel a {
	color:#fff;
	padding:5px 10px;
	text-decoration:none!important;
	display:block;
}

#googlemaps-address-link,
a.escape {
	display:inline-block;
	padding:5px 10px;
	margin:0 0 20px;
}

#googlemaps-address {
	z-index:99999!important;
	position:relative!important;
	border:5px solid #344F63;
	border-radius:10px;
	max-height:300px!important;
	margin:20px 0;
}

table {
	width:100%;
	margin:0 0 20px;
	font-size:12px;
}

table td {
	padding:10px;
	background:#dedede;
	margin:1px;
	word-break:break-all;
}

.clear { clear:both; }
br.clear { display:none }
hr {
	height:0;
	overflow:hidden;
	border:0;
	border-bottom:1px solid #344F63;
	margin:0 0 15px;
}


a#branding {
	display:block;
	padding: 0 0 20px 0;
	position: relative;
	text-align:center;
}

a#branding span{ display:none; }

a#branding img {
	border: none;
	max-width:90%;
	height:auto;
}

#content,
#content-main { padding:15px; }
.col, .col-full {
    margin-bottom: 20px;
    padding:15px;
}
#content p.highlight {
    font-weight: bold;
    font-size: 18px;
}
#content p.highlight span.big {
    color: #D10707;
    font-size: 17px;
    padding: 0 0 0 10px; 
}
#mobile-link { display:none!important }


dl dt{
	margin-top:10px;
	}
	
.desktop-link {
	position:absolute;
	left:0px;
	background:#181818;
	background-size:100% 100%;
	bottom:0px;
	z-index:11;
	width:100%;
	border-top:1px solid #FFF000;
}

.btn-desktop {
	display: block;
	margin: 0 auto;
	background:transparent url(http://www.tornado-umzuege-berlin.de/images/mobile/icon-desktop.png) no-repeat 6% center;
	background-size:20px 20px;
	text-decoration: none;
	font-size: 13px;
	padding: 30px 0;
	text-transform: uppercase;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.col > ul > li {
    list-style: square outside none;
    margin-bottom: 15px;
    margin-left: 15px;
}
/*-----Preloader Styles----*/
#preloader {
	position:fixed;
	z-index:2500;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; 
	z-index:999999; 
}

#status {
	position:fixed;
	z-index:999999;
	width:250px;
	height:250px;
	position:absolute;
	left:50%; 
	top:50%; 
	background:url(http://www.tornado-umzuege-berlin.de/images/mobile/status.gif) no-repeat center; 
	background-size:32px 32px;
	margin:-125px 0 0 -125px; 
}

#status p{
	top:70%;
	text-align:center;
}

#status em{
	font-size:10px!important;
	display:block;
    background-size:16px 16px;
	background-position:39px 9px;
	background-repeat:no-repeat;
	font-style:normal;
}
/*-----Header Menu Styles----*/
.header{
	height:49px;
	background: #181818;
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #fff000;
}


.logo{
	width:146px;
	margin-left:auto;
	margin-right:auto;
}

.header p{
	font-weight:400;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	margin-top:0;
	padding:10px 0  0 0;
}

.hide-sidebar{
	position:absolute;
	z-index:19;
	background:url(http://www.tornado-umzuege-berlin.de/images/mobile/deploy-menu.png) no-repeat 13px 18px;
	width:100%;
	height:48px;
	display:block;
	display:none;
	text-decoration:none;
}

.show-sidebar{
	position:absolute;
	z-index:12;
	background:url(http://www.tornado-umzuege-berlin.de/images/mobile/deploy-menu.png) no-repeat 13px 18px;
	width:100%;
	height:48px;
	display:block;
	text-decoration:none;
}

.headBorder {
    border-bottom: 1px solid #4D4D4D;
	margin:10px 0;
}
.page-content{
	position:relative;
	z-index:10;
	width:100%;
	display:block;
}

.page-sidebar{
	background:url(http://www.tornado-umzuege-berlin.de/images/mobile/menu-bg.png) repeat;
	width:270px;
	display:block;
	position:absolute;
	z-index:2;
	top:0px;
	left:-270px;
	bottom:0px;
	overflow:hidden;
	padding:0 0 100px;
}

.page-sidebar-scroll{
	width:290px;
	overflow: scroll!important;
	overflow-x:hidden!important;
	-webkit-overflow-scroll:touch!important;	
	height:100%;
}

.image-decoration{
	box-sizing:border-box;
	background-color:#FFFFFF;
	padding:4px;
	border:solid 1px #cacaca;
	margin-bottom:2px;
}
.page-sidebar a{
	display: block;
    overflow: hidden;
    position: relative;
}
	
.sidebar-button{
 	background: url(#) no-repeat;
    display: block;
    float: left !important;
    height: 49px;
    width: 90px;
	text-decoration:none;
	border-bottom: 1px solid #fff000;
}

.sidebar-button em{
 color:#fff;
 font-size:10px;
 font-style:normal;
 background-size:16px 16px;
 background-position:39px 3px;
 background-repeat:no-repeat;
 text-align:center;
 display:block;
 padding-top:19px;
 line-height:14px;
}

.sidebar-button-call{background:url(http://www.tornado-umzuege-berlin.de/images/mobile/icon_shadow/phonehook.png);}
.sidebar-button-text{background:url(#);}
.sidebar-button-close{background:url(http://www.tornado-umzuege-berlin.de/images/mobile/icon_shadow/accessdenied.png);}
img.sidebar-logo { padding: 0 10px 10px 10px; max-width:85%;}
#brand{ text-align:center; background:url(http://www.tornado-umzuege-berlin.de/images/mobile/brand.png) no-repeat 0 0;
background-size:auto 100%;}

/*----- Menu Styles----*/

ul.navi li.umzuege,
ul.navi li.malerarbeiten,
ul.navi li.sauberkeit-in-haus-garten{ background: url(#) no-repeat scroll 90% center #181818;}

ul.navi li.umzuege.active,
ul.navi li.malerarbeiten.active,
ul.navi li.sauberkeit-in-haus-garten.active {background: #333 url(#)no-repeat 90% 17px;}

ul.navi li.umzuege span,
ul.navi li.malerarbeiten span,
ul.navi li.sauberkeit-in-haus-garten span {background: url(http://www.tornado-umzuege-berlin.de/images/mobile/text-menu-1.png) no-repeat 4% center;}

ul.navi li.umzuege.active span.umzuege.active,
ul.navi li.malerarbeiten.active span.malerarbeiten.active ,
ul.navi li.sauberkeit-in-haus-garten.active span.sauberkeit-in-haus-garten.active  {background: url(http://www.tornado-umzuege-berlin.de/images/mobile/text-menu-1.png) no-repeat 4% center;color:#FFFFFF;}

ul.navi li{
	display:block;	
}
ul.navi li a, ul.navi li span{
	padding: 10px 0 10px 40px;
	background:#181818 url(http://www.tornado-umzuege-berlin.de/images/mobile/text-menu-1.png) no-repeat 4% center;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	border-top:1px solid #555;
	display:block;
}

ul.navi li a.active{
		background:#333 url(http://www.tornado-umzuege-berlin.de/images/mobile/text-menu.png) no-repeat 4% center;
		color:#FFFFFF;
}

ul.navi li.home a{background:#181818 url(http://www.tornado-umzuege-berlin.de/images/mobile/home-1.png)no-repeat 4% center; background-size: 20px 20px;}
ul.navi li.home a.active{background:#333 url(http://www.tornado-umzuege-berlin.de/images/mobile/home.png)no-repeat 4% center; background-size: 20px 20px;}

ul.navi li.impressum-amp-agb a{background:#181818 url(http://www.tornado-umzuege-berlin.de/images/mobile/pencil-1.png)no-repeat 4% center; background-size: 20px 20px; border-bottom:1px solid #555;}
ul.navi li.impressum-amp-agb a.active{background:#333 url(http://www.tornado-umzuege-berlin.de/images/mobile/pencil.png)no-repeat 4% center; background-size: 20px 20px;}

ul.navi li.kontakt a{background:#181818 url(http://www.tornado-umzuege-berlin.de/images/mobile/mail-1.png)no-repeat 4% center; background-size: 20px 20px;}
ul.navi li.kontakt a.active{background:#333 url(http://www.tornado-umzuege-berlin.de/images/mobile/mail.png)no-repeat 4% center; background-size: 20px 20px;}

ul.navi li.anfahrt a{background:#181818 url(http://www.tornado-umzuege-berlin.de/images/mobile/map-1.png)no-repeat 4% center; background-size: 20px 20px;}
ul.navi li.anfahrt a.active{background:#333 url(http://www.tornado-umzuege-berlin.de/images/mobile/map.png)no-repeat 4% center; background-size: 20px 20px;}

/*----- Sub Menu Styles----*/

.sub{display:none;}

ul.navi li.active ul{
	display:block;	
}
ul.navi li ul.sub li a{
	font-size:9px;	
	border-top:1px solid #555;
	background:#252227 url(http://www.tornado-umzuege-berlin.de/images/mobile/arrow.png) no-repeat 5.6% center;
	padding:5px 20px 5px 30px;
	color:#fff;
}
ul.navi li ul.sub{padding:0; background:#444}
ul.navi li ul.sub li a.active{background:#FFF000 url(http://www.tornado-umzuege-berlin.de/images/mobile/arrow-1.png) no-repeat 5.6% center; color:#000;}


/*-----Footer Menu Styles----*/

.sidebar-info{width:auto; padding:10px; font-size:14px; color:#fff;}

.sidebar-info-item {
    border-bottom:1px solid #333;
    display: block;
	padding:10px 0;
}

.sidebar-info-item h2{font-size:16px; padding-bottom:0; color:#fff; font-weight:bold;}
.sidebar-info-item span.tel{margin:0; text-align:left; padding:0;}
.sidebar-info-item span.tel a{padding:0;color:#fff;}
.sidebar-info-item .anfahrt-sidebar{
	background: url(#) no-repeat left 5px; 
	background-size: 20px 20px; 
	padding:0 0 0 27px; 
	display:block;
	}
.sidebar-info-item .phone{
	background: url(#) no-repeat left 3px; 
	background-size: 20px 20px; 
	padding:0 0 0 27px !important; 
	display:block;
	}
.sidebar-info-item .mobile-phone{
	background: url(#) no-repeat left 3px; 
	background-size: 20px 20px; 
	padding:0 0 0 27px !important; 
	display:block;
	}
.sidebar-info-item .email-sidebar{
	background: url(#) no-repeat left 5px; 
	background-size: 20px 20px; 
	padding:0 0 0 27px;
	display:block;
	}
.sidebar-info-item a.escape{margin:0; padding:0; background:none; text-align:left;color:#fff;}
.no-bg{ border:none !important;}
	
.separator {
    background: url(#) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    padding-bottom: 7px;
}
.separator2 {
    background: url(#) no-repeat scroll top center rgba(0, 0, 0, 0);
	background-size:auto 100%;
    height: 30px;
    margin: 15px 0 10px;
}
.txt-center {
    text-align: center !important;
}

img#ladybug{}


form,
form#footer-contact { overflow: hidden; }

form,
form#newsletter_subscribe,
form textarea {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

span.movi {
	float:left!important;
	margin-bottom:20px!important;
}
label.mobilab {
	display:block!important;
}
form legend,
form label,
form input,
form textarea,
form select {
	color: #181818;
	margin: 0 0 6px 0;
	padding: 10px 0;
	width: 99%;
	display: block;
	font: 1em/2em Arial, Helvetica, sans-serif !important;
}

form input,
form textarea,
form select {
	background:#aaa;
	border:1px solid #555;
	padding:15px 0;
	text-indent:10px;
}


form textarea { height:100px; }
form legend,
form label {
	margin:0 5px 3px 0;
	padding:2px 15px 4px 0;
	width:auto;
	font-weight:bold;
	display:inline;
	color:#181818;
}

form legend#label-anrede { display:inline-block; float:left!important; }

form fieldset { border:none; }
form label.radio,
form input.radio,
form span.radio {
	background:transparent;
	border:none;
	float:left!important;
	margin:0 10px 0 0;
	width:auto;
	font-weight:normal;
}
form label.radio,
form span.radio {
	float:left!important;
}
form label.radio input.radio,
form span.radio input.radio {
	margin:10px 10px 2px 0;
}

form input.checkbox {
	background:transparent;
	border:none;
	width:20px;
	float:left!important;
	margin-top:10px;
}

form label.checkbox {
	width:90px;
	float:left!important;
	font-weight:normal;
	
}

form button#submit,
form input#reset {
	background:#181818;
	border:none;
	color:#fff000;
	cursor:pointer;
	font-size:17px;
	font-weight:bold;
	padding:0;
	line-height:100%;
	height:52px!important;
	width:99%;
}

form label#label-rueckruf {
	width:auto;
	float:left!important;
	display:block;
}

form input#Rueckruf {
	margin:10px 10px 0 0!important;
	float:left!important;
}

form.default label small {
    color: #555;
    display: block;
    line-height: 1em;
}
form label#label-telefon {clear:both!important;float:none!important;display:block!important;}
form label#label-telefon.required {background-position:65px center!important;}

form label.required { background:url(http://www.tornado-umzuege-berlin.de/images/icon-required.png) right center no-repeat; padding-right:20px; }

form br {
	clear:both;
	display: block;
	margin: 10px;
	padding: 10px; 
}

label.lblock {display:block!important}

form fieldset.hidden,
form input[type=hidden],
form#newsletter_subscribe fieldset.hidden,
form#newsletter_subscribe input[type=hidden],
div#guestbook_template input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}

form em.error {
	background: url(#) no-repeat scroll 0 center transparent;
	padding-left:25px;    
	margin:0 0 20px;
	display:inline-block;
	font-size:13px;
}
/* Start */

#cboxClose{ background:#B61212; border:none; color:#fff; padding:10px 20px;}
body.javascript #formNotice {
    color: #000000;    padding: 10px 10px 30px !important;
    height: 100px;
    text-align: center;
}
#colorbox * {
    -moz-box-sizing: content-box;
}

#cboxContent {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden; width: 250px !important;
    position: relative;padding: 10px 10px 45px !important;
 box-shadow: 0 0 11px 2px rgba(0, 0, 0, 0.4);   margin-left: 20px;height: auto !important;

}

#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0 none;
}
#colorbox {
    z-index: 1100;
}

#cboxLoadedContent {
    margin-bottom: 28px;
    overflow: auto;
}
#cboxLoadedContent {
    background: none repeat scroll 0 0 #FFFFFF;    width: 100% !important;height: 100% !important;
}
/* end */
form.default label.error:before {
    border-color: -moz-use-text-color transparent rgba(255, 0, 0, 0.7);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-style: none solid solid;
    border-width: 0 7px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    top: -10px;
    width: 0;
}
form.default label.error {
    background: none repeat scroll 0 0 rgba(255, 0, 0, 0.7);
    color: #FFFFFF;
    margin-bottom: 2%;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 100%;
}
#fehlermeldung, #meldung, #newsletter-info {display:none;margin:0 0 20px;border:1px solid #c00;padding:20px;background:#fff;color:#340100;}
#meldung,#newsletter-info {display:block;}
#newsletter-info p {padding:0}
#meldung ul {padding-bottom:0}
iframe { width:100%!important; }

.formError {
	position:absolute;
	top:300px;
	left:5%!important;
	padding-bottom:13px;
	display:block;
	z-index:5000;
	cursor:pointer;
}

#debugMode {
	background:#000;
	position:fixed;
	width:100%;
	height:200px;
	top:0;
	left:0;
	overflow:scroll;
	opacity:0.8;
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	z-index:100000;
}

.ajaxSubmit {
	padding:20px;
	background:#55ea55;
	border:1px solid #999;
	display:none
}

.formError .formErrorContent {
	width:100%;
	background:#EE0101;
	color:#fff;
	width:180px;
	font:12px/14px Arial, Helvetica, sans-serif;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding: 10px;
	
}

.greenPopup .formErrorContent { background:#33be40!important; }

.blackPopup .formErrorContent {
	background:#393939;
	color:#fff;
}

.formError .formErrorArrow {
	position:absolute;
	bottom:0;
	left:20px;
	width:15px;
	height:15px;
	z-index:5001;
}

.formError .formErrorArrowBottom {
	top:0;
	margin:-6px;
}

.formErrorContent .formErrorArrow div {
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	box-shadow: 0px 2px 3px #444;
	-moz-box-shadow: 0px 2px 3px #444;
	-webkit-box-shadow: 0px 2px 3px #444;
	font-size:0px;
	height:1px;
	background:#EE0101;
	margin:0 auto;
	line-height:0px;
	font-size:0px;
	display:block;
}

.formError .formErrorArrowBottom div {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

.greenPopup .formErrorArrow div { background:#bf2525; }

.blackPopup .formErrorArrow div {
	background:#bf2525;
	color:#fff;
}

.formError .formErrorArrow .line10 {
	width:15px;
	border:none;
}

.formError .formErrorArrow .line9 {
	width:13px;
	border:none;
}

.formError .formErrorArrow .line8 { width:11px; }

.formError .formErrorArrow .line7 { width:9px; }

.formError .formErrorArrow .line6 { width:7px; }

.formError .formErrorArrow .line5 { width:5px; }

.formError .formErrorArrow .line4 { width:3px; }

.formError .formErrorArrow .line3 { width:1px; }

.formError .formErrorArrow .line2 {
	width:3px;
	border:none;
	background:none;
}

.formError .formErrorArrow .line1 {
	width:1px;
	border:none;
	background:none;
}
.col4 {
    float: left;
	display: inline-block;
}
.col4 h3{font-size:12px; word-break:break-all;}
.col4 p{font-size:12px;}

#content .col4 h3.preise-mobile {
    line-height: 12px;
    margin: 0;
    padding: 0;
}
.mobile-mar {
    margin-left: 8px;
    margin-right: 12px;
}


form.default fieldset.form-accordeon {
    background: #FCFCFC;
}

form.default p.slide-down {
    background: url("/images/arrow5.png") no-repeat 97% center #626262;
}
form.default p {
    background: url("/images/arrow4.png") no-repeat 97% center #424242;
    color: #FFFFFF;
    cursor: pointer;
    margin-bottom: 0 !important;
    padding: 10px;
}
form.default fieldset {
    border: 0 none;
    margin-bottom: 10px;
}

.form-accordeon .col-form {
    display: none;
}
.col-form {
    padding: 10px;
}