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

body {
	background: #484c55;
	color: #58b;
	line-height: 18px;
	font-size: 11px;
	font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	scrollbar-face-color:#eee;
	scrollbar-highlight-color:#eee;
	scrollbar-shadow-color:#58b;
	scrollbar-3dlight-color:#58b;
	scrollbar-arrow-color:#58b;
	scrollbar-track-color:#eee;
	scrollbar-darkshadow-color:#58b;
	text-align:center;           /* wird nur vom IE erkannt */
}


h1 {
	font-size:12px;
	line-height:22px;
	font-weight:600;
	letter-spacing:0.8px;
}	

h2 {
	color: #d07821;
	font-size:12px;
	line-height:28px;
	font-weight:100;
}

h4 {
	font-size:10px;
	line-height:15px;
	padding:5px 0;
	border-bottom:1px dashed #58b;
	font-weight:100;
	text-align:right;
}
#main {
	width:900px;
	margin:30px auto;
	height:640px;
	background-color:#eee;
}

/*_______FRONTSEITE_______*/

#main #front {
	background-color: #eee;
}

/*_______LINKS- /  RECHTS_______*/

#main #navi_left,
#main #cont_right {
	float:left;
	height:472px;
	padding-top:98px;
	width:198px;
	background: url(./img/back_left.jpg) 0 0 no-repeat;
}
* html #main #navi_left {
	height:570px;
}
#main #navi_left #sec-navi {
	margin-top:32px;

}

#main #navi_left #sec-navi a.seclink {
	display:block;
	color: #58b;
	line-height:18px;
	font-weight:700;
	padding:2px 0;
	text-align:right;
	font-size:12px;
	text-decoration:none;
}

#main #navi_left #sec-navi a:hover.seclink,
#main #navi_left #sec-navi a.active {
	background-color:#d4dde3;
	color: #d07821;
}


/*_______CONTENT_________*/

#main #cont_right  {
	height:472px;
	width:702px;
	background-image: none;
	text-align:left;
	overflow:auto;
	z-index:2;
	position:relative;
}


/*_________Listen im Content_______*/
#main #cont_right  ul {
	margin-left:15px;
}

#main #cont_right  li {
	margin-bottom:8px;
}

/*_________Links im Content_______*/
#main #cont_right  a.hyperlink {
	color:#fff;
	padding:2px 5px;
	text-decoration: none;
	background-color: #58b;
}

#main #cont_right  a.hyperlink:hover {
	color:#000;
	background-color: #eee;
	text-decoration: underline;
}

/*______ZWEISPALTIGKEIT_____*/
#main #cont_right  #colL,
#main #cont_right  #colR ,
#main #cont_right  #colOne {
	width:260px;
	float:left;
	margin:-3px 30px;
	font-family:  Verdana, Arial, "Trebuchet MS", sans-serif;
}

#main #cont_right  #colL {
	margin-left:55px;
}
* html #main #cont_right  #colL {
	margin-left:25px;
}

#main #cont_right  #colOne {
	width:600px;
	margin-left:45px;
}

#main #cont_right  #colOne table {
	width:100%;
	}
	
#main #cont_right  #colOne td {
	padding:1px 16px;

	font-size:11px;
}
#main #cont_right  #colOne tr.gr {
	background-color:#d7dfe2;
	line-height:25px;
}

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

* html #black {
	background-image:none;
}
#gala-2 {
	margin-top: 160px;
	margin-left: 500px;
	width: 406px;
	border: 1px solid #fff; 
	background:#eee;
	padding:3px;
}
* html #gala-2 {
	margin-top:160px;
	margin-left:650px;
	background:#aaa;
	height:350px;
}

#gala-2 img {
	float:right;
	margin:3px;
}
#gala-2 img.colShow {
	border:1px;
}
#gala-2 #button {
	margin:0 33px;
}

#gala-2 #button img {
	margin:2px;
	float:left;
	height:33px;
}


#gala-2.closer {
	float:right;
	background-image:none;
}
#gala-2 .closer:hover {
	background-color:#eee;
	
}
/*_________BILDERGALERIE klein_______*/
#cont_right #gala {
	position: absolute;
	z-index:100;
	width:325px;
	height:230px;
	background-color:#d4dde3;
	top:309px;
	left:376px;
}

* html  #cont_right #gala {
	left:372px;
	top:200px;	
}

#main  #gala #but {
	margin-left:22px;
	margin-top:0;
}

* + html #main  #gala #but {
	margin-top:-3px;
}



/*_________HAUPTNAVIGATION UNTEN   _______*/

#main #navi_bottom  {
	background: #eee url(./img/back_bottom.jpg) 0 0 no-repeat;
	height:70px;

}
* html #main #navi_bottom  {
		margin-top:-18px;
}
	
#main #navi_bottom  #navi{
	margin-left:200px;
}
#main #navi_bottom  #navi li {
	float:left;
	list-style:none;
}

#main #navi_bottom  #navi li a{
	font-family: Arial;
	font-size:15px;
	font-weight:600;
	color:#fff;
	text-decoration:none;
	line-height:30px;
	padding:12px 25px;
}
* + html #main #navi_bottom  #navi li a{
	font-weight:500;
}


#main #navi_bottom  #navi li a:hover,
#main #navi_bottom  #navi li a.active {
	color:#000;
	text-decoration:none;
}

.clear  {
	clear:both;
	height:0;
}

/*   Formularfelder wie Name, Kontonr. etc. 
-------------------------------------------------------- */
p input,
p select,
p textarea,
p submit	{   
	border: 1px solid #58b;
	background-color:#fff;
	margin-top:2px;
	color:#333;
}

p select {
	margin-left:120px;
	background-color:#fff;
}
p input.noframe {
	border:0;
	margin-left:118px;
}
fieldset {
	float:left;
	margin-right: 4px;
}

* html fieldset {
	width:450px;
}

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

label {
	display: inline;
	width:120px;
	float: left;	
	margin-top:10px;
	line-height:9px;
	font-size:11px;
}
.send {
	cursor:pointer;
	width:80px;
	padding:2px;
	font-size:0.8em;
	color:#333;
	border:1px solid #58b;
	background-color:#8899aa;
	margin-top:4px;
	float:right;
	font-weight:700;
	margin-right:200px;
}
.send:hover {
	background-color:#58b;
	color:#fff;

}

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


/*  Formularfelder wie Name, Kontonr. etc.   
------------------------------------------------------------------- */
.inputLang,
p select {  width: 330px; }