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


body {	
	text-align:center;
	background-color: #000;
	line-height: 18px;
	font-size: 12px;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	color:#bbb;	
}

h1 {
	font-size:17px;
	font-weight:normal;
	margin-bottom:12px;

}
h2 {
	font-size:13px;
	letter-spacing:1.0px;
	margin-bottom:2px;
}

a:link, a:visited { text-decoration: none; color: #bbb;}
a:hover { text-decoration: underline; color: #fff; }

p.small { 
	font-size:11px;
	font-family: Verdana,Helvetic, "Trebuchet MS", sans-serif;
	color:#999;
	margin-top:12px;
	letter-spacing:0.8px;
}




/*  CSS Layout
----------------------------------------------- */

#main {
	width:843px;
	margin:33px auto;
	text-align:left;
}

/*===============Bild-Container============*/
#mein #main_pic {
    border:1px solid #666;
	border-bottom:0;
	z-index:1;
}

* html #main_pic {
	margin-bottom:-1px;
}


#main_navi {
	position: relative;
	float:right;
	z-index:20;
	top:-338px;
	right:1px;
	background:url(./img/back_navi.jpg) 0 0 repeat-x;
	width:586px;
	height:65px;
	list-style-type:none;
}


* html #main_navi {
	right:0;
	top:-343px;
}

#main_navi li {
	float:left;
}
/*===============Inline-element wird zu Blockelemet============*/
#main_navi a {
	display:block;
	height:7px;
	padding: 43px 13px 14px 40px;
	border:1px solid #666;
	border-left: none;	
}
* html #main_navi a {
	padding-bottom:8px;
}

/*===============Link-Eigenschaften============*/
#main_navi a.nav0 {
width:64px;
border-left:1px solid #666;
}
#main_navi a.nav1 {
width:55px;
}
#main_navi a.nav2 {
width:66px;
}
#main_navi a.nav3 {
width:53px;
}
#main_navi a.nav4 {
width:77px;
}
#main_navi a:hover,
#main_navi a.active {
	background:url(./img/pfeil.png) 16px 44px no-repeat;
}



/*===============unter dem Bild============*/
#main_left { 
	height:251px;
	background-image: url(./img/back_left.png);
	border-left:1px solid #555;
}

#main_left ul { 
	width:169px;
	padding:20px 0 0 50px;
	list-style-type:none;
}

#main_left a {
	display: block;
	text-align:right;
	padding:3px 12px;
	height:20px;
}

#main_left a:hover,
#main_left a.active {
	background:url(./img/pfeil.png) right 8px no-repeat;
} 




/*===============Contentbereich============*/
#main_txt {
	z-index:3;
	position: absolute;
	background-color:#3a3a3a;
	width:526px;
	height:258px;
	border:1px solid #666;
	margin-top:-294px;
	margin-left: 254px;
	padding:30px;

}

/*==============hack für Bildergalerie ============*/
* html #main_txt {
	height:278px;
	padding-bottom:10px;
}




#main_txt p.preise {
	background-color:#666;
	border-top:1px solid #999;
	font-size:13px;
	padding:3px 17px;
	margin-bottom:6px;
}

#main_txt ul {
	margin-left:17px;
}
#main_txt li {
	margin-bottom:5px;
}
.colShow{
	float:left;
	z-index:4;
	margin-right:3px;
}
#button {
	margin-top:204px;
}


.clear  {
	clear:both;
}

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

label {
	display: block;
	width:150px;
	float: left;
}

p.buchung {
	width: 520px;
}
/* Formularfelder wie PLZ und Betrag */
input, textarea {  
	width: 355px;
	height:1.2em;
	background-color:#bbb;
	border: 1px solid #333;
	margin-top:5px;
}
textarea {
	height:4em;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color: #ccc;
	border: 1px solid #333;
}
input:focus, textarea:focus {	
	border: 1px solid #fff;
}

.plz {  
	width: 50px;
	height:1.2em;
	background-color:#ccc;
	border: 1px solid #333;
	margin-top:3px; 
}

.inputGanzKurz {  width: 55px;}

.ort {  width: 300px; }
.send {
	cursor:pointer;
	width:80px;
	height:2em;
	font-size:0.8em;
	color:#330;
	border:1px solid #666;
	background-color:#aa9;
}
.send:hover {
	background-color:#ddc;
}

/*===============Spalten im Content============*/
#main_txt .colL {	
	float:left;
	width:220px;
}
#main_txt .colR{	
	float:left;
	width:290px;
	text-align:justify;
}



/*===============Fusszeile============*/
#foot  {
	z-index:1;
	width:782px;
	height:22px;
	padding:9px 30px;
	background-image: url(img/back_foot.png);
	letter-spacing:1.2px;
	
}
* html #foot {
	margin-top:-26px;
}