/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */

.stern { background: url("http://international-institute.de/wp-content/uploads/Stern_200x200.png")no-repeat; position:absolute; z-index:99; float: left; border: 0; padding: 200px 150px 1px; margin-top: 136px; margin-left:70%; outline: 0 none; -webkit-border-image.}


#content{

}

.header{
	margin-top:20px;
}
.icon {float:right}
.icon img {width:80%;}

.menu ul li {
	float:left;
	margin:0 1em 0 0;
	margin-top:3px 
}

.menu h6 {font-size: 1.2em;
}

.feuilleton {float: right}

#slideShow {position:relative; height: 340px; border: 1px solid #bdbdbd;
     width: 801px;}


.recent-thumbs_blog {float: left; width:100%;}
.recent-thumbs_blog img {width:100%; height:auto; }

#menu_container {width:100%; height:25px;  margin-top:20px; line-height: 1.15em;  }
#menu_container ul { float: left; margin-bottom:-20px; }
#menu_container ul li { float: left; margin-right:15px;}
#menu_container ul li a {margin-top:3px; display: block; text-decoration: none; font-weight:300; color: #515151;  }
#menu_container ul li a:hover { color: #000000; text-decoration: none }


/* .downloads [href$=".pdf"]
{
padding-right: 18px;
  background-image: url(http://international-institute.de/wp-content/uploads/download.png);
  background-repeat:no-repeat;
width:100px;
height:200px;
} */

table td{
 padding:0px 20px 0px 0px; /* top right bottom left */
 text-align:center;
 }
table p {
 padding:0px 0px 5px 0px;
 }
table h6 {  font-size: 1.1em; line-height: 1.25em; padding:0px 0px 5px 0px;}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
.stern { background: url("http://international-institute.de/wp-content/uploads/Stern_200x200.png")no-repeat; position:absolute; z-index:99; float: left; border: 0; padding: 200px 100px 1px; margin-top: 140px; margin-left:76%; outline: 0 none; -webkit-border-image.}
}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {}
	
	/* Mobile Landscape/Browser */
	@media only screen and (max-width: 480px) {
.stern {background: none;}
}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {

}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
.stern { background: url("http://international-institute.de/wp-content/uploads/Stern_200x200.png")no-repeat; position:absolute; z-index:99; float: left; border: 0; padding: 200px 100px 1px; margin-top: 142px; margin-left:77%; outline: 0 none; -webkit-border-image.}
}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
	

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file 
		Just create a "fonts" folder at the root, 
		copy your FontName into code below and remove
		comment brackets */

	
	@font-face {
	    font-family: 'GraublauWeb';
	    src: url('../fonts/GraublauWeb.otf');
	    src: url('../fonts/GraublauWeb.eot?iefix') format('eot'),
	         url('../fonts/GraublauWeb.woff') format('woff'),
	         url('../fonts/GraublauWeb.ttf') format('truetype'),
	         url('../fonts/GraublauWeb.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }