@charset "utf-8";

/* Layout für Mobilgeräte: 640 px oder weniger. */


<!-- @media only screen and (min-width: 10px){
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #000;
}
body {
    background-color: #F2F2F2 ;
}
.all {
	margin:0px auto;
	width:100%;
	max-width:669px;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
}
.all-publikation {
	margin:0px auto;
	width:100%;
	max-width:433px;
	padding-left: 0px;
	padding-right: 0px;
	position:relative;
}
.headline {font-size:18px;color:#808080; font-weight:bold; border-color:#808080; border-bottom-width:2px; border-bottom-style:solid; margin-bottom:20px; margin-top:0px; }
.nachname {color:#403c3c;}

h1 {margin-top: 0px;}

/*Teaser*/
.teaser-1{width:200px; height: 250px; padding-right:0px; text-decoration:none; margin-left: auto; margin-right: auto; text-align: center; display: block;}
.teaser-2{width:200px; height: 250px; padding-right:0px; text-decoration:none; margin-left: auto; margin-right: auto; text-align: center; display: block;}
.teaser-3{width:200px; height: 250px; padding-right:0px; text-decoration:none; margin-left: auto; margin-right: auto; text-align: center; display: block;}
.teaser-4{width:200px; height: 250px; padding-right:0px; text-decoration:none; margin-left: auto; margin-right: auto; text-align: center; display: block;}
.teaser-5{width:200px; height: 330px; padding-right:0px; text-decoration:none; margin-left: auto; margin-right: auto; text-align: center; display: block;}
.teaser-6{width:200px; height: 330px; padding-right:0px; text-decoration:none; margin-left: auto; margin-right: auto; text-align: center; display: block;}

.teaser-header {font-weight:bold; font-size:18px; line-height: 130%;}
a.teaser-link:link {display:block; width:200px;  text-decoration:none; border:0px; background:transparent; z-index:2;}
a.teaser-link:visited {display:block; width:200px;  text-decoration:none; border:0px; background:transparent; z-index:2;}

.footer{margin-top:10px; margin-left: auto; margin-right: auto; text-align: center; display: block; font-size:9px; color : #808080;}
.logo{margin-left: auto; margin-right: auto; text-align: center; display: block; padding-top: 20px;}


/*Links*/
a {color : #808080; text-decoration : underline;}
a:link {color : #808080; text-decoration : none;}
a:visited {color : #808080; text-decoration : underline;}
a:hover {color : #403c3c;text-decoration : none;}
}

/* Zwei-spaltiges Layout */

<!-- @media only screen and (min-width: 433px){
.teaser-1{float:left; padding-right:33px;}
.teaser-2 {float:left;}	
.teaser-3 {float:left; padding-right:0px;}	
.teaser-4 {float:left; }
.teaser-5{float:left; padding-right:33px;}
.teaser-6 {float:left;}	
.tc-1 {margin-left: auto; margin-right: auto; display:block; width:433px;}
.tc-2 {margin-left: auto; margin-right: auto; display:block; width:200px;}
}

/*Vier-spaltiges Layout*/
<!-- @media only screen and (min-width: 950px){
.teaser-1{width:200px; height: 250px; padding-right:33px; text-decoration:none; float:left; text-align: center; display: block;}
.teaser-2{width:200px; height: 250px; padding-right:33px; text-decoration:none; float:left; text-align: center; display: block;}
.teaser-3{width:200px; height: 250px; padding-right:0px; text-decoration:none; float:left; text-align: center; display: block;}
.teaser-4{width:200px; height: 250px; padding-right:0px; padding-left:0px; text-decoration:none; float:right; text-align: center; display: block;}
.teaser-5{width:200px; height: 330px; padding-right:33px; text-decoration:none; float:left; text-align: center; display: block;}
.teaser-6{width:200px; height: 330px; padding-right:33px; text-decoration:none; float:left; text-align: center; display: block;}
.headline {margin-top:15%; }
.footer{margin-top:10px;}
.tc-1 {float:left; width:466px;}
.tc-2 {float:left;}
}