/* 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; padding:0; background-color:#fff; line-height: 130%; font-size: 12px; scrollbar-face-color: #939393;scrollbar-base-color: #FFFFFF;scrollbar-highlight-color: #939393;scrollbar-shadow-color: #c0d6e6;scrollbar-3Dlight-color: #FFFFFF;scrollbar-track-color: #FFFFFF;scrollbar-arrow-color: #FFFFFF;scrollbar-darkshadow-color: #939393;}


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


/* --------------------- 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;}



/* ----------------------- Formulare, global (CSS 1 compatibel) ---------------------------------- */
/*input {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#51667F; background:#f1f0f0; }
textarea {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#51667F; background:#f1f0f0; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; }
select {font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#51667F; background:#f1f0f0; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; padding:5px 10px 5px 10px}*/

/* ----------------------- Formulare,  (CSS 2 compatibel) ---------------------------------- */
/*input[type=text], input[type=password] {color:#6e6d6d; border-width:1px; border-style:solid; border-top-color:#2b8351; border-left-color:#2b8351; border-bottom-color:#2b8351; border-right-color:#2b8351; background:#f1f0f0; height:18px;}*/

/* ----------------------- Formulare, Anfragen (CSS 1 compatibel) ---------------------------------- */
/*#mainContent form { padding:10px; width:95%; border: solid 1px #f0f0f1;}
#mainContent form p {margin:0; padding:0;}
#mainContent form .small {font-size:10px; margin-bottom:10px;}
#mainContent fieldset { padding: 2px;  border: none; }
#mainContent label {  width: 220px; padding: 0px 5px 0px 0; float: left; text-align: left; display: block;  }
#mainContent input { margin:0 0 5px 0; width:160px; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; }
#mainContent option { margin-bottom: 5px; width:130px; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; }
#mainContent checkbox { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; width: 15px; height: 15px; }
#mainContent select { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#2b8351; }
#mainContent input[type=checkbox] { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:none; color:#66696c; width: 15px; height: 15px; }
#mainContent input[type=submit] { margin:10px 0 30px 0; font-size:13px; font-weight:bold; color:#f1fcda; background:#2b8351; width:140px; height:22px; border:none; cursor:pointer; text-align:center; vertical-align:middle; line-height:22px; }
#mainContent input[type=select] { margin:0 0 5px 0; border: 1px solid #d5d5d5; background:#f1fcda; color:#2b8351; }
#mainContent textarea { width: 220px; height: 100px; padding: 5px; text-align: left; margin: 0 10px 5px 0; display: block; border: 1px solid #d5d5d5; background:#f1fcda; color:#66696c; }*/


/* ------------------------------ 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:48px 89px 124px 95px; padding:22px 21px 0 21px; 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; text-align:left; padding: 10px 10px 10px 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: 100%; margin-top:67px; 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;}

/*------------------------------------ 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; }
#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;}