/* CSS Document */

/* GRUNDSTRUCKTUR
------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
	background-color:#F8D517;
	background-image:url(images/hg-body.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:84%;
	}

#banner{
	position:absolute;
	top:12px;
	left:815px;
	width:120px;
	height:600px;
	background-color:transparent;
	}
	
#header{
	position:absolute;
	height:136px;
	width:803px;
	margin:0;
	padding:0;
	background-image:url(images/hg-header.jpg);
	background-repeat:no-repeat;
	}
#header h1{display:none;}

#page{
	position:absolute;
	top:136px;
	background-image:url(images/hg-page.jpg);
	background-repeat:repeat-y;
	width:803px;
	margin:0;
	padding:0;
	}

#breadcrumb{
	height:24px;
	margin:0;
	padding:0;
	}
#side{
	position:relative;
	left:24px;
	width:210px;
	float:left;
	background-image: url(images/hg-side.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	text-align:center;
	min-height:600px;
	}

#content{
	position:relative;
	float:left;
	left:48px; /* Wer rausfindet warum bekommt eine Rosinenschnecke von mir */
	top:0;
	width:500px;
	text-align:left;
	color:#333333;

	}

#footer{
	width:803px;
	padding-top:24px;
	height:45px;
	clear:both;
	background-image:url(images/hg-footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
hr {display:none}

/* ELEMENTE HEADER
------------------------------------------------------------*/
#subnav{
	margin-top:16px;
	margin-right:45px;
	text-align:right;	
	font-size:0.9em;
	}
#subnav a{
	color:#333333;
	text-decoration:none;
	}
#subnav a:hover{
	text-decoration:underline;
	}
#fla{
	position:absolute;
	top:35px;
	left:24px;
	height:150px;
	width:734px;
	}
	
/* ELEMENTE SIDE
------------------------------------------------------------*/
/* SHOP-SCHALTER */
#shop{
	margin-top:12px;
	
	}

/* MAINNAV */

#mainnav{
	margin-top:12px;
	text-align:left;
	}
#mainnav ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#mainnav li a{
	display:block;
	width:100%;
	border-bottom:1px solid #fff;
	padding:2px 0 2px 24px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	background-image:url(images/pfeil-schwarz.gif);
	background-repeat:no-repeat;
	}
html>body #mainnav li a{width:186px} /* Schönen Gruß an den IE er kann mich gern haben ;o)) */

#mainnav li a:hover{
	background-color:#000;
	font-weight:bold;
	background-image:url(images/pfeil-gelb.gif);
	color:#fff;
	}
ul li{
	list-style:none;
	}
	
/* TEASER1 */

.teaser1{
	margin-top:24px;
	}

/* TEASER2 */	

#side .csc-textpic-above{
	width:180px;
	margin: 12px auto;
	text-align:center;
	background-image:url(images/teaser-hg.gif);
	border-bottom:1px solid #ccc;
	padding:6px 4px 12px 4px;
	}
#side .bodytext{text-align:center;}

#side .csc-textpic-above a{
	color:#333333;
	text-decoration:none;
	font-size:0.9em;
	text-align:center;
	}
#side .csc-textpic-above a:hover{
	text-decoration:underline;
	}
	
/* ELEMENTE CONTENT
------------------------------------------------------------*/
p{
	margin:5px 0;
	}
h1{
	color:#000;
	font-size:1.1em;
	margin:12px 0;
}

h1.csc-firstHeader{
	color:#000;
	font-size:2em;
	line-height:1.2em;
	margin: 0 0 12px 0;
	}
h2{
	color:#000;
	font-size:1em;
	line-height:1.2em;
	margin: 0 0 12px 0;
	}
	
#content a{
	color:#000;
	font-weight:bold;	
	text-decoration:none;
	}

#content a:hover{
	color:#000;
	text-decoration:underline;	
	}
img{border:none;}
	
.bodytext{
	margin-bottom:24px;
	}

.csc-header{
	clear:both;
}
.csc-textpic-caption{
	font-size:0.85em;
	color:#666;
	padding-top:5px;
	padding-bottom:10px;
}

table {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	}
table.contenttable-0{
	text-align:left;
} 

table tr td{
	padding:4px 0 4px 4px;
	}
table tr.tr-even, table tr.grau{
	background-color:#f0f0f0;
	}
	
table tr.tr-0, table tr.kopf{
	background-color:#CCC;
	/*background-image: url(images/table-kopf.gif);*/
	padding:12px 6px;
	font-weight:bold;
	}
table img{
	float:none;
	margin:0;
	}
table .bodytext{
	margin:0; 
	padding:0;
}
.shop{
	border:1px solid #ccc;
	margin-top:6px;
	margin-bottom:12px;
}
.error{
	margin-bottom:24px;
	margin-left:12px;
	clear:both;
	color:#000;
	}
.error p{
	margin:12px 12px;
}

/* POSTBOX
------------------------------------------------------------*/
.postbox{
	border: 1px solid #ccc;
	padding-bottom:8px;
	}

.postbox h1{
	padding: 5px 8px;
	color:#000;
	font-size:1.1em;
	background-color: #ccc;
	}

.postbox .bodytext{
	padding:0 8px;
	}
.postbox dl{
	padding:0 8px;
	}
/* LINKS
------------------------------------------------------------*/
.bodytext .download{
	padding-left: 20px;
	background-image:url(images/pdf.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}

	
.bodytext .internal-link{
	padding-left: 20px;
	background-image:url(images/link.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	}
	
/* KONTAKTFORMULAR
------------------------------------------------------------*/
.csc-mailform{

	background-color:#F8D517;
	background-image:url(images/formular-hg.gif);
	background-position: top;
	background-repeat:no-repeat;
	padding: 12px;
	}
.csc-mailform{ border:none; margin:0;}


.csc-mailform label{
	float:left;
	display:block;
	width:65px;
	font-size:1em
	}
.csc-mailform input, .csc-mailform select,  .csc-mailform textarea {
	/*width:300px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
	margin-bottom:5px;
	}
.csc-mailform .csc-mailform-submit{ /* Schalter */
	width:auto; 
	margin-left:65px; 
	font-size:1em;
	}


/* GALERIE
------------------------------------------------------------*/
.galeriethumb{
	text-align:center;
	width:220px;
	height:230px;
	padding:6px;
	float:left;
	margin:0px 0 12px 12px;;
	}

/* BREADCRUMB
------------------------------------------------------------*/
#breadcrumb{
	height:12px;
	padding-bottom:2px;
	margin:6px 45px 12px 258px;
	font-size:0.8em;
	border-bottom:1px solid #ccc;
	}
#breadcrumb a{
	color:#666;
	text-decoration:none;
	}
#breadcrumb a:hover{
	color:#333;
	text-decoration:underline;
	}
	
#content.start a{
	color:#333;
	text-decoration:none;
	}
#content.start a:hover{
	text-decoration:underline;
	}


/* BOXEN - (STARTSEITE)
------------------------------------------------------------*/
/* BOX 1 */
#box1{
	width:512px; /*512 -2*12*/	
	background-image:url(images/bg-box1.gif);
	background-repeat:no-repeat;
	background-position:bottom;	
	margin-left:12px;
	padding: 0 12px 12px 12px;
	clear:both;
	}
#box1 .bodytext, #box2 .bodytext{margin-bottom:6px;}

html>body #box1 {width:488px}/*kann IE nicht lesen*/

#box1 h1{
	font-size:1.8em;
	color:#000;
	margin-top:0;
	padding-top:0;
	}

#box1 img{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
	}
/* BOX 2 */

#box2 .csc-textpic-clear{display:none}
#box2 .csc-textpic{
	width:226px; 
	height:180px;
	margin-top:12px;
	margin-left:6px;
	padding:12px;
	float:left;	
	background-image:url(images/bg-box2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
#box2 h1{font-size:1em;;}

html>body #box2 .csc-textpic {margin-left:12px;}/*kann IE nicht lesen*/
	
	/* ELEMENTE FOOTER
------------------------------------------------------------*/
#footer{
	text-align:center;
	font-size:0.8em;
	}
#footer a{
	color:#666;
	text-decoration:none;
	}
#footer a:hover{
	text-decoration:underline;
	}