/**************  Farben  *********

Backgound: #6a6a7e neu: f4f3ee
Text: #36365a
Navigation Background: #d1d0d4
Foter Background: #50506f

************** Grundlagen ************/


#news img {

margin-bottom:5px;
border:0px;
}

#news p {
float:left;
margin:0px;
padding:0px;
}

table.normal { 	
	border-collapse:collapse;
	border-spacing:0px;
	margin-bottom:8px;
	margin-top:5px;
	width:450px;
	border:1px solid #444;
	border-right:none;
	}
	
tr.header{
	background-color:#ef7404;
	}	
tr.header th,td{
	padding:7px;
	}
	
tr.header th { 
	border-bottom:1px solid #444;	
	border-right:1px solid #444;
}
table.normal td { 
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	padding:5px;
	text-align:center;
}


table.normal td.left { 
	text-align:left;
}

table.normal td.right{ 
	text-align:right;
}


.csc-mailform select {
	width:125px;
	}

.csc-mailform textarea {
	width:176px;
	}




html
{
height:100%;
}

body 
{
	background: #f4f3ee url(../grafik/body_hg.jpg) repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:11px;
	line-height:13px;	
	color: #36365a;
	height:100%;
	text-align:center;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre 
{
	margin: 0;
	padding: 0;
}

img, table
{
	border:0px;
}

table, td, p, li, ul, ol, dl, dd, dt
{
	font-size:11px;
	line-height:13px;
}



/************** Container-Stylesheet ************/
#container 
{
	width:985px;
	margin:auto;
	text-align:left;

}

#header
{
	background:  transparent url(../grafik/header_hg.jpg) no-repeat;
	width:980px;
	height:169px;
	text-align:right;
}

#content
{ 
	background: transparent url(../grafik/content_hg.gif) repeat-y;
	float:left;
	width:884px;
	display: inline; /* für den IE  der das margin x 2 nimmt */
}


#navigation
{ 
	width:170px;
	float:left;
	margin:15px 5px 5px 5px;
	display: inline; /* für den IE  der das margin x 2 nimmt */
}


#main
{ 
	float:left;
	width:450px;
	margin:35px 20px 10px 20px;
	display: inline; /* für den IE  der das margin x 2 nimmt */
	
}

#highlight
{ 
	background: transparent url(../grafik/highlight_hg.gif) 3px 0px no-repeat;
	float:left;
	width:214;
}

#warenkorb
{
	background: transparent url(../grafik/news_hg.gif) no-repeat;
	margin:5px 0px 15px 10px;
	padding-top:0px;
	padding-left:55px;
	padding-right:14px;

}

#warenkorb h1
{
font-size:13px;
line-height:13px;
margin:8px 0px 0px 0px ;
background: none;
padding-left:0px;
border-bottom:none;
padding-bottom:none;
letter-spacing:0px;

}

#warenkorb p
{
padding:0px;
margin:0px;

}

#news
{
	
	margin:5px 0px 15px 10px;
	padding-top:50px;
	padding-left:40px;
	padding-right:14px;

}



#footer
{ 
	background: transparent url(../grafik/footer_hg.gif) no-repeat;
	clear:both;
	height:100px;
	width:671px;
	margin-left:95px;
	
	
}  

* html #footer
{ 
	margin-left:101px;
	
	
}  


#height
{
    height:601px;
    float:right;
    width:0px;
}

#clear
{
	clear: both;
}

/************** Allgemeine Textformate Stylesheet ************/
a.normal {
	color: #FF0000;
	text-decoration:none;
	border-bottom:dashed 1px #FF0000;
	}
a
{
	color: #FF0000;
	text-decoration:none;
	

}

p a
{

	border-bottom:dashed 1px #FF0000;
}

p a.download
{

	border-bottom:dashed 0px #FF0000;
}

p
{
margin:0px 0px 11px 0px ;
}

h1 
{
font-size:15px;
line-height:25px;
margin-bottom:15px;
padding-bottom:5px;
letter-spacing:1px;
/*color:#ec7404;*/
background: transparent url(../grafik/h1_hg.jpg) no-repeat;
padding-left:30px;
border-bottom:1px solid #ec7404;
clear:both;
}

h2
{
font-size:13px;
line-height:15px;
margin:8px 0px 4px 0px ;
}

h3 
{
font-size:11px;
margin:6px 0px 0px 0px ;
padding-bottom:3px;
color:#ec7404;
}

/************** Links ************/




p a:hover, p a:focus,  p a:active {

	border-bottom:solid 1px #FF0000;
}


p a.download:hover,  p a.download:focus, p a.download:active 
{

	border-bottom:dashed 0px #FF0000;
}

a.normal:hover, a.normal:focus,  a.normal:active {

	border-bottom:solid 1px #FF0000;
}




/************** spezielle Formate ************/

.leftimg
{
float:left;
}

#main a img
{
border:none;
}


#navigation a img
{
margin-bottom:15px
}

#shop
{
padding:15px 15px 45px 45px;
}







/************** erste Ebene ************/


#navigation a {
	display: block;
	border-bottom:none;
	color:  #36365a;
}

#navigation a:hover, #navigation  a:focus, #navigation  a:active {
	color:  #FF0000;
}


#navigation li a.aktiv {
	color:  #FF0000;
}


/************** Absatz-Stylesheet ************/

/************** Liste-Stylesheet ************/

ol
{
list-style-type:none;
}



dd
{
font-weight:normal;
font-size:0.9em;
padding:5px 0px 0px 15px;

}


dd.csc-textpic-image
{
background: #FFFFFF url(../grafik/bildunterschrift.jpg) no-repeat 0px 7px;
}




div.teasernavi
{
	float:left;
	width:100px;
	height:100px;
	margin: 0px 5px 5px 0px;
	padding:2px;
	background-color:#f1f1f1;
	text-align:center;
}

div.teasernavi h2
{
margin:0px;
padding-top:0px;
	font-size:12px;
	font-weight:bold;
}

div.teasernavi h2 a
{
	font-size:12px;
        color:#36365a;
        line-height: 15px; 
display:block;
width:100px;
height:100px;
 
}

div.teasernavi h2 a:hover
{
	
	color:#FF0000     
}



#main ul 
{	
	margin: 0px 0px 0px 20px;
}






#navigation ul.main, #navigation ul.shop, #navigation ul.service
{
margin-bottom:25px
}

#navigation li 
{	list-style:none;
	border-top: 1px dashed #36365a;
	padding: 1px 0px 1px 5px;
	font-weight:bold;
}

#headernavi li 
{	display: inline;
	list-style:none;
	float:left;
	text-align:center;
	padding:0px 5px 0px 5px ;	
}

#navigation li li
{
font-weight:normal;
}

#headernavi img 
{	
	padding:0px 0px 0px 160px ;	
}

#footer ul
{ 
	width:471px;
	padding-left:200px;
	height:15px;
	padding-top:85px;
}  




#footer li 
{	
	list-style:none;
	float:left;
	margin-left:15px;
}

#footer a 
{	

	color:#FFFFFF;
}
.hidden
{
display:none;
}

.right
{
	text-align:right;
}


/* Formular*/
label, input, textarea, legend, select
{ 
	display: block;
	float:left;
	margin-bottom:5px;
	font-size: 11px;


}

textarea
{ 
		font-size: 11px;
}

label, legend
{  
	clear:left;
	padding-right: 10px;
	width:100px;

	font-size:11px;
	/*color:#7ab51d;*/

} 

.fehler {border:1px solid red;}
p.error {color:red;}
form {width:350px;}
.admin {width:740px;}
fieldset {border:0px; }


a.ad
{
margin: 30px 0px 0px 0px;
}

#navigation a:hover.ad
{
background-color:transparent;
}

#kalender form {
	margin-left:0px;
	width:450px;
	}
#kalender label, #kalender select {
	float:left;
	display:block;
	width:210px;
	}
#kalender label {
	width:170px;
	}
#kalender input {
	float:left;
	
	}
	
	
	
#kalenderformular form
	{
	margin-left:0px;
	width:450px;
	}
#kalenderformular label {
	width:150px;
	float:left;
	}
#kalenderformular input {
	width:200px;
	float:left;
	display:block;
	}
#kalenderformular input#button { width:100px; }
#kalenderformular input#checkbox { width:15px; height:15px; display:inline; margin-right:10px; }

#kalenderformular #agbdiv { display:block; float:left; width:450px;}

.tx-indexedsearch-searchbox table {
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #EF7404;
width:100%;
}
.tx-indexedsearch-searchbox table td {
padding-left:10px;
padding-top:10px;
}
.tx-indexedsearch-searchbox form {
padding-bottom:10px;
padding-top:10px;
width:100%;
}
.tx-indexedsearch-res table {
background:#F6F6F6 none repeat scroll 0 0;
border-bottom:1px solid #EF7404;
border-left:1px solid #EF7404;
border-right:1px solid #EF7404;
}
.tx-indexedsearch-res td {
border-top:1px solid #EF7404;
}