/* css file for kessler-graphikrestaurierung.de */
/* Copyright 2009 Weboleo, http://www.weboleo.de */
/* Farbdefinitionen:  Textfarbe: #828181 dunkleres grau, #939393 helleres grau, #c0d6e6 hellblau*/

body {
	font-family: Verdana, Geneva, sans-serif; 
	color:#737373; 
	text-align:center; 
	margin: 0 auto 0 auto; 
	padding: 0; 
	background-color:#fff; 
	line-height: normal; 
	font-size: 12px; 
	scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
}

::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}

@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}


/* ------------------------------------- Seiten-Container ----------------------------------------------------- */
#container {
	width: 1000px; 
	height: 545px; 
	padding: 0; 
	margin-top: -270px;
	margin-left: -500px;
	position: absolute;
	top: 50%;
	left: 50%;	
	text-align: center;
}


/* --------------------- Text-Links ------------------ */
a {text-decoration:none; color:#828181;}
a:visited {color:#828181; text-decoration:none;}
a:hover, a:active {color:#c0d6e6; text-decoration:none;}

a img {border:none;}
.lupe {padding:0 0 20px 0; margin: 3px 10px 15px 0; background:url(../bilder/lupe.gif) bottom right no-repeat #fff;}

.internal-link, .internal-link:visited {background:url(../bilder/arrow-right.gif) no-repeat left bottom; padding:0 0 0 17px;}
.internal-link:hover, .internal-link:active {background:url(../bilder/arrow-right-hover.gif) no-repeat left bottom; padding:0 0 0 17px;}
.internal-link-back, .internal-link-back:visited {background:url(../bilder/arrow-left.gif) no-repeat left bottom; padding:0 0 0 17px;}
.internal-link-back:hover, .internal-link-back:active {background:url(../bilder/arrow-left-hover.gif) no-repeat left bottom; padding:0 0 0 17px;}




/* ------------------------------ floats --------------------------------------*/
.float_left { float:left; margin: 0 20px 0 0;}
.float_right { float:right; margin:0 0 0 5px;}
.float_left_img { float:left; margin: 0 20px 0 0;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

/*------------------------------- Content Container Breite 816px Höhe 424px-----------------------------*/
#contentContainer {
	width: 774px; 
	height: 402px; 
	overflow: hidden; 
	background:#FFF; 
	margin: auto; 
	padding: 22px 21px 0 21px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -201px;
	margin-left: -387px;
	background:url(../bilder/logo_kessler-graphikrestaurierung.gif) bottom left #FFF no-repeat;
}


/*------------------------------------Inhalt mainContent Breite 550px Höhe 381px--------------------------------------------*/
#mainContent {
	width: 530px; 
	height: 361px; 
	margin: 0 0 0 224px; 
	text-align:left; 
	padding: 10px; 
	overflow: auto;
}	

#mainContent h1 {font-weight:normal; font-size: 17px; margin:0; text-transform:uppercase; color: #828181; line-height:normal; }
#mainContent h2{font-weight:normal; font-size: 13px; margin:0; text-transform:uppercase; color: #828181; }
#mainContent h3 {font-weight:bold; font-size: 13px; margin:0; color: #828181; }
#mainContent ul {margin: 0; padding:0;}
#mainContent li {background:url(../bilder/bullet.gif) 0 2px no-repeat; list-style:none; padding-left: 16px;}
#mainContent a { font-weight:bold; text-decoration:none; font-style:italic; }
#mainContent a:hover, #mainContent a:active {color:#c0d6e6;}



/*------------------------------------ Box Navi im Content --------------------------------------------*/
#BoxNavi {
	width: 180px; 
	margin-top: 10px;
	float: left;
	position: fixed; 
}

#BoxNavi p {
	margin:0 0 13px 0; 
	padding:0;
}
#BoxNavi a {
	padding:10px 0 0 0; 
	margin:0; 
	font-size:15px; 
	text-align:left; 
	letter-spacing:0.02em; 
	font-style:normal; 
	font-weight:normal; 
	line-height:70%; 
}

#BoxNavi a:hover, #BoxNavi a:active {
	padding:0; 
	margin:0; 
	color:#9ec7e4;
}

/*------------------------------------ Content recht von BoxNavi --------------------------------------------*/
.RightContent {
	width: 330px;
	margin-left: 180px;
}
/*------------------------------------ Bilder mehrere Reihen --------------------------------------------*/
#Bilder {float:right; margin-left:10px; padding:0; width: 302px;}
#Bilder .spalten { width: 100%; padding: 0; margin: 0; text-align:left; height:85px;}
#Bilder .spalten .subcl, #Bilder .spalten .subc, #Bilder .spalten .subcr {height:70px;}
#Bilder .spalten .subc  { padding: 0; overflow: hidden; text-align:right;}
#Bilder	.spalten .subcl { padding: 0; overflow: hidden; text-align:left;}
#Bilder	.spalten .subcr { padding: 0; overflow: hidden; text-align:right;}

/*------------------------------------ Boxen --------------------------------------------*/
.spalten { width: 100%; padding: 0; margin: 0; text-align:left}
#mainContent .spalten a { font-size:13px; color:#828181; font-weight:normal; text-decoration:none; line-height:113%; font-style:normal; }
#mainContent .spalten a:hover, #mainContent a:active {text-decoration:none; color:#9ec7e4;}
#mainContent .spalten a:visited {text-decoration:none; color:#9ec7e4;}
.spalten img {border:none;}
.spalten .subcl, .spalten .subc, .spalten .subcr { margin:0 0 5px 0;  padding:2px 5px 10px 5px;  text-align:left; height:147px;}

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden; }
	
	.c25l, .c25r { width: 23.999%; }
	.c33l, .c33r { width: 32.333%; }  /*3-spaltig */
	.c50l, .c50r { width: 49.999%; } 
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; }  /*Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; }  /*Goldener Schnitt */
	
	.subc  { padding: 0 0 0 0; overflow: hidden; }
	.subcl { padding: 0 5px 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 5px; overflow: hidden; }


/*------------------------------ Linke Spalte ----------------------------*/
#sidebar1  { width:224px; height:381px; float:left; margin:0; padding:0;}

/* ---------------- contentnavi -------------------- */
#contentnavi { width: 224px;}
#contentnavi ul {margin:0;	padding:0; list-style:none;	font-size:16px;	text-align:left; text-transform:uppercase; letter-spacing:0.02em;}
#contentnavi li { margin:0; padding:0 10px 20px 0;}
#contentnavi a { margin:0; padding:0; color:#828181; font-weight:normal; text-decoration:none; line-height: 16px; }
#contentnavi a:hover, a:active {color:#c0d6e6; text-decoration:none; font-style:normal;}
#contentnavi .current {color:#c0d6e6;}

/*----------------------------------footer-------------------------------------------------------------*/
#footer {width:774px; padding:0; margin:0; height: 19px; color:#66696c; text-align:right; line-height:19px; vertical-align:middle;}
#footer a {font-size:11px; }
#footer .current {color:#c0d6e6;}