Отступ отображается не корректно

Добрый день уважаемые формчане. У меня такая проблема. Использую sublime tex3 плагин emmet. Суть проблемы состоит в том, что при использование padding и прописывая свойства для отступа он применяет совершенно другие отступы. Например задаю 10px 20px(в классе right-bar); а он применяет совершенно другие. Отступ нужен как на картинке(подскажите пожалуйста где рыть). Спасибо всем кто откликнется=)

PS: html и css изучаю 1 день, сильно не критикуйте =))
<!DOCTYPE html>

<html lang="en">

<head>

	<link rel="stylesheet" href="style.css">

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

<div class="karkas">

	<div class="header">

		<a href="#"><img class="logo" src="images/logo.jpg"></a>

		<ul class="menu">

			<li><a href="#">Aktuelles</a></li>

			<li><a href="#">Philosophie</a></li>

			<li><a href="#">Besonderheiten</a></li>

			<li><a href="#">Partner</a></li>

			<li><a href="#">Kontakt</a></li>

			<li><a href="#">Impressum</a></li>

		</ul>

	</div>

	<div class="main-content">

		<div class="main-content-img">

			<img src="images/content-img.jpg" alt="главная картинка">

		</div>

		<div class="content-left">

			<h1>Sehr geehrte Patienten,</h1>

			<p> wir freuen uns, dass Sie sich für unsere Praxis für moderne Zahnheilkunde interessieren – herzlich willkommen!</p>

			<p>Die Homepage soll Ihnen einen ersten Einblick in das Leistungsspektrum und die Behandlungsphilosophie vermitteln. Es wird Sie interessieren, wie schonend und sorgsam ein Zahnarztbesuch sein kann.</p>

			<p>Sie sind herzlich eingeladen, sich bei einem Besuch in meiner Praxis mit ihren Fragen und Wünschen anzuvertrauen.</p>

			<p>Ihre Dr. Dr. Günther Chmelitschek und Dr. Thomas Chmelitschek</p>	

		</div>

		<div class="right-bar">

			<h1>Sprechzeiten</h1>

			<p>Zahnarztpraxis Dr. Dr. Chmelitschek<br />

			Stollstr. 6<br />

			83022 Rosenheim</p>

			<p>Mo-Fr von 08:00-18:00 Uhr<br/> 

			und nach Vereinbarung</p>

		</div>

	</div>

	<div class="footer">

		<p>Zahnarztpraxis Chmelitschek © 2011</p>

	</div>

</div>

</body>

</html>
.menu li{

	float: left;

	border-left: 1px solid #f3f3f3;

	padding:8px 25px 8px 25px;

}



.menu li:fist-child{

	float: left; 

	border-left:none;

	padding: 8px 25px;



}

.menu li a{

	color: #5f5d67;

	text-decoration: none;

}



.menu li a:hover{

	text-decoration: underline;

	color:#9dc5f0;

}



/*Основная часть контента*/

.main-content{

	overflow: hidden;



}

.main-content h1{

	font:normal 24px "Time new Roman";

	margin-bottom: 20px;

}



.main-content p{

	margin-bottom: 20px;

}



.content-left{

	background: #fff;

	padding: 30px;

	width: 420px;

	float: left;

}

.right-bar{

	background: #fff;

	width: 230px

	padding:10px 10px 30px 25px;

	float: right;	

}
Какой нужен отступ.
http://stick.kz/img/2017-01/11/9e2hs...akoxc2sv7k.png

Какой отступ получается у меня
http://stick.kz/img/2017-01/11/bj4s5...n4e9dsij96.png