/******************************************
Copyright (c) 2010 cdnet-internetservice  *
       Alle Rechte reserviert             *
*******************************************/
html * {
	padding: 0;
	margin: 0;
	border: 0;
}


body {
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	font-size:12px;
	line-height:22px;
	color: #2F2A25;
	background-color: #808080;
	text-align:center;
}

h1  {
	color:#2F2A25;
	font-size:17px;
	line-height:24px;
	font-weight:700;
}
h2  {
	color:#a73;
	font-size:17px;
	line-height:18px;
	font-weight:700;
}

h3{
	color:#663309;
	font-size:15px;
	line-height:28px;
	font-weight:100;
	letter-spacing: 1.2px;
	text-decoration:none;
}

a {	text-decoration:none;
}

.fett {
	font-weight:700;
	color:#a86;
	font-size:17px;
}

/* ============== BODY - BEREICH ================= */

#main  {
	width:772px;
	margin:0px auto;
	text-align:left;

}


#main #head {
	height:296px

}
#main #navi {
	background: url(./img/back_navi.jpg) 0 0 no-repeat;
	height:70px
}

#main #navi ul {
	margin-left:85px;
}

#main #navi ul li {
	float:left;
	margin:4px 12px 2px 12px;
	line-height:26px;
	list-style:none;
}

#main #navi ul li  a {
	color:#fff;
	font-size:12px;
	font-weight:800;
	padding:9px 25px;
	line-height:18px
}

#main #navi ul li  a:hover,
#main #navi ul li  a.active {
	color:#2F2A25;
	background-color:#dfddda;
	
}

/*====== SUB-NAVI ====*/


#main #navi #subnavi {
	margin-left:233px;
	height:17px;
}

#main #navi #subnavi li {
	float:left;
	margin:12px 0;
	list-style:none;
	border-right:1px solid #2F2A25;
	line-height:19px;

}
#main #navi #subnavi li.last{
	border:0
}
#main #navi #subnavi li  a {
	color:#2F2A25;
	font-weight:100;
	font-size:12px;
	padding:1px 5px;
	line-height:17px
}

#main #navi #subnavi li  a:hover,
#main #navi #subnavi li  a.active{
	color:#a71;
	background:none;
}

/*======  CONTENT ====*/

#main #content {
	background: url(./img/back_content.jpg) 0 0 repeat-y;
	min-height:300px
}
#main #content  a.seclink {
	padding:2px 8px;
	text-decoration:underline;
	color:#222;
}
#main #content  a.seclink:hover {
	text-decoration:none;
	color:#fff;
	background-color:#555;
}

/*======== SPALTEN IM TEXTKOERPER =======*/
#main #content #colOne,
#main #content #colL,
#main #content #colR  {
	width:560px;
	padding-left:96px;
	padding-top:28px;
}

#main #content #colL,
#main #content #colR  {
	width:256px;
	float:left;
}

#main #content #colR  {
	padding-left:66px;
}



#main #content .prod { 
	background-color:#ccc;
	padding:6px 15px;
	line-height:15px;
	font-size:11px;
	color:#666;
	margin-bottom:16px;
	min-height:110px;
	
}
/*======== FOTO IM TEXTKOERPER =======*/

#main #content .photo {
	height: 100px;
	width: 100px;
	float:left;
	margin:-6px 9px 2px -16px;
}

#main #content .photo  li {
	display:inline;
	width:100px;
	height:100px;
	margin: 0;
	background-image:none
}
* html #main #content .photo  li {
	display:inline;
	width:100px;
	height:100px;
	background-image:none;
}

#main #content .photo li a {
	display:block;
	width:100px;
	height:100px;
	text-decoration:none;
	background-image:none
}
#main #content .photo li a img { 
	display:block;
	width:100px;
	height:100px;
	background-color: #fff;
	z-index:99;
}

#main #content .photo li a:hover {
	white-space:normal;
	position:relative;
}

#main #content .photo li a.hor:hover img {
	position:absolute;
	left:-153px;
	top:-130px;
	width:252px;
	height:252px;
	border-top:0 solid #aaa; 
	border-right:5px solid #aaa; 
}

/*======== Tabellen =======*/
#main #content table {
	width:580px;
	border:0;
}

td {
	padding:2px 16px;
	vertical-align:top;
}
td.zahl {
	font-weight:800;
	color:#a71;
}

.gr {
	background-color:#ccc;
}


/*======  FUSSZEILE ====*/

#main #feet {
	background: url(./img/back_feet.jpg) 0 0 no-repeat;
	height:66px;
	padding:49px 27px 0 0;
	text-align:right;
	color:#eee;

}

#main #feet img{
	width:1px;
	height:28px;
	margin:-7px 8px;
	}
	

#main #feet  a {
	color:#eee;
	font-size:12px;
	font-weight:100;
	padding:9px;
	line-height:26px
}

#main #feet a:hover,
#main #feet  a.active {
	color:#2F2A25;
	
}

.clear  {
	clear:both;
	font-size:0;
	padding: 0;
	margin: 0;
	border: 0;
}

/*======== Layer für Bildergalerie ========*/

#black {
	width:100%;
	height:100%;
	background:url(./img/kachel.png) 0 0 repeat;
	display:none;
	z-index:400;
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
}


#main #content #layer {
	margin:160px auto;
	width: 610px;
	background:#eee;
	padding:4px 6px;
	text-align:left;
}

#main #content #layer .closer img{
	width:26px;
	height:26px;
	padding:5px;
	float:right;
}

#main #content #layer .colShow {
	width:600px;
	height:400px;
	border: 1px solid #000;
}

#main #content #layer #button {
	float:left;
	width:88px;
	margin:1px 33px;

}
#main #content #layer #button img{
	margin:1px;
	width:25px;
	height:40px;
}

#main #content #text {
	color:#666;
	font-size:17px;
	font-weight:100;
	margin:17px 23px;
}
/* ==== ENDE BILDERGALERIE ====*/

/*==== MAILER =====*/
#main  #content a.seclink {
	color:#333;
	text-decoration:underline;
	padding:2px 5px;
}
#main #content a.seclink:hover {
	color:#fff;
	background-color:#666;
}



#main #content a.txtlink,
#main  #content a.piclink {
	float:right;
	color:#333;
	padding:2px  26px;
	background: #ccc url(img/pen.png) 4px 0 no-repeat;
	line-height:18px;
}


#main  #content a.piclink {
	background:#ccc url(img/pic.png) 4px 0 no-repeat;
}
#main #content a.txtlink:hover {
	color:#fff;
	background: #777 url(img/pen.png) 4px -18px no-repeat;

}
#main  #content a.piclink:hover {
	color:#fff;
	background: #777 url(img/pic.png) 4px -18px no-repeat;
}

/*   Formularfelder wie Name, Kontonr. etc. 
--------------------------------------------- */
p input,
p select,
p textarea,
p submit	{   
	border-bottom:1px dashed #888;
	background-color:#bbb;
	color:#333;
	height:1.8em;
	width:340px;
}

p select {
	background-color:#fff;
	text-align:center;
}


fieldset {
	float:left;
	margin-right: 4px;
}
legend {
	font-weight:800;
	color:#59b;
}
* html fieldset {
	width:500px;
}

fieldset p {
	width:500px;
	margin:8px 0;
	color:#000;
}

* fieldset p {
	margin:12px 0;
	color:#666;
}

label {
	display: inline;
	width:120px;
	float: left;	
	margin:3px 9px 0 0;
	line-height:9px;
	font-size:11px;
	text-align:right;
}

.send {
	cursor:pointer;
	width:88px;
	padding:4px 8px;
	font-size:15px;
	color:#000;
	border:none;
	background-color:#a73;
	margin-top:4px;
	font-weight:700;
	line-height:18px
}
.send:hover {
	background-color:#333;
	color:#fff;
}

p textarea {
	height:8em;
}
p input:hover,
p textarea:hover,
p input:focus,
p textarea:focus {
	background-color: #fff;
}

.printbutton {
    background: url(img/print_but.png) center no-repeat;
    float:right;
}


/*  Formularfelder wie Name, Kontonr. etc.   
----------------------------------------------- */