@charset "utf-8";
/* CSS Document */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	text-align: center;
	margin: 0px;
	padding: 0px;
	
	background-image: url(/fileadmin/pics/bsd_b/bg_body_neu.jpg);
	background-repeat: repeat;
}

#page{
	width: 100%;
	height: 100%;
	
	background-image: url(/fileadmin/pics/bsd_b/bg_page.jpg);
	background-repeat: repeat-x;
}


#content_all{
	width: 1000px;
	min-height: 102%;	
	margin: auto;
	text-align: left;
	
	background-image: url(/fileadmin/pics/content_all_new_07.png);
	background-repeat: repeat-y;
}


/*TOP*/
#top{
	width: 976px;
	height: 355px;
	
	margin-left: 12px;
	
	background-image: url(/fileadmin/pics/bsd_b/top_02.jpg);
	background-repeat: no-repeat;
	text-align:left;
}


#banner{
	position: absolute;
	width: 976px;
	height: 241px;
	
	margin-top: 0px;
	
	background-color: #000000;
}

#search{
	position: absolute;
	width: 160px;
	height: 20px;
	
	margin-top: 255px;
	margin-left: 805px;
	
	border: 0px solid red;
}


#search input{
	width: 150px;
	height: 18px;
	margin-bottom: 3px;
	
	font-size: 10px;
	border: 1px solid #666666;
}

#metanav{
	position: absolute;
	width: 160px;
	height: 40px;
	
	margin-top: 280px;
	margin-left: 805px;
	
	border: 0px solid red;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;	
}

#metanav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#metanav a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
}

#language{
	position: absolute;
	
	margin-top: 330px;
	margin-left: 925px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;	
	line-height:2em;
}

#language a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#language a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
}


#logo{
	position: absolute; 
	width: 370px; 
	height: 60px; 
	margin-top: 241px;
}

/*CONTENT_UMFASSUNG*/
#content_umfassung{
	width: 978px;
	margin-left: 12px;	
}


/*CONTENT_LEFT*/
#content_left{
	float: left;
	width: 186px;	
}

/*NAV*/
#nav{
	width: 186px;
	
	background-image: url(/fileadmin/pics/navi_bg_03.jpg);
	background-repeat: repeat-y;

	border-top: 1px dotted #666666;
	
	margin-bottom: 100px;	
}


.nav_elemente{
	width: 185px;
	/*height: 19px;*/
	
	padding-top: 6px;
	padding-bottom: 6px;
	/*padding-left: 10px;*/
	
	border-bottom: 1px dotted #666666;		
}

.nav_elemente .inhalt{
	margin-left: 10px;	
}


.nav_elemente a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
	color: #666666;	
	/*margin-left: 10px;*/
}

.nav_elemente a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
	color: #cc0000;
	/*margin-left: 10px;*/			
}

.nav_elemente_active{
	width: 186px;
	/*height: 19px;*/
	
	padding-top: 6px;
	padding-bottom: 6px;
	/*padding-left: 10px;*/
	
	border-bottom: 0px dotted #666666;
	
	background-color: #666666;	
}


.nav_elemente_active .inhalt{
	margin-left: 10px;	
}


.nav_elemente_active a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
	color: #ffffff;	
	/*margin-left: 10px;*/		
}



.subnav{
	margin-top: 0px;
	margin-left: 10px;
}


.subnav_elemente{
	width: 175px;
	/*height: 19px;*/
	
	padding-top: 6px;
	padding-bottom: 6px;
	/*padding-left: 10px;*/
	
	border-bottom: 1px dotted #666666;		
}

.subnav_elemente .inhalt{
	margin-left: 10px;	
}


.subnav_elemente_active{
	width: 176px;
	/*height: 19px;*/
	
	padding-top: 6px;
	padding-bottom: 6px;
	/*padding-left: 10px;*/
	
	border-bottom: 0px dotted #666666;
	background-color: #666666;			
}


.subnav_elemente_active .inhalt{
	margin-left: 10px;	
}


.subnav_elemente a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
	color: #666666;
	/*margin-left: 10px;*/
}

.subnav_elemente a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
	color: #cc0000;	
	/*margin-left: 10px;*/
}

.subnav_elemente_active a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
	color: #ffffff;	
	/*margin-left: 10px;*/
}


/*CONTENT*/
#content{
	float: left;
	width: 600px;
}


/*CONTENT_TOP*/
#content_top{
	width: 602px;

	padding-top: 6px;
	padding-bottom: 6px;
	
	border-top: 1px dotted #666666;		
	border-bottom: 1px dotted #666666;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}


#breadcrumb{
	width: 400px;
	margin-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;	
}

#breadcrumb .breadcrumb_elemente_active a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;		
}

#breadcrumb .breadcrumb_elemente_cur a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
	text-transform: uppercase;
}

#breadcrumb .subbreadcrumb_elemente_active a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#breadcrumb .subbreadcrumb_elemente_cur a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
}



#breadcrumb .breadcrumb_elemente_active a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;
	text-transform: uppercase;	
}

#breadcrumb .subbreadcrumb_elemente_active a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	text-decoration: none;	
}

#social{
	float: right;
	width: 180px;
}


/*CONTENT_MAIN*/
#content_main{
	width: 575px;
	
	margin-top: 20px;
	margin-left: 10px;
	padding-top: 5px;	
}

#content_main .inhalt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #666666;
	line-height: 16px;
	clear: both;
	margin-bottom: 20px;
	/*margin-bottom: 30px;*/
}

#content_main .inhalt h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	
	color: #666666;
	line-height: 16px;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 15px;
}

#content_main .inhalt h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	
	color: #666666;
	line-height: 16px;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 15px;
	margin-top: 25px;
}

#content_main .inhalt h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	color: #666666;
	line-height: 16px;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: -11px;
	margin-top: 10px;
}

#content_main .inhalt table td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	color: #666666;
	line-height: 16px;	
}

#content_main .inhalt a{
	color: #cc0000;
	text-decoration: none;
}

#content_main .inhalt a.glossary {
	color: #666666;
	text-decoration: none;
	font-style: normal;
}


#content_main .inhalt #mailform table td input, #content_main .inhalt #mailform table td textarea{
	width: 230px;
}

#content_main .inhalt #mailform table td #mailformformtype_mail{
	width: 75px;
}


/*CONTENT_RIGHT*/
#content_right{
	float: left;
	width: 190px;		
	
	border-top: 1px dotted #666666;	
}

.teaser{
	padding-top: 20px;
	padding-bottom: 20px;
	
	width: 187px;
	margin-left: 2px;

	border-bottom: 1px dotted #666666;	
}

.teaser .inhalt{
	width: 165px;
	margin-left: 14px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #666666;
	line-height: 16px;	
}

.teaser .inhalt h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	
	color: #666666;
	line-height: 16px;
	
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 15px;
}

.teaser .inhalt table td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	color: #666666;
	line-height: 16px;	
}

.teaser .inhalt a{
	color: #cc0000;
	text-decoration: none;
}



/*FOOTER*/
#footer{
	width: 976px;
	clear: both;
	margin-left: 12px;
	padding-bottom: 30px;
}

#footer_inhalt{
	width: 186px;	
}

#footer_inhalt a{
	color: #666666;
	text-decoration: none;	
}

#footer_inhalt .element1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	color: #666666;
	
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	border-top: 1px dotted #666666;
}


#footer_inhalt .element2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #666666;
	
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	
	border-top: 1px dotted #666666;
}



#fontsize{
	position: absolute;
	border: 0px solid red;
	
	margin-top: 325px;
	margin-left: 730px;
	
	color: #666666;

}

.pfeil {
	cursor: pointer;
}


/* Simplegallery -- START */
.gallerycontainer {
	margin-top: 20px;
}

.mainimg {
	width: 574px;
	height: 485px;
	text-align: center;
	overflow: hidden;
	/*border: 1px solid #ccc;
	background:url(/fileadmin/pics/h600.png) repeat-x;*/
	/*background-color: #ededed;*/
}

.mainimg .imgL {
	border: 1px solid #ccc;
	background-color: #ededed;	
	width: 572px;
	height: 440px;
	text-align: center;
	overflow: hidden;}

.mainimg img {
	padding: 0px;
	/*border: 1px solid #6a6a6a;*/
	margin-top: 7px;
}

.mainimg .legende {
	position: absolute;
	margin-top: 12px;
	margin-left: 50px;
	height: 30px;
}

*+HTML .mainimg .legende , *HTML .mainimg .legende {position:relative !important;	margin-top:2px;text-align: left;}


#imgcount {
	color: #6a6a6a;
	margin-top: -31px;
	margin-left: 0px;
	margin-bottom: 0px;

}

*HTML #imgcount, *+HTML #imgcount {margin-top:-43px !important}

.scrollable {
	float: left;
	position:relative;
	margin-top: 16px;
	height: 106px;
	width: 523px;
	overflow: hidden;
	border: 1px solid #ccc;
	background:url(/fileadmin/pics/h300.png) repeat-x;
}

.items {
	width: auto;
	position:absolute;
}

.items .element {
	float: left;
	width: 120px;
	height: 90px;
	text-align: center;
	overflow: hidden;
	margin-left: 7px;
	margin-top: 8px;
	border: 1px solid #ccc;
}

.items .element a img{
	opacity: 0.9;
}

.items .element a:hover img {
	opacity: 1;
}

a.browse {
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:62px 6px;
	cursor:pointer;
	font-size:1px;
}

a.right 		{ background: url(/fileadmin/pics/arrows_right.png) no-repeat; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position: 0px -18px; }
a.right:active 	{ background-position: 0px -18px; } 

a.left		{ background: url(/fileadmin/pics/arrows_left.png) no-repeat; margin-left: 0px; } 
a.left:hover  	{ background-position: 0px -18px; }
a.left:active  	{ background-position: 0px -18px; }


/* Simplegallery -- END */


/* Bild-DB -- START */
.listview .records {
	float: left;
	margin-right: 20px;
	width: 120px;
	margin-bottom: 20px;
}

.listview .records .downloads {
	text-align: center;
	margin-top: 12px;
}

.singleview {
	
}

.singleview .mainimg {
	height: auto;
	padding-top: 3px;
	padding-bottom: 6px;
}

.singleview .close {
	position: absolute;
	margin-top: -30px;
	margin-left: 536px;
}

.singleview .prev {
	position: absolute;
	margin-top: 150px;
	margin-left: 18px;
}

.singleview .next {
	position: absolute;
	margin-top: 150px;
	margin-left: 536px;
}

.singleview a.arrows_left, .singleview a.arrows_right, .singleview a.close_x {
	display: block;
	width: 18px;
	height: 18px;
	cursor: pointer;
	font-size:1px;
}

.singleview a.close_x {
	background: url(/fileadmin/pics/arrows_close.png) no-repeat; margin-left: 0px; 
}

.singleview a.arrows_left {
	background: url(/fileadmin/pics/arrows_left.png) no-repeat; margin-left: 0px; 
}

.singleview a.arrows_right {
	background: url(/fileadmin/pics/arrows_right.png) no-repeat; margin-left: 0px; 
}

.singleview a.arrows_right:hover, .singleview a.arrows_left:hover, .singleview a.close_x:hover {
	background-position: 0px -18px; 
}

.singleview .download {
	margin-top: 20px;
}
/* Bild-DB -- END */
