/***************************************************
   Copyright (c) 2010 CD-NET INTERNETSERVICE        *
                 Alle Rechte reserviert             *
**************************************************/
* {
	margin: 0; 
	padding: 0;
	border: 0;
}


body {	
	background-color: #ddd;
	line-height: 18px;
	font-size: 11px;
	font-family:  Verdana, Arial, "Trebuchet MS", sans-serif;
	color:#666;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#679;
	scrollbar-3dlight-color:#679;
	scrollbar-arrow-color:#679;
	scrollbar-track-color:#fff;
	scrollbar-darkshadow-color:#fff;	
}

body.referenz {	
	background-color: #fff;
}



h1 {
	font-size:15px;
	font-weight:600;
	letter-spacing:0.8px;
	color:#000;
}

h2, h3 {
	font-size:13px;
	margin-top:9px;
	margin-bottom:0;
	font-weight:800;
	color:#600;
}
h2 {
	color:#ddd;
	margin-left:33px;
}

.small  {
	font-size:10px;
	line-height:13px;
	padding:8px;
	color:#666;
}

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

#main {
	width:780px;
	margin:0 80px;
}
	
#main #head,
#main #head1,
#main #head2,
#main #head3,   
#main #head4,   
#main #head5,
#main #head6,
#main #head7   {
	height:149px;
	background:url(./img/head.jpg) 0 0 no-repeat;
	border-top:6px solid #600;
}
#main #head1 {
	background:url(./img/head_1.jpg);
}
#main #head2 {
	background:url(./img/head_2.jpg);
}
#main #head3 {
	background:url(./img/head_3.jpg);
}
#main #head4 {
	background:url(./img/head_4.jpg);
}
#main #head5 {
	background:url(./img/head_5.jpg);
}
#main #head6 {
	background:url(./img/head_6.jpg);
}
#main #head7 {
	background:url(./img/head_7.jpg);
}
#left {
	float:left;
	height:400px;
}
	
#main #subhead  {
	width:160px;
	height:0px;
	background-color:fff;
}

#main #navi_line {
	width:158px;

	/*border-right:2px solid #600;*/

}


/*_________HAUPT-NAVI____________*/
#main #navi_line #navi {
	width:160px;
	float:left;
	background-color:transparent;

}

#main #navi_line #navi ul {
    padding:0;
	margin-top:30px;
}

#main #navi_line #navi  li  {
    display:block;
	text-align:right;
	border-bottom: 1px dashed #999;
	list-style:none;
}


#main #navi_line #navi  li a {
    display:block;
	line-height:29px;
    width:130px;
	color:#666;
	font-size: 12px;
	font-weight:200;
	letter-spacing:0.7px;
	text-decoration:none;
	padding-right:22px;
	background:url(./img/pfeil_re.gif) right 5px no-repeat;
}

#main #navi_line #navi  li a:hover {
	text-decoration:none;
    color:#600;
	background:url(./img/pfeil_re_activ.gif) right 5px no-repeat;
}

#main #navi_line #navi  li a.active {
	color:#600;
	text-decoration:none;
	background:url(./img/pfeil_re_activ.gif) right 5px no-repeat;
}

#main #navi_line #navi  li.first  {
	background-color:#600;
	color:#fff;
	padding:3px 22px;
	border:0;
	margin:0px 0;
}
/*_________CONTENT_______________*/

#content  {
	width:518px;
	float:left;
	background-color:#fff;
	border-bottom:1px dashed #600;
	border-left:2px solid #600;
	padding:50px;
}

#content .linie {
	width:100%;
	margin:-20px 0 15px 0;
	border-bottom:1px dashed #600;

	clear:both;
}

#content p {
	margin-bottom:12px;
	text-align:justify;
	letter-spacing:0.6px;
}
* + html #content p {
	font-family:verdana, helvetika;
	letter-spacing:0.9px;
}

#content p.defoult {
	font-size:12px;
	font-family:verdana, arial;
	line-height:22px;
	font-weight:100;
	margin-top:30px;
	letter-spacing:0.8px;
}

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

#content p img {
	float:right;
	margin-left:22px;
}
#content ul {
	margin-left: 68px;
	margin-top:12px;
	margin-bottom:19px;
	line-height:18px;
}


#content #cLeft,
#content #cRight {
	margin:0;
	width:250px;
	float:left;
}

#content #list_small li,
#content #list_2 li {
	margin-bottom:19px;
	line-height:18px;
	margin-left: 18px;
}

#content a {
	color:#333;
	padding:2px 6px;
	padding-left:16px;
	background:url(./img/linkpfeil.gif) 0px 4px no-repeat;

}
#content a:hover {
	color:#fff;
	text-decoration: none;
	background:#666 url(./img/linkpfeil_a.gif) 0px 4px no-repeat;
}

#content iframe {
	width:520px;
	height:400px;
	border:1px solid #666;
}
#main #feet {
	width:618px;
	background-color:#fff;
	height:32px;
	float:right;
	line-height:28px;
	color:#600;
	font-size:10px;
	letter-spacing:0.2px;
	text-align:center;
	border-left:2px solid #600;
}

#main #feet .long {
	font-size:13px;
	font-weight:100
	}

/*      Layer für Wegbeschreibung
--------------------------------------------------*/
.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;
}


.layer {
	margin:120px auto;
	width: 500px;
	border: 1px solid #fff; 
	background:#fff;
	padding:20px;
	text-align:left;
	border:1px solid #000;
}
* html  #layer p {
	width: auto;
}
.layer p,
.layer h2  {
	color:#336;
	margin: 0 40px;
}
.layer img{
	float:right;
	margin:-9px -9px;
}
.layer .closer {
	background-image:none;
}



/*   Formularfelder wie Name, Kontonr. etc. 
-------------------------------------------------------- */
fieldset {
	width:500px;
}
* html fieldset {
	width:450px;
}

p input,
p select,
p textarea,
p submit	{   
	border: 1px solid #666;
	background-color:#eee;
	color:#333;
	width:250px;
	font-weight:100;

}

p input.noframe {
	border:0;
	width:25px;
	background-color:transparent;
}


fieldset p {
	width:460px;
	line-height:1.5em;
	margin:0;
}

label {
	display: inline;
	width:150px;
	float: left;	
	font-size: 1em;
}

p textarea {
	height:6em;
}
p input:hover, p textarea:hover,
p input:focus, p textarea:focus {
	background-color: #fff;
	border: 1px solid #600;
}

.send {
	cursor:pointer;
	width:80px;
	padding:4px 8px;
	font-size:1em;
	color:#333;
	border:none;
	background-color:#bbb;
	margin-top:4px;
	letter-spacing:0.8px;
}
.send:hover {
	background-color:#666;
	color:#fff;	
	border:none;

}