/* Westlich Main CSS File */

/* -- general settings --------------------------- */
body {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	background: url("../images/layout/sitzmann-org-hint.jpg") no-repeat center 0 #223543;
	
}

#overall {
	width: 880px;
	margin: auto;
	padding-top: 26px;
	background: url("../images/layout/bg.png");
	text-align: left;
}
*html #overall {
	padding: 0;
}



#main {
	float: left;
	margin:auto;
	width: 865px;
	padding: 75px 0 0 15px;
	text-align: left;
	height: 550px;
	background: url("../images/layout/bg.png");
}

#navigation {	
	float: left;
	width: 880px;
	background: url("../images/layout/bg.png");
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	height: 30px;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;

}

ul, li {
	margin: 0;
	padding: 0;
}

p { 
	margin: 0;
	padding: 0;
	padding-bottom: 10px;

}

#navigation li {
	display: inline;
	line-height: 30px;
}

#navigation li a {
	color: #000090;
	font-weight: bold;
	padding: 8px 13px 8px 15px;
	border-right: 1px solid #ffffff;
}

#navigation li a:hover {
	background-color: #dddddd;
	text-decoration: none;
}

#navigation li .current {
	background-color: #138dc7;
	color: #ffffff;
}

#navigation li .current:hover  {
	background-color: #138dc7;
	text-decoration: none;
	color: #ffffff;
}

#footer {
	float: left; 
	width: 865px;
	padding-left: 15px;
	padding-top: 20px;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0 20px 0;
	color: #888888;
	background: url("../images/layout/bg.png");
}


a:link { text-decoration: none; color: #0b03b0; }
a:visited { text-decoration: none; color: #0b03b0; }
a:active { text-decoration: none; color: #0b03b0; }
a:hover { text-decoration: underline; color: #000000; }

/* header -------------------------------------------- */
#header {
	width: 880px;
	height: 100px;
}

#left-nav {
	float: left;
	width: 350px;
	padding-left: 15px;
	padding-right: 20px;
	padding-bottom: 30px;
}

#right-info {
	float: left;
	width: 440px;
	padding-left: 35px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-top: 38px;
}


#breadcrumb {
	float: left;
	width: 800px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
}

h1 {
	font-size: 16px;
	margin: 0;
}

#right-info li {
	margin-left: 25px;
	padding-top: 5px;
}


.referenzen {
	float:left;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #d3d3d3;
	
}

.referenz-pic {
	float: left;
	width: 210px;
}

.referenz-info {
	float: left;
	width: 230px;
}

.referenz-head {
	float: left;
	width: 80%;
	font-weight: bold;
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	margin-bottom: 10px;
	
}

.referenz-date {
	float: right;
	width: 20%;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	line-height: 25px;
	height: 25px;
		
}

.topics { float: left; width: 350px; margin: 20px 0; height: 50px; background: lightblue;}

.white { color: #ffffff; }

/* navbar -------------------------------------------- */

#navbar {
 position: fixed;
 width: 100%;
 height: 30px;
 background-image: url("../images/layout/navbar-background.gif"); 
 background-repeat: repeat-x; 
 font-size: 12px;
 color: #ffffff;
}

#navbar_center {
 width: 880px;
 line-height: 27px;
 margin-left: auto;
 margin-right: auto;
 font-weight: bold;
}


#navbar_left {
 float:left;
 width: 325px;
 height: 27px;
/* border-right: 1px solid #8c8c8c;*/
}

*html #navbar_left {
 height: 22px;
 h\eight:22px;
 padding-top:5px;
 p\adding-top:5px;
}

#navbar_logo {
 float:left;
 width: 30px;
 height: 18px; 
 margin-left: 10px;
 margin-top:6px;
}

*html #navbar_logo {
 margin-left: 5px;
 m\argin-left: 5px;
}


#navbar_language {
 float:left;
 width: 15px;
 margin-left: 10px;
 margin-top:6px;
}

*html #navbar_language {
 margin-left: 5px;
 m\argin-left: 5px;
}

#navbar_middle {
 float:left;
 width: 170px;
 height: 27px; 
/* border-right: 1px solid #8c8c8c;*/
}

#navbar_right {
 float:left;
 width: 540px;
 height: 27px;
 line-height: 27px;
 margin-left: 10px;
 text-align: right;
}

*html #navbar_right {
 margin-left: 5px;
 m\argin-left: 5px;
 width: 215px;
 w\idth: 215px;
 height: 22px;
 h\eight:22px;
 padding-top:5px;
 p\adding-top:5px;
}
 
/* Sprachauswahl -------------------------------------- */

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

.menu {
 float:left;
 width: 100px;
 height: 27px;
}
*html .menu  {
padding-left: 15px;
}

.menu.siteskipper {
width: 300px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0 0 0 0;
margin:0 0 0 0;
list-style-type:none;
height: 27px;
}

* html .menu ul {
margin-top: 5px;
m\argin-top: 5px;
height: 22px;
h\eight: 22px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
margin-bottom: 0px;
margin-top: 0px; 
position:relative;
text-align: left;
}

*html .menu li {
margin-left: 0px;
m\argin-left: 0px;
padding-left: 0px;
p\adding-left: 0px;
margin-top: 0px;
m\argin-top: 0px;
margin-bottom: 0px;
m\argin-bottom: 0px;
width: 95px;
w\idth:95px;
}



/* style the links for the top level */

.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff;  
padding-left: 15px;
}

.menu.siteskipper a, .menu.siteskipper a:visited {
width: 320px;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:27px;
left:-46px; 
background: #ccc;
background: #304d57;
}

.menu.siteskipper ul ul {
top:27px;
left:0px; 
}

/* another hack for IE5.5 */
* html .menu ul ul {
left: -43px;
l\eft: -43px;
/*margin: 0 0 0 0;
m\argin: 0 0 0 0;
padding: 0 0 0 0;
p\adding: 0 0 0 0;*/
top:17px;
t\op:17px;
width: 143px;
w\idth: 143px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; width:150}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
background:#d9d9d9; 
background: #cadceb;
color:#000; 
height:27px;
line-height: 27px;
padding-left:15px;
border-top: 1px solid #ababac;
width:111px;
}

*html .menu ul ul a {
padding-right: 18px;
p\adding-right: 18px;
padding-top: 8px;
p\adding-top: 8px;
}

/* style the top level hover */
.menu a:hover {
text-decoration: none;
height: 27px;
background:#fff;
color: #000;
}
*html .menu a:hover {
height: 22px;
h\eight: 22px;
}


.menu ul ul a:hover {
text-decoration: none;
height: 27px;
}
*html .menu ul ul a:hover {
h\eight: 22px;
background: #fff;
}

.menu :hover > a {
font-weight: bold;
}


.menu ul ul :hover > a {
/*text-decoration: underline;*/
font-weight: bold;
background: #fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}


/* Slider-Tool ------------------------------------------------------- */

#box6{
	position:absolute;
	width:240px;
	width:700px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	left: 40%;
	margin-left:-120px;
	
	width:240px;
	width: 620px;
	height:457px;
	height: 450px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* ********************************** */

.thumbs{
	width:100px;
}
.thumbs div{
	display:block;
	width:100px;
	height:75px;
	margin:7px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:600px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:12px;
	padding: 0 10px 0px 10px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:240px;
	height:180px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}



span img{
	display:block;
	border:none;
}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}

/* #cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px} */


.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}