/*	standardschriftfarbe : #133B66 (dunkelblau); standardgroesse : 11px; link-farbe (zustaende) : #FF9C31 (gelb); */
/*	schriftgroessen in em & abstaende in px oder prozent */

body{
	background-attachment:fixed;
	background-color:#FFFFFF;
	background-image:url(../grafix/basics/kombi.png);
	background-position:100% 2%;
	background-repeat:no-repeat;
	color:#133B66;
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	line-height:162%;
	margin-left:3%;
	margin-right:2%;
	margin-top:8%;
	}
	
body#libri {	/* abwandlung fuer die libri bzw. schaufenster-seite */
	background-attachment:fixed;
	background-image:url(../grafix/basics/kombiLibri.png);
	background-position:100% 8px;
	}
	
body#pic {		/* abwandlung für die detailansichten von bildwerk */
	background-image:url(../grafix/rcs/people.png);
	background-repeat:repeat-x;
	background-position:100% 20%;
	}

div	{
	border:0;
	font-size:1em;
	margin-right:8%;
	padding:0.6em;
	text-align:justify;
	}

div#footer {
	position:fixed;
	border:0;
	bottom:0em;
	right:-12em;
	width:164px;
	height:auto;
	}
	
div#changed {
	position:fixed;
	background-color:#FFFFFF;
	border:0;
	bottom:0;
	color:#133B66;
	height:auto;
	width:100%;
	left:12%;
	}
	
dl	{
	border:1px solid #CCCCCC;
	margin-left:6em;
	margin-right:24%;
	padding:1.2em 1.2em 1.2em 3.6em;
	}

dd	{
	font-size:1.2em;
	font-weight:bold;
	}
	
em {
	font-family:serif;
	font-size:1.3em;
	}
	
hr {
	background-color:#FFFFFF;
	width:98%;
	height:1px;
	color:#CCCCCC;
	}
		
img {
	border:0;
	padding:0;
	}
img.menue {
	height:20px;	/* beim aendern der hoehe dran denken: die schriftgroesse von '#leiste li' anpassen, */
		}			/* damit der hover-strich, der sich nach der schriftgroesse richtet korrekt sitzt    */
	
img.bildwerk {
	width:60px;
	}
	
img.kontakt {
	width:54px;
	}
	
img.miszellen {
	width:86px;
	}
	
img.shop {
	width:85px;
	}
	
img.start {
	width:60px;
	}
	
img.termine {
	width:53px;
	}
	
img.wir {
	width:62px;
	}
	
img.link {
	height:auto;
	width:104px;
	}
	
img.pic {
	float:left;
	margin:1px;
	overflow:hidden;
	padding:0;
	height:90px;
	width:100px;
}
	
input, textarea {
	border:0;
	font-family:Verdana,Arial,sans-serif;
	font-size:1.1em;
	padding-left:8px;
	padding-top:4px;
	}

input {
	background: url(../grafix/basics/input.gif);
	background-repeat:no-repeat;
	height:23px;
	}

textarea {
	background:url(../grafix/basics/textarea.gif);
	background-repeat:no-repeat;
	height:84px;	
	}
	
input.knopf {
	padding:0;
	}
		
ol	{
	font-size:1em;
	line-height:1.8em;
	list-style-position:outside;
	list-style-type:none;
	}
	
ol ol {
	list-style-type:upper-roman;
	padding-right:2em;
	}
	
ol ol ol {
	list-style-type:decimal;
	}
	
p.wir	{
	margin-left:2em;
	margin-right:2em;
	}
	
table {
	border:0;
	border-collapse:separate;
	display:table;
	font-size:1em;
	width:100%;
	}
	
td {
	border:0;
	empty-cells:hide;
	vertical-align:text-top;
	}
	
td.rahm	{
	padding:6px 4px 6px 4px;
	}
	
td.top {
	background-color:#CCCCCC;
	border-color:#133B66;
	font-weight:bold;
}
	
td.bot {
	padding:2px 24px 2px 4px;
	text-align:right;
}
	
ul	{
	font-size:1em;
	line-height:1.8em;
	list-style-position:outside;
	list-style-type:square;
	margin-right:3.6em;
	}
	
ul ul {
	list-style-type:circle;
	}
	
ul ul ul {
	list-style-type:disc;
	list-style-image:url(../grafix/basics/listpfeil.gif);
	}

p {
	border:0;
	}
/*----------------------------------------------------------------------*/

h1,h2,h3,h4	{
	background-color:transparent;
	color:#00728E;
	font-size:1em;
	margin-bottom:0.6em;
	margin-top:1em;
	}

h2	{
	font-size:1em;
	margin-left:0;
	}
	
h3	{
	font-size:1em;
	margin-left:0;
	margin-bottom:0;
	}

h4 {
	font-size:0.9em;
	margin-left:0;
	display:inline;
	}
	
h2.box {
	border:dotted 1px #CCCCCC;
	background-color:#FFFFFF;
	overflow:visible;
	padding:8px;
	text-align:left;
	width:112px;
	}


/*----------------------------------------------------------------------*/

a:link {
	background-color:transparent;
	color:#00728E;
	font-family:Verdana,Arial,sans-serif;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
	background-color:transparent;
	color:#00728E;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	background-color:#FFFFFF;
	color:#FF9C31;
	text-decoration:none;
}
a:active{
	background-color:#FFFFFF;
	color:#FF9C31;
	text-decoration:none;
}
a:focus {
	background-color:#FFFFFF;
	color:#FF9C31;
	text-decoration:none;
}

/*----------------------------- classes (START) ----------------------------*/
	
.added {
	border-bottom:dotted 1px #CCCCCC;
	margin-left:-1.4em;
	padding-bottom:10px;
	text-align:left;
	width:142%;
	}
	
.added li {
	list-style-type:none;
	}
	
.added strong {
	border:dotted 1px #CCCCCC;
	color:#133B66;
	font-weight:normal;
	padding:3px 12px 4px 24px;
	}
	
a.added:link {
	background-color:transparent;
	border:0;
	font-weight:normal;
	padding-bottom:0;
	}
	
a.added:visited {
	background-color:transparent;
	border:0;
	font-weight:normal;
	padding-bottom:0;
	}

a.changed:link {
	background-color:#FFFFFF;
	color:#133B66;
	font-weight:normal;
	text-decoration:underline;
	}

a.changed:visited {
	background-color:#FFFFFF;
	color:#133B66;
	font-weight:normal;
	text-decoration:underline;
	}

.form {
	position:absolute;
	left:0em;
	border:dotted 1px #CCCCCC;
	/*background-color:#98CCCC;*/
	color:#133B66;
	margin-top:1.4em;
	padding-left:1.4em;
	padding-right:2.4em;
	}
	
.form li {
	list-style-type:none;
	margin-top:4px;
	}

.linksoben {
	position:absolute;
	top:0%;
	left:0%;
	height:48%;
	width:46%;
	overflow:auto;
	}
	
.linksunten {
	position:absolute;
	top:50%;
	left:0%;
	width:48%;
	border:dotted 1px #CCCCCC;
	}
	
	
.rechtsoben {
	position:absolute;
	top:0%;
	left:50%;
	width:48%;
	border:dotted 1px #CCCCCC;
	}
	
.rechtsunten {
	position:absolute;
	top:50%;
	left:53%;
	width:42%;
	}
	
.linie {
	border-bottom:dotted 1px #CCCCCC;
	}
	
.marked {
	background-color:#CCCCCC;
	padding:2px 12px 2px 12px;
	}
	
.rahm {
	border:dotted 1px #CCCCCC;
	}
	
p.rahm {
	background-color:#EEEEEE;
}
	
.texrechts {
	text-align:right;
	padding-right:18px;
	}	
	
.thumb {
	float:left;
	margin:1px;
	overflow:hidden;
	padding:0;
	height:90px;
	width:120px;
	}
	
.thumb2 {
	float:right;
	margin:1px -16px 1px 1px;
	overflow:hidden;
	padding:0;
	height:182px;
	width:198px;
	}
	
.thumbnegright {
	float:right;
	margin:1px -68px 1px 1px;
	overflow:hidden;
	padding:0;
	height:90px;
	width:120px;
	}
	
.thumbright {
	float:right;
	margin:1px;
	overflow:hidden;
	padding:0;
	height:90px;
	width:120px;
	}
	
.xmasbg {
	background-image:url(../grafix/basics/bg_xmas.jpg);
	background-repeat:repeat-x;
	background-position:100% 42%;
	}
	
.zentriert {
	text-align:center;
	}
/*----------------------------- class (ENDE) --------------------------*/


/*-- individualformate / IDs sollen nur einmal vorkommen ! (START) ---*/

#leiste {
	padding:0px 4px 18px 4px;
	margin-left:-8px;
	margin-top:-6px;
	clear:left;
	}
	
#leiste li {
	border-right:dotted 1px #00728E;
	display:inline;
	font-size:2.2em;
	list-style-type:none;
	padding-left:16px;
	padding-right:16px;
	}
	
#leiste li.letzte {
	border-right:none
	}
	
#leiste li:hover {
	border-top:dotted 1px #00728E;
	}
	
#foto {
	position:absolute;
	left:64px;
	overflow:auto;
	padding:0;
	height:464px;
	width:477px;
	}
	
#foto img {
	clear:both;
	padding-bottom:4em;
	overflow:auto;
	}
	
#fototext {
	border-left:dotted 1px #CCCCCC;
	border-bottom:dotted 1px #CCCCCC;
	margin-left:64px;
	margin-top:48px;
	}

#viertel {
	position:absolute;
	top:0%;
	left:0%;
	height:92%;
	width:8%;
	border:0;
	text-align:right;
	}
	
#main {
	position:absolute;
	height:90%;
	left:12%;
	overflow:auto;
	top:0%;
	width:82%;
	border:dotted 1px #CCCCCC;
	}
	
#dank {
	position:absolute;
	height:92%;
	left:9%;
	overflow:hidden;
	top:-2em;
	width:64%;
	border:dotted 1px #CCCCCC;
	}
	

#rel {
	position:relative;
	border:0;
	height:420px;
	top:1em;
	}
	

/*-- individualformate (ENDE) -----------------------------------------*/