/* Browserabhängige Standards zurücksetzen */
* {
padding: 0px;
margin: 0px;
}
a {
text-decoration: none;
}

/* Stylesheet */

html {
height: 100%;
}
body {
background-image: url(./images/bg.png);
font-family: tahoma, verdana, sans-serif; /* von links nach rechts, erste verfügbare wird angezeigt */
font-size: 0.9em;
line-height: 1.5em;
height: 100%;
}

.wrap {
display: table;
margin: 0 auto;
width: 70%;
min-width: 800px;
max-width: 1000px;
height: 100%;
}
.wrap2 {
display: table-cell;
vertical-align: middle;
}
.wrap2 div {
background-color: #fff;
}

.textimg { /* die kleinen Bilder am Textanfang */
float: left;
padding-top: 5px;
padding-right: 10px;
}

.titles {
	color: #222;
	font-size: 20px;
	padding-bottom: 10px;
}

.mail {
background-image: url(./images/mail.png);
background-position: center 10px;
background-repeat: no-repeat;
height: 100px;
}	
	
.head {
}

.head>.in { /* in jeder Box ist eine ".in"-Box, damit man Abstände verändern kann, ohne dass es das Layout zerreißt. Das ">" besagt, dass die Elemente sich unmittelbar ineinander befinden */
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #666;
margin: 0 10px 0 10px;
}

.content {
clear: both;
}

.left {
float: left;
width: 33%;
text-align: justify;
}

.left>.in {
padding: 10px;
}

.left a {
color: #da0175;
padding-right: 10px;
background: #fff url(./images/link.png) center right no-repeat;
}

.left a:hover {
color: #da0175;
background-color: #fff;
border-bottom: 2px dotted #da1075;
}

.middle {
float: left;
width: 33%;
text-align: justify;
}

.middle>.in {
padding: 10px;
}

.middle a {
color: #da0175;
padding-right: 10px;
background: #fff url(./images/link.png) center right no-repeat;
}

.middle a:hover {
color: #da0175;
background-color: #fff;
border-bottom: 2px dotted #da1075;
}

.right {
float: right;
width: 33%;
text-align: justify;
}

.right>.in {
padding: 10px;
}

.right a {
color: #da0175;
padding-right: 10px;
background: #fff url(./images/link.png) center right no-repeat;
}

.right a:hover {
color: #da0175;
background-color: #fff;
border-bottom: 2px dotted #da1075;
}

.footer {
clear: both;
}

.footer>.in {
margin: 0 10px 0 10px;
padding: 0 0 0 0;
border-top: 1px solid #666;
text-align: left;
font-family: verdana, sans-serif; /* von links nach rechts, erste verfügbare wird angezeigt */
font-size: 0.6em;
clear: both;
}

.footer img {
padding-top: 3px;
}

.footer a.flag:hover {
  color: #da0175;
  background-color: #fff;
  border: 0px;
}

.footer a.flag {
  color: #da0175;
  padding-right: 0px;
  background: transparent;
}

.footer a {
color: #da0175;
padding-right: 10px;
background: #fff url(./images/link.png) center right no-repeat;
}

.footer a:hover {
color: #da0175;
background-color: #fff;
border-bottom: 2px dotted #da1075;
}

.align-right {
float: right;
}
.align-left {
float: left;
}

.clear {
clear: both;
}