* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Open Sans Condensed', sans-serif;
    background-image: url(/assets/pix/bgr-body.png);
    background-repeat: repeat-x;
}

#header {
    height: 170px;
    width: 820px;
    margin: 0 auto 0 auto;
    
}

#header a {
    text-decoration: none;
}

#wrapper {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */
    margin: auto;
    background-image: url(/assets/pix/bgr-wrapper.png);
    background-repeat: no-repeat;
    background-position: center 20px;
    
}

#content {
    padding-bottom: 270px; /* This should match the height of the footer */
    width: 1020px;
    margin: 0 auto 0 auto;
    
}

#links {
    width: 120px;
    min-height: 100px;
    float: left;
    font-size: 15px;
    margin-top: 84px;
    
}


#map_canvas {
    height: 394px;
    width: 380px;;
    margin-top: 4px;
    position: absolute;
}


/* 

	Sample CSS for use in combination with {NAV_LIST_UL:VCSS}
	
	CSS for show/hide flyout menu is rendered dynamically in the style section
	Basis of this CSS is taken from http://www.alistapart.com/articles/horizdropdowns/

*/

#links {
	font-size: 16px;
    
	}
	
#links em {
	font-style: normal;
	}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 230px; /* Width of Menu Items */
	}
	
#links ul li {
	position: relative;
	margin-bottom: 4px;
	}
	
#links li ul {
	position: absolute;
	left: 229px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */

#links ul li a, #links ul li a:link,  #links ul li a:visited, #links ul li a:active {
	display: block;
	text-decoration: none;
	padding: 4px;
	border: 1px #c0c7ca solid; /* IE6 Bug */
	}

#links ul li a:hover {
	background: #F0F8FF;
	color: #191970;
}

#links ul li a:hover, #links ul li.active a {
    background-image: url(/assets/pix/menu-pfeil.png);
    background-repeat: no-repeat;
    background-position: 210px center;
}
	
/* Holly Hack. IE Requirement \*/
* html #links ul li { float: left; height: 1%; }
* html #links ul li a { height: 1%; }
/* End */

















#anschrift {
    width: 220px;
    height: 113px;
    padding: 25px;
    margin-bottom: 25px;
    background-image: url(/assets/pix/bgr-anschrift-220.png);
    background-repeat: no-repeat;
    
}

#kontakt {
    width: 220px;
    height: 220px;
    padding: 20px;
    background-image: url(/assets/pix/bgr-kontakt-220.png);
    background-repeat: no-repeat;
}

#mitte {
    width: 480px;
    margin-right: 40px;
    margin-left: 30px;
    min-height: 100px;
    float: left;
    
}
#rechts {
    width: 220px;
    min-height: 100px;
    float: left;
    font-size: 15px;
    margin-top: 0;
}

#footer {
    height: 120px; /* Define height of the footer */
    position: absolute;
    bottom: 0; /* Sit it on the bottom */
    left: 0;
    width: 100%; /* As wide as it's allowed */
    border-top: 1px #c0c7ca solid;
}

.footerborder {
    height: 120px; /* Define height of the footer */
    position: absolute;
    bottom: 0; /* Sit it on the bottom */
    left: 0;
    width: 100%; /* As wide as it's allowed */
    background-image: url(/assets/pix/bgr-fuss.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 149px;
}

.footerinner {
    height: 110px;
    bottom: 0; /* Sit it on the bottom */
    width: 870px;
    margin: 0 auto 0 auto;
}

:focus {
	outline: none;
}
	
img {
	border:0;
}
	
.clear {
	clear: both;
}

#header ul {
	display: block;
	text-align: right;
	padding-top: 30px;
	height: 20px;
}

#header ul li {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 2px solid #00416e;
	height: 20px;
	color: #00416e;
	font-family: 'Oswald', sans-serif;
}

#header ul li:nth-child(1) {
	border-left: none;
}

h1 {
	color: #00416e;
	font-family: 'Oswald', sans-serif;
    margin-bottom: 40px;

    font-weight: 100;
    font-size: 28px;
}

p {
	margin-bottom: 12px;
}

a {
	color: #00416e;
}

td {
	vertical-align: top;
}

td:nth-child(1) {
	padding-right: 10px;
}
