html
{
	background-color: #fff;
	background-image: url("../images/background.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
}

body
{
	height: 100%;	
	text-align: center;
}

.clear
{
    line-height: 0%;
    font-size: 0%;
    height: 0;
    width: 0;
    clear: both;
}

#verticalPageSpacer
{
	height: 50%;
	width: 100px;
	margin-bottom: -300px;
	float: left;
}

#pageContainer
{
	text-align: left;
    clear: left;
	width: 960px;
	height: 590px;
	margin: auto auto;
	position: relative;
	
	/* border: 1px solid #000; */
}

#header
{
	position: relative;
	height: 110px;
}

#header h1
{
	position: absolute;
	left: -9999px;
}


#logo
{
	width: 195px;
	height: 103px;
	position: absolute;
	left: 10px;
	bottom: 3px;
}

#logo img
{
	width: 195px;
	height: 103px;
}


/*
-----------------------------
Main Navigation
-----------------------------
*/
#nav
{
	position: absolute;
    right: 0px;
    bottom: 18px;
}

#nav li
{
	float: left;
    display: inline;
}

#nav li a
{
    display: block;
    margin-left: 2.3em;
}
	
#nav li a:link,
#nav li a:visited
{
	text-decoration: none;
    color: #6f6f6e;
    text-transform: uppercase;
    padding-bottom: 8px;
}

#nav li a:hover,
#nav li a:active,
#nav li a:focus
{
    color: #185593;
    border-bottom: 3px solid #185593;
    padding-bottom: 5px;
}

#nav li.active a:link,
#nav li.active a:visited
{
    color: #185593;
}



/*
-----------------------------
Page Structure Elements
-----------------------------
*/

#middle
{
    height: 480px;
    position: relative;
}

#left
{
    width: 150px;
    border-right: 1px solid #000;
    height: 480px;
    position: absolute;
    left:0;
    top: 0px;
}






/*
-----------------------------
Subnavigation
-----------------------------
*/

#subNav
{
    top: 5px;
    margin-left: 25px;
    position: absolute;
}

#subNav li a
{
    display: block;
    width: 124px;
    margin-top: 2em;
}

#subNav li a:link,
#subNav li a:visited
{
	text-decoration: none;
    color: #6f6f6e;
    text-transform: uppercase;
}

#subNav li a:hover,
#subNav li a:active,
#subNav li a:focus,
#subNav li.active a:link,
#subNav li.active a:visited
{
    color: #185593;
}
    
#subNav li a:hover,
#subNav li a:active,
#subNav li a:focus
{
    border-right: 3px solid #185593;
}

/**
 * second level of subnavigation
 */
#subNav li ul li  a
{
    margin-top: 0;
    padding-top: 0.3em;
    margin-left: 10px;
    width: 114px;
}

#subNav li ul li  a:link,
#subNav li ul li  a:visited
{
    text-transform: none;
    font-size: 9px;
}

#subNav li.active ul li a:link,
#subNav li.active ul li a:visited
{
    color: #6f6f6e;
}
#subNav li.active ul li a:hover,
#subNav li.active ul li a:active,
#subNav li.active ul li a:focus
{
    color: #185593;
}

#subNav li.active ul li.active a:link,
#subNav li.active ul li.active a:visited
{
    color: #185593;
}

/*
-----------------------------
Content
-----------------------------
*/
.content
{
    margin-left: 220px;
    height: 450px;
    overflow: auto;
    padding-top: 25px;
    padding-right: 20px;
    position: relative; /* ie6 and ie7 fix */
}

.contentWithImageBar
{
    width: 576px;
    margin-bottom: 32px;
    margin-right: 3px;
}

.contentWithoutImageBar
{
	height: 450px;
	width: 717px;
	margin-right: 0;
}

.contactInfo
{
    position: absolute;
    bottom: 0;
    margin-left: 220px;
    width: 596px;
    height: 30px;
}

.contentWithContactInfo
{
    height: 400px;
}


/*
-----------------------------
ImageBar
-----------------------------
*/

.imageBar
{
    position: absolute;
    top: 0;
    right: 0;
    height: 479px;
    width: 139px;
    overflow: visible;
}

.imageBar .imageBarImage,
.imageBar .imageBarImage a:link,
.imageBar .imageBarImage a:visited
{
    position: relative;
    
    display: block;
    height: 47px;
    width: 139px;
    overflow: hidden;
}

.imageBar .imageBarImage a:link,
.imageBar .imageBarImage a:visited
{
    height: 47px;
    background-repeat: no-repeat;
}

.imageBar .imageBarImageBig,
.imageBar .imageBarImageBig a:link,
.imageBar .imageBarImageBig a:visited
{
    height: 479px;
}

.imageBar .imageBarImage
{
    margin-bottom: 1px;
}
.imageBar li.last,
.imageBar .imageBarImageBig
{
    margin-bottom: 0;
}

/* image bar item layers ------------ */

.imageBar .imageBarImage .layer
{
    position: absolute;
    top: 0;
    left: 0;
    
    height: 47px;
    width: 139px;
    display: block;
    
    background-color: #fff;
    opacity: 0.5;
}

.imageBar .imageBarImageBig .layer
{
    height: 479px;
    display: none;
}

.imageBar .imageBarImage .extra
{
    position: absolute;
    top: 2px;
    right: 2px;
    
    width: 19px;
    height: 19px;
    display: block;
    
    background-image: url("../images/lupe.png");
    background-repeat: no-repeat;
    
    visibility: hidden;
}

.imageBar .imageBarImage a:hover .layer,
.imageBar .imageBarImage a:active .layer
{
    opacity: 0;
    display: none;
}

.imageBar .imageBarImage a:hover .extra,
.imageBar .imageBarImage a:active .extra
{
    visibility: visible;
}

.imageBar .imageBarImage .name
{
    position: absolute;
    left: -9999px;
}





/*
-----------------------------
Anfahrt ImageBar
-----------------------------
*/
.imageBarAnfahrt .imageBarImage a:link,
.imageBarAnfahrt .imageBarImage a:visited
{
    background-image: url("../images/imagebars/anfahrt_t.jpg");
}


/*
-----------------------------
Impressum ImageBar
-----------------------------
*/
.imageBarImpressum .imageBarImage
{
    background-image: url("../images/imagebars/impressum_t.jpg");
}
.imageBarImpressum .imageBarImage .layer
{
    display: none;
}




/*
-----------------------------
Home with big ImageBar
-----------------------------
*/

.home #header .latestNews
{
    position: absolute;
    bottom: 28px;
    left: 265px;
}
.home #header .latestNews h2
{
    font-size: 14px;
    font-weight: bold;
}
.home #header .latestNews h2 a:link,
.home #header .latestNews h2 a:visited
{
    color: #6f6f6e;
    text-decoration: none;
    text-transform: uppercase;
}
.home #header .latestNews h2 a:hover,
.home #header .latestNews h2 a:active,
.home #header .latestNews h2 a:focus
{
    color: #185593;
}

.home .aside
{
    width: 126px;
    position: absolute;
    bottom: 0;
    text-align: center;
}

.home .aside h2
{
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.home .aside ul li
{
    margin-bottom: 0.5em;
}

.home .imageBar
{
    margin: 0;
    padding: 0;
    width: 835px;
    height: 479px;
}

.home .imageBar h2
{
    position: absolute;
    left: -9999px;
}

.imageBarHome .imageBarImage
{
    float: left;
    display: block;
    width: 139px;
    height: 479px;
    overflow: hidden;
}

.imageBarHome .imageBarImage a:link,
.imageBarHome .imageBarImage a:visited
{
    display: block;
    width: 139px;
    height: 479px;
    overflow: hidden;
    margin: 0;
    background-image: url("../images/imagebars/home.jpg");
}

.imageBarHome a span
{
    position: absolute;
    left: -9999px;
}


.imageBarHome .imageBarImage1 a:link,
.imageBarHome .imageBarImage1 a:visited
{
}
.imageBarHome .imageBarImage1 a:hover,
.imageBarHome .imageBarImage1 a:active,
.imageBarHome .imageBarImage1 a:focus
{
    background-position: 0 bottom;
}


.imageBarHome .imageBarImage2 a:link,
.imageBarHome .imageBarImage2 a:visited
{
    background-position: -138px top;
}
.imageBarHome .imageBarImage2 a:hover,
.imageBarHome .imageBarImage2 a:active,
.imageBarHome .imageBarImage2 a:focus
{
    background-position: -138px bottom;
}

.imageBarHome .imageBarImage3 a:link,
.imageBarHome .imageBarImage3 a:visited
{
    background-position: -279px top;
}
.imageBarHome .imageBarImage3 a:hover,
.imageBarHome .imageBarImage3 a:active,
.imageBarHome .imageBarImage3 a:focus
{
    background-position: -279px bottom;
}

.imageBarHome .imageBarImage4 a:link,
.imageBarHome .imageBarImage4 a:visited
{
    background-position: -417px top;
}
.imageBarHome .imageBarImage4 a:hover,
.imageBarHome .imageBarImage4 a:active,
.imageBarHome .imageBarImage4 a:focus
{
    background-position: -417px bottom;
}

.imageBarHome .imageBarImage5 a:link,
.imageBarHome .imageBarImage5 a:visited
{
    background-position: -556px top;
}
.imageBarHome .imageBarImage5 a:hover,
.imageBarHome .imageBarImage5 a:active,
.imageBarHome .imageBarImage5 a:focus
{
    background-position: -556px bottom;
}

.imageBarHome .imageBarImage6 a:link,
.imageBarHome .imageBarImage6 a:visited
{
    background-position: -695px top;
}
.imageBarHome .imageBarImage6 a:hover,
.imageBarHome .imageBarImage6 a:active,
.imageBarHome .imageBarImage6 a:focus
{
    background-position: -695px bottom;
}