* {
   
   margin: 0;
   padding: 0;
   
}


*  img{ behavior: url("/pngbehavior.htc"); 
}
:focus { outline: none 
}
*html  :focus { outline: none 
}

img { border:none; text-decoration:none; }


 
h1 {font-size: 26px;}
 
h2 {font-size: 22px;}
 
h3 {font-size: 16px;}

h4 {font-size: 14px;}

h1,h2,h3,h4 {
margin:5px 0;
color: #868686;}


ul, ol, dl ,li {
  list-style: none;
}

a {
color:#6699CC;  /*#af0f29;*/
text-decoration: none;
}
a:hover { text-decoration: underline; }

em { padding:0 10px 0 10px; display:block}

/*
* General Helpers
*
*/
.killfloat {
	overflow: hidden;
	clear: both;
	font-size: 1%;
	height: 0;
}

.hidden {
	display: none;
	visibility: hidden;
}


/*
* STRUCTURE
*
*/

body { 
        
	
background-color: #fff;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left 70px;

font-family:  'Arial', Verdana, Helvetica, sans-serif;
	font-size: 14px; 
        line-height:130%; 
	color: #6a6a6a;	


}



/*
* Structure Elements
*
*/

#kopf-bg{
	width: 976px;
        margin:10px auto 0 auto;
	height:80px;
	/*background-color: #FFFFFF;*/
	position: relative;
}
#sprache{float:right;
margin-right:5px;}
#container {
background-color: #FFFFFF;
	width: 976px;
        /*height:520px;
	font-size: 0.8em;*/
	text-align: left;
	margin-top: 22px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	position: relative;
	top: -2px;
        border: 1px solid #e6e6e6;
        
	}
*html #container {
	width: 976px;position: relative;
	top:-20px; left:0;
	}

#containerHeader {
	margin: 0;padding:0;
	height: 0px;
	
	z-index: 2;
	}

#containerMain {
	
	width: 100%;
	/*margin:  0 7px 0 7px;*/
	
	}
* html #containerMain {
	width: 100%;
	}

#containerMainB {
	margin: 0 ;
	background-image: url(images/);
	background-position: left top;
	background-repeat: repeat-y;
	}
* html #containerMainB {
	height: 100%;
	}

#containerCenter {
	float: left;
	width: 100%;
	

	}

#containerMainB {
	float: right;
	width: 100%;
	padding-bottom: 0px;/*20px*/
	}

#containerCenterB {
	width: 100%;
	margin:0; padding:0 ;
	float: left;
	}

#containerCenterC {
	float: right;
	width: 98%;/*98%*/
	margin: 0
	}

#containerMarginalA {
	float: left;
	width: 0px;
	background-color: #f5f5f5;
	padding-bottom: 0px;
	
	}
* html #containerMarginalA {
	height: ;
	}

#containerMainB #containerMarginalA {
	width: 370px;
	}

#containerMarginalB {
	float: right;
	width: 235px;
	padding-bottom:0px;/* 20px*/
	}
/*	
#containerMarginalC {
	float: left;
	width: 200px;
	background-color: #f5f5f5;
	padding-bottom: 20px;
	background-image: url(images/htg_navB.gif);
	background-position: left 121px;
	background-repeat: repeat-x;
	
	min-height: 400px;
	}*/
* html #containerMarginalC {
	height: 400px;
	}
	

/*
* Navigation Elements**/
/* Breadcrump
#breadcrump {
width: 100%;height:1px;
font-size: 11px;font-weight:600;
	color: #cdcbce;
	margin-left: 10px;padding:0;
        text-align: left;border: solid 1px #e6e6e6;
	}
#breadcrump  a{height:30px;
	font-size: 11px;font-weight:600; line-height:24px;
	color: #cdcbce; padding:0px 20px 0px 15px; 
       background-image: url(images/statusbar.png);
        background-position: right center;
	background-repeat:no-repeat;;
	}
#breadcrump .menu-current a{
color: #666; 
	}
 */

#containerBottom, #containerBottom a, #containerBottom a:hover{
	font-size: 13px;
	color: #eee;
        text-decoration:none;
	}

#containerBottom {
	position:relative;
        top:-2px;
	width: 978px; 
        height:22px;
        margin: -0px auto 10px auto; 
        text-align: center;
        padding:6px 0 3px 0;

background: url(images/grad-2.jpg) repeat-x;

	}

*html #containerBottom{
	top:-18px; left:0;
	}


/* Navigation A */
#navigationA {
	position: relative;
	top: 20px;left:0px;
	height: 30px;
	width:978px;
	text-align: left;
    margin: 0px auto 2px auto;
z-index:30;

background: url(images/grad-2.jpg) repeat-x;
	}
*html #navigationA {
position: relative;
	top: 0;left:0px;
	height: 30px;
	width: 978px;
	text-align: left;
    /* z-index:30;
	margin:0; padding:0;margin-left:-10px;
	width: 976px;*/
font-family: 'Arial', Verdana, Helvetica, sans-serif;
	font-size: 14px; 
background-color:#868686;

	}

*html #navigationA  li a{  
width:auto;
}

/* Other Elements*
*/
/* Logo */
#logo {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 500px;
	}

.floatLeft img {
	float: left;
	padding-right: 10px;
	}

.floatRight img {
	float: right;
	padding-left: 10px;
	}
	
a.extern {
	background-image: url(images/icon_link_extern.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}

a.download {
	background-image: url(images/icon_link_download.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}
#detail_left {padding:7px;
margin:0; float:left; width:480px; }
*html #detail_left {margin:0;   width:480px; }
#detail_right { margin:0px; float:right; width:470px; }
*html #detail_right {margin:0px; width:460px; }
#detail_right p, #detail_left p, #containerDetail p{padding: 0px 10px;}
*html #detail_right p,*html #detail_left p, *html #containerDetail p{ padding:0px 10px;}
	
/*.containerDetail  {
	margin:0;
	padding:0  ;
	
	}*/
	
.contentMarginalB ul, .containerHeadline ul,.containerDetail ul,
.containerDetail ul {
	font-size: 12px;
	line-height:16px;
	padding: 5px;
	list-style-type: disc;
	margin-left: 15px;
list-style-position:outside;
	}
.contentMarginalB ol, .containerHeadline ol,.containerDetail ol {
	font-size: 12px;
	line-height:16px;
	padding: 5px;
	list-style-type: decimal;
	margin-left: 15px;
	}
	
/*.containerDetail li {
	background-image:none;
	background-position:left 1px;
	background-repeat:no-repeat;
	padding: 0;
	}*/

.containerDetail  image a {text-decoration:none;
	color: #;
	}




.contentMarginalB .containerHeadline {
	background-color: #eee;
	padding: 0 30px;
	height: 20px;
	}
	
.contentMarginalB .containerHeadline h2 {
	font-size: 1.1em;
	padding: 3px 0 0 0;
	}

.contentMarginalB .containerText {
	color: #666;
	padding: 10px 10px 6px 10px;
	}

.contentMarginalB .follow .containerText {
	padding-top: 0;
	margin-top: 0;
	}

.contentMarginalB .containerText h1 {
	font-size: 1.1em;
	line-height: 1.5em;
	}

.contentMarginalB .containerText a {
	color: #666;
	}

.contentMarginalB .containerText p {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 0 4px 0;
	}
	
.contentMarginalB .containerText ul
{margin-left: 15px;
	}




.contentCenterA {
	padding: 0 45px 5px 45px;
	}

.contentCenterA .containerDetail h1 {
	padding: 0 0 5px 0;
	}

.contentCenterA .containerHeadline h2 {
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: 4px;
	padding: 0 0 2px 0;
	}

.contentCenterA .containerTeaser {
	border-top: 1px solid #d6d6d6;
	background-image: url(../images/htg_contCenterC.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 10px 0 0 35px;
	}

.contentCenterA .containerTeaser .containerText {
	padding: 0 0 15px 0;
	}

.contentCenterA .containerTeaser .containerText h1 {
	font-size: 20pt;
	padding: 0 0 4px 0;
	}

.contentCenterA .containerTeaser .containerText h1 a {
	color: #020000;
	}

.contentCenterA .containerTeaser .containerText p {
	font-size: 1.1em;
	line-height: 1.5em;
	}

/*contentblock*/
.contentCenterB {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}








/*------------------->

*html #detail_right  table td a{
color:#868686; font-size:10px; line-height:10px;

}


*html  #detail_left  table td{
	padding: 5px; height:115px;width:100%; border-bottom: 1px dotted #868686; border-top: 1px solid #fff; 
 

}
*html #containerCenter #detail_right table td{
	padding: 5px; height:115px;width:115px; border:1px solid #fff; text-align:center;
background-color:#eee;
 

}

<-----------------------*/



#containerCenter ul li{
	
line-height:20px;	
list-style-type: none;
	list-style-position: outside;
}
#containerCenter ol{
	line-height: 16px;
	list-style-type: decimal;
	list-style-position: outside;
}



.rot{ color:#af0f29}
.grau{ color:#383838}
.hellgrau{color:#6a6a6a}
/*editor styles*/







.img a:hover {
	cursor: hand;
	
}



.liste li :hover{
	color:#af0f29;
}

.liste li {
	list-style-position: outside;
	position: relative;
	margin-top: 3px;
	list-style-image: url(images/list_icon.gif);
	text-align: left;
	padding-left:3;
	margin-left: 0;
	margin-bottom: 3px;
}
.blockquote {
	background-image: url(../Bilder/list_icon.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-left: 2px;
	padding-left: 14px;
}
.rot {
	color: #af0f29;
}
.dunkelgrau {
	color: #383838;
}
.hellgrau {
	color: #6a6a6a;
}
.rotgrau {
	color: #8c8282;
}
.weis {
	color: #FFFFFF;
}

/*swift-galerie-styles*/

#alles{ position:absolute; top:-20px; height:460px;clear:both;}
#gallerys {
	text-align: left;
	margin-bottom: 0px;
}
#gallerys a {
	color: #336699;   
	text-decoration: none;
}
#name {
	font-size: 16px;
font-weight:bold;
	/*color: #af0f29;*/
	padding: px;
        text-align:left;
}
#description {
margin-bottom: 10px;
text-align:left;
position:absolute;
width:440px;
top:-300px;
left:0px;
margin-bottom:10px;
}
/*#pictures {
position:absolute;
	width:440px;
	margin-top: 0px;
left:500px;
bottom:0px;
/*position:relative;
top:-50px;z-index:1000;
	float: right;
	width:60%;
}*/
#thumbs {
position:absolute;
	width:440px;
	margin-top: 0px;
left:0px;
bottom:0px;
}
#thumbs a {
	text-decoration: none;
	color: #af0f29;margin:2px;
}

.schatten { 
position:relative; top:5px; left:7px;width:93%;height:;
background: url(images/schatten.png) no-repeat bottom right;

 }

.thumbnail img{ position:absolute; top:-3px; left:-3px;

}
#pane {
overflow:hidden;
height:472px;
widht:470px;
}
 
/*----IE7---*/ 
*+html #pane {
overflow:hidden;
height:475px;
widht:470px;
clear:both;
}

/*----IE6---*/ 
*html #pane {
overflow:hidden;
height:488px;
widht:470px;
}


table.lb, table.lc  {
	width: 100%;	
	
}

/*----IE6-IE7---*/ 
*+html table.lb, *+html table.lc  {
	width: 100%;	
	
}
table.lb td {
        border:1px solid #fff;
	width: 115px; height:115px;	
	background-color:#eee; text-align:center;
        font-size: 9px;line-height: 100%;

}

/*----IE6-IE7---*/ 
*+html table.lb td{
        border:1px solid #fff;
	width: 115px; height:115px;	
	background-color:#eee; text-align:center;
        font-size: 9px;line-height: 100%;

}



table.lc td {
border:1px solid #fff; border-bottom: 1px dotted #868686;
height:115px; width:480px; 	
background-color:#fff; 
font-size: 13px; line-height:100%;
}


/*----IE6-IE7---*/ 
*+ html table.lc td {
padding: 0 0 0 0;
border:1px solid #fff; border-bottom: 1px dotted #868686;
height:115px; width:480px; 	
background-color:#fff; 
font-size: 13px; 
}

 div.button { float:right; margin:0 0 5px 0; clear:both;}

/*----IE6-IE7---*/ 
*+html div .button { float:right;  margin:0 0 5px 0; padding:2px; }
*html div .button { float:right;  margin:0 0 5px 0; padding:2px; }

 div.button a {color:#fff; font-size:13px; padding:2px ; background-color:#808080;}

/*----IE6-IE7---*/ 
*+html div .button a{color:#fff; font-size:13px; padding:2px ; background-color:#808080; }

div .button a:hover { background-color:#a9a9a9;
text-decoration: none;
}

/*----IE6-IE7---*/ 
*+html div .button a:hover{ background-color:#a9a9a9;
text-decoration: none;
}



#containerCenter #detail_right  table td a{
color:#868686;
	
}

/*---------------->

.lc tr   {background-color:#fff;}
*+html .lc tr   {background-color:#fff;}
 .lc tr :hover  {background-color:#eee;}
 *+html .lc tr :hover  {background-color:#eee;}

<--------------------*/

.transparent {background-image: url('images/trans_bg.png'); 
	}