/****************************** Allgemeine Styles *******************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#353535;
	margin:60px 0 0 0;
	padding:0;
	background-color:#390b0a;
	background-image:url(../images/site/bg.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

.linie{
    border-top:2px dotted #940707;
	border-bottom:0; 
	border-left:0; 
	border-right:0;
    width: 580px;
    overflow: hidden;
    margin-top:5px;
	padding:0;
}

.linie_kurz{
    border-top:2px dotted #940707;
	border-bottom:0; 
	border-left:0; 
	border-right:0;
    width: 243px;
    overflow: hidden;
    margin-top:5px;
	padding:0;
}

.linie_popup{
    border-top:2px dotted #940707;
	border-bottom:0; 
	border-left:0; 
	border-right:0;
    width: 550px;
    overflow: hidden;
    margin-top:5px;
	padding:0;
}

.small {
	font-size:11px;	
}


/********************************** AUFZÄHLUNG **********************************/
dl#aufzaehl dd {
	list-style-type:none;
	background-image:url(../images/site/aufzaehl.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding: 0 0 5px 10px;
	margin:0 0 0 0;
	}
dl#aufzaehl{
	margin:0;
	padding:0;
}

/* Liste mit PDF-Icons für Downloads */
dl#downloads dd {
	list-style-type:none;
	background-image:url(../images/site/pdf_icon.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding: 5px 0 5px 20px;
	margin:0 0 0 0;
	}

dl#downloads{
	margin:0;
	padding:0;
}



/********************************* ÜBERSCHRIFTEN *********************************/
h1{
	padding:0;
	margin:0;
	color:#980706;
	font-size:13px;
}


/************************************ LINKS *************************************/
a.link {
	color:#980706;
	text-decoration: none;
}
a.link:hover {
	color:#980706;
	text-decoration: underline;
}

/* Link Subnavi */
a.subnavi {
	color:#980706;
	text-decoration: none;
}

a.subnavi:hover,
a.subnavi_aktiv {
	color:#980706;
	font-weight:bold;
	text-decoration: none;
}


a.link_weiss {
	color:#fff;
	text-decoration: underline;
}
a.link_weiss:hover {
	color:#fff;
	text-decoration: underline;
	font-weight:bold;
}


/******************************* Adresse Footer *******************************/
ul#adresse_foot{
	margin:0;
	padding-left:25px;
}

ul#adresse_foot li {
	margin:0;
	padding:10px 45px 0px 0px;
	color:#fff;
	list-style-type:none;
	float:left;
}

/*******************************/
/********** FORMULAR ***********/
/*******************************/

form input, 
form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

form textarea {
	width:260px;
	height:120px;
}
	
.textfield{
	width:260px;
}

* [type="submit"] {
	background-image:url(../images/site/bg_footer.jpg);
	background-repeat:repeat-x;
	background-position:top;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#535252;
	cursor:pointer;
}

.no-border {
	border:0;
	margin:0;
	padding:0;
}


.cms_textarea {height:35px;}

/* Datums- und Uhrzeitfelder */
.date1 {
	width:50px;
	height:20px;
}

.date2 {
	width:90px;
	height:20px;
}


/* Styles f?r Animation auf der Startseite */	
#bilderstapel {
	background-color: black;
	width:980px;
	height: 240px;
	position:relative;
}

#bilderstapel_dia {
	background-color: black;
	width:228px;
	height: 204px;
	position:relative;
}

#bilderstapel img {
	position:absolute;
	width:980px;
	height: 240px;
	z-index:1;
}

#bilderstapel img.obersteebene {
	z-index:3;
}

#bilderstapel img.mittlereebene {
	z-index:2;
}

.bilderstapel_text {z-index:2000; position:absolute; top:215px; right:15px; text-align:right;}
.bilderstapel_text_kl {font-size:12px; color:#FFF;}



/** DIASHOW **/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 20px solid orange;
overflow: scroll; /*leave this value alone*/
width: 270px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#galleryc{
width: 450px;
height: 170px;
border: 10px solid darkred;
}

#galleryc .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}