/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 670px */

@media only screen and (min-width: 680px) and (max-width: 1200px) {

h1 {
	font-size: 25px;
	line-height: 27px;
}
h2 {
	font-size: 25px;
	line-height: 27px;
}

body.index h2 {
    margin: 0 0 10px;
}
h3 {
	font-size: 19px;
	line-height: 22px;
}

h5 {
	margin: 20px 0 15px 0;
}
h6 {
	font-size: 27px;
	line-height: 30px;
	margin: 30px 0 10px 0;
	padding: 0;
}

body {
	font-size:14px;
	line-height:20px;
	background-image: url('img/background680.jpg');
	background-position:50% 0;
}

#container {
	width: 680px;
}

#top {
	width:680px;
	height:102px;
}

#top #mainLink {
	top:18px;
	left:0;
	width:145px;
	height:43px;
}

#top #topRow {
	padding-top:12px;
	width:525px;
	font-size:11px;
	height:32px;
}

#top #topRow .infoBox {
	margin-right:21px
}

#top #topRow .infoBox.last {
	margin-right:0px
}

#top #topRow #langBox a {
	padding-left:36px;
}

#top #topRow #langBox a span {
	display:none
}

#top #mainMenu { top: 60px; }
		#top #mainMenu ul li { padding: 0 8px; }
			#top #mainMenu ul li a { font-weight:600; font-size: 13px; }

#topmapSpace {
	width:680px;
	height:305px;
}


#content {
	width:100%;
	padding-bottom:50px;
}

#mainLeft {
	width:100%;
	overflow:hidden;
	margin-bottom:50px;
}

#mainRight {
	width:100%;
	overflow:hidden;
}

#battlefield {
	margin-top:40px;
}

#additional {
	width:100%;
	padding-bottom:50px;
}

#additional ul li a {
	width:113px;
	height:40px;
	font-size:15px;
	padding-top:117px;
	background-position:-45px 10px;
}

#additional ul li a:hover {
	background-position:-243px 10px;
}



#footer {
	width:680px;
	height:78px;
}

.bottomMenu ul li { display:inline; float:left; list-style:none; padding:0 20px 0 0; }
	.bottomMenu ul li a { font-weight:400; font-size:12px; color:#6f675e; font-family:'Roboto Slab';  }
	
#footer #copyright { position:absolute; top:33px; left:0; font-size:11px; width:280px; }
#footer #addres { position:absolute; top:0; right:0; }
#footer #contact { position:absolute; top:33px; right:0; width:295px; text-align:right }

#contactLeft { width:100% }
#contactBox { width:100%; margin-top:35px }

div.defaultIntro {margin:0 39px 30px 0; width:320px;  }
	div.defaultIntro:nth-of-type(4n) { margin:0 39px 30px 0  }
	div.defaultIntro:nth-of-type(2n) { margin:0 0 30px 0  }
	div.defaultIntro .newsPic img { width:320px; }
	span.separatorSpecial:nth-of-type(4n+4) { display:none; }


.whereWrapper .whereMenu { width:260px; margin-top:25px }
.whereWrapper .wherePic { margin:20px 0; }
.whereWrapper #description { width:100% }
	body.where #defaultGalleryWrapper .miniatureWrapper { margin: 0 45px 15px 0 }
	body.where #defaultGalleryWrapper .miniatureWrapper:nth-child(6n+6) { margin: 0 45px 15px 0 }
	body.where #defaultGalleryWrapper .miniatureWrapper:nth-child(3n+3) { margin: 0 0 15px 0 }
	body.where #defaultGalleryWrapper .miniatureWrapper img { width:193px }	
	#defaultGalleryWrapper .miniatureWrapper img { width:215px }	
		
.fluid-wrapper {
    height: 0;
    margin-bottom: 1px;
    padding-bottom: 50%;
    position: relative;
}	


/*Boxed Intro Block styles */

.boxIntro { margin-bottom: 15px; margin-right:10px; width:220px; }
		.boxIntro:first-child { margin-bottom: 15px; margin-right:10px; width:220px; }
		.boxIntro:nth-child(3n+3) { margin-right:0; }
	.boxIntro .newsPic { height:163px; margin-bottom: 7px; background-position:0 35%; }
		.boxIntro:first-child .newsPic { height:163px; background-position:0 35%; }

}