@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

html,body {
height:100%;
}
body {
font-family: verdana, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
color: #FFF;
}

#wrapper {
position:relative;
width:100%;
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto;
background-color: #979492;
}

#header {
height:250px;
padding:10px;
text-align:center;
background-color: #FFF;
background-image: url(SPK_Head.gif);
background-repeat: no-repeat;
background-position: center;
}

#middle {
padding:10px 10px 30px 10px;
background-color: #979492;
}

#middle p {
margin:5px 0;
}

#row {
float: left;
width: 200px;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
clear: none;
}

#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:30px;
line-height:30px;
text-align:center;
background-color: #FF5B00;
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
}

.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}


/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {
height:1%;
}

.clearfix {
display:block;
text-align: center;
}

a:link {
color: #EEE;
text-decoration: none;
}

a:visited {
color: #EEE;
text-decoration: none;
}

a:hover {
color: #FC9;
text-decoration: underline;
}

a:active {
color: #FC9;
text-decoration: none;
}

#container {
/*    width 560px*/
width: 560px;
margin-right: auto;
margin-left: auto;
padding-top: 100px;
left: auto;
right: auto;
padding-right: 0px;
padding-bottom: 40px;
padding-left: 0px;
}

.row {
	width: 200px;
	left: 0px;
	float: left;
	margin-right: 0px;
	margin-left: 50px;
	text-align: center;
}

.xtra {
background-image: url(SPK_Neueroeffnung.png);
width: 175px;
margin-top: -93px;
height: 90px;
background-repeat: no-repeat;
background-position: center;
}