/* ######################################################################################################
** ### CSS-Hacks ########################################################################################
** ######################################################################################################
*/


/* Cleafix-Hack siehe: http://jassesnee.de/easyclear/ */
.clearen:after {
    content: ".";
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
	
}

.clearen {display: inline-table;}

/* fuer den IE-mac verstecken ANFANG wegen dem backslash >\*/

* html .clearen {height: 1%;}
.clearen {display: block;}
/* fuer den IE-mac verstecken ENDE */

/* => alle anderen Browser setzen .clearfix auf block */


/* Clearen der eingeschlossenen Float-Umgebungen */
.floating_box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.floating_box {
	margin:0px;
	padding:0px;
	float:left; 
	width: 100%; 
	display: inline-table; 
}

/* ELEMENTE */

body {
	
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 10px 0px 20px 0px;
	margin: 0;
	background: #1e0101 url(../design/body_bg.gif) repeat-x top center;
	text-align: center;
	
}

a:focus,
a:active {
	outline: 0;
}

td {
	vertical-align: top;
}

dt,
dd {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

div#weit_links {
	position: absolute;
	left: -10000px;
}

div.hidden {
	display: none;
}

div.clear {
	clear: both;
}

div.nach_oben {
	padding: 15px 0px 15px 0px;
	margin: 0px;
	text-align: right;
	background: url(../design/nach_oben_punkte.gif) repeat-x left;
}

#aussen {
	margin: 0 auto;
	padding: 0;
	background: url(../design/zentrierung_bg.png) no-repeat top center;
	height: 13px;
	
}

* html #aussen {
	background: transparent;
}

#zentrierung {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: url(../design/aussen_bg.png) repeat-y top center;
	
}

* html #zentrierung {
	background: transparent;
}

#oben {
	margin: 0 auto;
	clear: both;
	width: 924px;
	padding: 0px;
	height: 162px;
}

* html #oben {
	border: 1px solid #4c1412;
	border-bottom: 0px;
}


#logo {
	
}


#inhaltsbereich {
	clear: both;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	width: 924px;
	background: #2e0200 url(../design/inhaltsbereich_bg.gif) repeat-x top center;
}

* html #inhaltsbereich {
	border-left: 1px solid #4c1412;
	border-right: 1px solid #4c1412;
}

#inhalt_oben {
	clear: both;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	width: 924px;
}


/* Kontaktmenu ANFANG */

#kontaktmenu {
	float: right;
	width: 200px;
}

* html #kontaktmenu {
	
}

#kontaktmenu ul {
	list-style: none;
	padding: 0px 40px 0px 0px;
	margin: 0px;
	
}

#kontaktmenu li {
	padding: 0px 0px 5px 10px;
	margin: 0px;
	float: left;
	font-size: 11px;
}

#kontaktmenu li a:link,
#kontaktmenu li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0;
}

#kontaktmenu li a:hover {
	text-decoration: underline;
	color: #EEEEEE;
	padding: 0;
}

#kontaktmenu li.act a:link,
#kontaktmenu li.act a:visited,
#kontaktmenu li.act a:hover {
	color: #CCCCCC;
	padding: 0;
}

/* Kontaktmenü ENDE */




/* Navhistory ANFANG */
#navhistory {
	float: left;
	padding: 0px;
}

#navhistory div {
	position: relative;
	float: left;
	background-position: right bottom;
	background-repeat: no-repeat;
	width: 700px;
	
}

* html #navhistory div {
	
}

#navhistory ul {
	padding: 0px 0px 0px 188px;
	margin: 0px;
}

#navhistory li {
	float: left;
	color: #FFFFFF;
	padding: 4px 0px 5px 0px;
	margin: 0px;
	list-style: none;
	font-size: 11px;
}

#navhistory li a:link,
#navhistory li a:visited {
	color: #f3f3f3;
	text-decoration: underline;
}

#navhistory li a:hover {
	text-decoration: none;
}

/* Navhistory ENDE */



#inhaltsbereich_innen {
	clear: both;
	padding: 0px 25px 0px 0px;
}


#untermenu {
	width: 168px;
	float: left;
	padding: 0px 0px 35px 0px;
	margin: 0px;
}


#inhalt {
	position: relative;
	width: auto;
	margin: 0px 200px 0px 168px;
}

/* IE7*/
*:first-child+html #inhalt {
	width: 520px;
}

#inhalt_innen {
	padding: 25px 0px 20px 20px;
}


#kaesten {
	width: 181px;
	float: right;
	/*background: #88FFEE;*/
}

/* Kasten 1 */

#kasten_1, #kasten_2, #kasten_3 {
	width: 181px;
	position: relative;
	background-color: #a55745;
	border: 1px solid #a0381c;
	margin: 0px 0px 25px 0px;
}

#kasten_1_unten,
#kasten_2_unten,
#kasten_3_unten {
	display: none;
}

#kasten_1 div.kastenkopf,
#kasten_2 div.kastenkopf,
#kasten_3 div.kastenkopf {
	position: relative;
	display: block;
	background-color: #c7390b;
	background-image: url(../design/kasten_kaempfer.gif);
	background-position: 155px 0px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #a0381c;
}

#kasten_1 div.kastenkopf p,
#kasten_2 div.kastenkopf p,
#kasten_3 div.kastenkopf p {
	line-height: 100%;
	color: #FFFFFF;
	padding: 2px 0px 3px 9px;
}

#kasten_1 div.kasteninhalt,
#kasten_2 div.kasteninhalt,
#kasten_3 div.kasteninhalt {
	padding: 5px 0px 5px 5px;
	margin: 0px;
}

#kasten_1 div.kasteninhalt p,
#kasten_1 div.kasteninhalt h4,

#kasten_2 div.kasteninhalt p,
#kasten_2 div.kasteninhalt h4,

#kasten_3 div.kasteninhalt p,
#kasten_3 div.kasteninhalt h4 {
	color: #FFFFFF;
}

#kasten_1 img.mehr,
#kasten_2 img.mehr,
#kasten_3 img.mehr {

}

* html #kasten_1,
* html #kasten_2,
* html #kasten_3 {

}





/* FUSSZEILE ANFANG*/

#fusszeile {
	clear: both;
	padding: 0px 0px 0px 0px;
	/*background: #FFFFFF url(../design/fusszeile_bg.png) no-repeat bottom center;*/
}

* html #fusszeile {
	background: transparent;
}


#fusszeile_inhalt {
	
	width: 924px;
	padding: 0px;
	text-align: left;
	height: 80px;
	
}

* html #fusszeile_inhalt {
	border-bottom: 1px solid #4c1412;
}

#fusszeile_inhalt p {
	text-align: left;
	font-size: 11px;
	color: #FFFFFF; 
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

#powered {
	float: left;
	width: 175px;
	text-align: left;
	padding: 25px 0px 5px 10px;
}

#powered p {
	color: #66666;
	font-size: 10px;
	float: left;
	padding: 2px 5px 5px 0px;
}

/* FUSSZEILE ENDE */


#unten {
	height: 15px;
	clear: both;
	margin: 0 auto;
	background: url(../design/unten_bg.png) no-repeat top center;
}

* html #unten {
	background: transparent;
	
}


/* Bildformatierung */

/* mit CSS */


#inhalt div.csc-textpic {
	/*width: 100%;*/
	clear: both;
}

#inhalt div.csc-textpic-imagewrap {
	clear: both;
}

#inhalt div.csc-textpic-imagewrap ul {
	padding: 0px;
	/*margin: 0px;*/
	border: 0px;
}

#inhalt div.csc-textpic-imagewrap li {
	padding: 0px;
	/*margin: 0px;*/
	border: 0px;
	
}


#inhalt div.csc-textpic-text {

}

#inhalt div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #a82e08;
}

#inhalt div.csc-textpic-text img {
	
}


/* Kontaktformular */

fieldset.csc-mailform {
	border: 0px;
	clear: both;
}

fieldset.csc-mailform fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

fieldset.csc-mailform fieldset legend {
	display: none;
}

fieldset.csc-mailform strong {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 0x;
	line-height: 250%;
	color: #FFFFFF;
}

div.csc-mailform-field {
	clear: both;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

div.csc-mailform-field label {
	width: 150px;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
}

div.csc-mailform-field input,
div.csc-mailform-field select,
div.csc-mailform-field textarea {
	margin: 0px 0px 0px 0px;
	border: 1px solid #c7390b;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #c7390b;
}

div.csc-mailform-field textarea {
	width: 220px;
}

div.csc-mailform-field input.csc-mailform-check,
div.csc-mailform-field input.csc-mailform-radio {
	border: 0px;
	padding: 0px 0px 0px 10px;
}

div.csc-mailform-field input.csc-mailform-radio {
	clear: both;
	float: left;
}

div.csc-mailform-label {
	margin: 0px 0px 0px 150px;
	padding: 10px 0px 5px 0px;
	width: 300px;
}


div.csc-mailform-label div.csc-mailform-field {
	margin: 0px 0px 0px 0px;
	clear: both;
}


div.csc-mailform-label label {
	float: right;
	padding: 0px;
	width: 250px;
	
}

div.csc-mailform-label input.csc-mailform-check,
div.csc-mailform-label input.csc-mailform-radio {
	
	padding: 0px;
	margin: 0px;
}


div.csc-mailform-field input.csc-mailform-submit {
	margin: 0px 0px 0px 150px;
	background-color: #c7390b;
	color: #FFFFFF;
	border: 1px solid #c7390b;
	
}



