/* CSS Document */
/* CSS zu Lynnyswelt.de © webdesign schneider-mundingen 2009 */

/* standard elemente */
* {
	margin: 0 auto;
	padding: 0;
}

a {
	color: #993366;
	text-decoration: none;
}

a:hover #selected {
	color: #6699FF;
	text-decoration: none;
}


body {
	margin: 0 auto;
	font: normal 62.5% "Trebuchet MS",sans-serif;
	background: url(IMG/hgf1.jpg);

}


h1 {
	font: normal 1.6em Verdana, serif;
}
h2 {
	color: #6666FF;
	font: bold 1.2em "georgia", sans-serif;
}

h3 {
	color: #BA8A26;
	font: bold 1.6em "Lucida sans Unicode",sans-serif;
	padding: 5px 0 5px 0;
}


h4 {
	font: bold 1.2em "Trebuchet MS",sans-serif;
	color: #993366;
	margin: 0 0 4px 0;
}


/* Struktur */
.container {
	width: 954px;
	height: auto;
	padding: 0;
	border: 2px solid #0200F9;
	margin: 0 auto;
	overflow: visible;
	background-color: #FFFFE5;
}
.container .head {
	height: 282px;
	width: 955px;
	float: left;
	margin: 0 auto;
	background-color: #FFFFE5;
}



.container  .head  .gfx {
	float: left;
	height: 282px;
	width: 51px;
	background: url(IMG/Ranke_back_03.jpg) no-repeat;
}
.container .head .logo {
	float: left;
	height: 213px;
	width: 900px;
	background: url(IMG/Logoneu4.jpg) no-repeat;

}
.container .head .logo #navcontainer .gasttxt  {
	color: #CC0066;
	font: normal 0.9em "verdana", sans-serif;
	float: left;
	width: 300px;
	text-align: left;
	height: auto;
}
.container .head .logo #navcontainer .gastlinks {
	font: normal 1.1em "Verdana", sans-serif;
	float: left;
	width: 300px;
	height: auto;
	display: block;
	margin-top: 12px;
	text-align: left;
	margin-left: 58px;
	border-color: #FFE5B2;
	color: #CC0000;
}

.container .head .logo #navcontainer .gastlinks a {
	font: bold 1.1em "Verdana", sans-serif;
	color: #0033CC;
	text-decoration: none;

}
.container .head .logo #navcontainer .gastlinks a:hover {
	font: bold 1.1em "Verdana", sans-serif;
	color: #CC3300;
	text-decoration: none;
}	
/* navigation oben quer */


.container .head .logo #navcontainer {
	text-align: center;
	color: #4C7F44;
	display: block;
	margin-top: 213px;
}


.container .head .logo #navcontainer ul {
	border: 0;
	margin: 0 5px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.container .head .logo #navcontainer ul li{
	float: right;
	text-align: center;
	padding: 0;
	margin: 0;
}
.container .head .logo #navcontainer  ul  li  a{
	width: 78px;
	height: 18px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #4C7F44;
	text-decoration: none;
	text-align: center;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	display: block;
}

.container .head .logo #navcontainer ul li a:hover{
	color: #336600;
	text-align: center;
}

.container .head .logo #navcontainer #selected {
	color: #33CC00;
	display: block;
	text-align: center;
}
.container .head .logo #navcontainer .text-h2 {
	color: #0000CC;
	font: normal 2.5em "Comic sans MS", sans-serif;
	float: left;
	height: auto;
	width: 140px;
	text-align: left;
	margin: 22px 0 0 3px;
}
.container .head .logo #navcontainer .linktext {
	color: #CC3366;
	font: bold 1.2em "Verdana", sans-serif;
	float: left;
	width: 300px;
	height: auto;
	text-align: left;
	margin: 6px 0 0 0;
}




/* Hauptfenster mitte */

.container .mainframe {
	width: 953px;
	float: left;
	margin: 0 auto;
	padding: 0;
	height: auto;
	clear: both;
	background: url(IMG/Ranke_back.jpg) repeat-y;
}



.container .mainframe .mainmiddle {
	width: 710px;
	float: left;
	height: auto;
	padding-left: 51px;
	clear: both;
	border-right: solid 1px #9999FF;
}
.container .mainframe .mainmiddle .iframe {
	color: #0066CC;
	height: 2250px;
	width: 100%;
	float: left;
	margin: 0 auto;
	overflow: auto;
	padding: 0;
}


/* Textboxformatierungen in der Mitte */

.container .mainframe .mainmiddle .text-h1 {
	padding-left: 10px;
	color: #0000CC;
	font: normal 2.5em "Comic sans MS", sans-serif;
	margin-bottom: 30px;
	height: 40px;
	width: 688px;
	float: left;
}

.container .mainframe .mainmiddle .textbox1 {
	width: 670px;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #6666FF;
	text-align: left;
	font: normal 1.6em "Comic sans MS", sans-serif;
	height: auto;
	display: inline;
	padding: 5px 0 15px 10px;
}	

.container .mainframe .mainmiddle .textbox2 {
	width: 670px;
	float: left;
	text-align: left;
	font: normal 1.4em "Comic sans MS", sans-serif;
	height: auto;
	display: inline;
	padding: 5px 0 15px 10px;
	color: #6666FF;
}

.container .mainframe .mainmiddle .textbox3 .title1 {
	color: #6600CC;
	font: normal 1.4em "Comic sans MS", sans-serif;
	margin: 7px 0 7px 0;
}
.container .mainframe .mainmiddle .textbox3 {
	color: #6666FF;
	float: left;
	width: 689px;
	height: auto;
	margin-left: 10px;
}
.container .mainframe .mainmiddle .textbox4 {
	color: #6666FF;
	font: normal 1.2em "Comic sans MS", sans-serif;
	height: auto;
	width: 689px;
	float: left;
	margin-left: 10px;
}
.container .mainframe .mainmiddle .textbox1 .textbox5 {
	color: #6666FF;
}


/* Linkmenue rechte Seite */

.container .mainframe .menue {
	width: 180px;
	height: auto;
	float: right;
	font: normal 1.1em "Comic sans MS", sans-serif;
	color: #0000CC;
	margin: 0 0 2px 3px;
}

.container .mainframe .menue .linkbox1 {
	height: 110px;
	background-image: url(IMG_li/kera.jpg);
	width: 170px;
}
.container .mainframe .menue .linkbox2 {
	background-image: url(IMG_li/scrap.jpg);
	height: 110px;
	margin-top: 20px;
	width: 170px;
}
.container .mainframe .menue .linkbox3 {
	height: 110px;
	width: 170px;
	margin-top: 20px;
	background-image: url(IMG_li/foto.jpg);
}
.container .mainframe .menue .linkbox4 {
	background-image: url(IMG_li/perga.jpg);
	height: 110px;
	width: 170px;
	margin-top: 20px;
}
.container .mainframe .menue .linkbox5 {
	background-image: url(IMG_li/servi.jpg);
	height: 110px;
	margin-top: 20px;
	width: 170px;
	margin-bottom: 20px;
}
.container .mainframe .menue .linkbox6 {
	color: #FF9900;
}



.container .mainframe .menue .linktxt1 {
	height: auto;
	margin-top: 5px;
	margin-left: 1px;
}
.container .mainframe .menue .linktxt2 {
	height: 20px;
	font: normal 1em "Comic sans MS", sans-serif;
	color: #990033;
	float: left;
	margin-left: 1px;
	margin-top: 5px;
}
.container .mainframe .menue .linktxt2  a {
	color: #0000CC;
	text-decoration: none;
}

.container .mainframe .menue .linktxt2  a:hover, #selected{
	color: #993333;
	text-decoration: none;
}
.container .mainframe .mainmiddle .linktxt3 {
	color: #0000CC;
	width: 450px;
	height: 30px;
	float: left;
	font: normal 1.4em "Comic sans MS", sans-serif;
	display: block;
	padding-left: 10px;
}
.container .mainframe .mainmiddle .linktxt3  a {
	color: #0000CC;
	text-decoration: none;
}

.container .mainframe .mainmiddle .linktxt3  a:hover, #selected{
	color: #993333;
	text-decoration: none;
}

/* Formatierung für die Linkseite */

.container .mainframe .mainmiddle .linkboxA {
	width: 620px;
	border: solid blue 1px;
	float: left;
	margin: 2px 0 20px 0;
	padding: 3px 3px 3px 3px;
	height: 110px;
}
.container .mainframe .mainmiddle .linkboxA .linkimgA {
	height: 106px;
	width: 206px;
	float: left;
	padding: 3px 3px 3px 3px;
}
.container .mainframe .mainmiddle .linkboxA .linktextA {
	float: left;
	width: 380px;
	margin: 3px 3px 3px 3px;
	height: 100px;
	font: normal 1.1em "Comic sans MS", sans-serif;
	color: #666666;
}


/* Fuss */

.container .footer {
	background-color: #9999FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #0000CC;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	display: block;
	clear: both;
	height: 40px;
}

/* abstand */

.container .mainframe .mainmiddle .abstand1 {
	width: 690px;
	height: 20px;
	float: left;

}
.container .mainframe .mainmiddle .abstand2 {
	height: 40px;
	width: 660px;
	float: left;
}

/* Formatierung für die Serviettenseite */
.container .mainframe .mainmiddle #imgcontainer {
	height: auto;
	width: 709px;
	float: left;
	clear: both;
}
.container .mainframe .mainmiddle #imgcontainer .imgbox {
	height: auto;
	width: 697px;
	float: left;
	margin: 0 0 10px 0;
	padding-left: 10px;
}
.container .mainframe .mainmiddle #imgcontainer .imgtext {
	height: auto;
	width: 697px;
	float: left;
	margin: 0 0 20px 0;
	padding-left: 10px;
}



.container .mainframe .mainmiddle #imgcontainer .img-B1, .img-B2, .img-B3, .img-B4, .img-B5, .img-B6{
	float: left;
	height: 100px;
	width: 100px;
	border: solid 1px #666666;
	margin: 0 14px 0px 0;
}

.container .mainframe .mainmiddle #imgcontainer .imgtext .text-B1, .text-B2, .text-B3, .text-B4, .text-B5, .text-B6 {
	float: left;
	height: 20px;
	width: 100px;
	margin: 0 16px 0 0;
	color: #666666;
	font: normal 1.1em "Comic sans MS", sans-serif;
}

/* Bilderformatierung */

.container .mainframe .mainmiddle #imgcontainer .img-A1, .img-A2, .img-A3 {
	float: left;
	height: 200px;
	width: 200px;
	border: solid 1px #666666;
	margin: 0 14px 0 0;
	text-align: center;
}

.container .mainframe .mainmiddle #imgcontainer .imgtext .text-A1, .text-A2, .text-A3 {
	float: left;
	height: 20px;
	width: 200px;
	margin: 0 16px 0 0;
	font: normal 1.1em "Comic sans MS", sans-serif;
	color: #666666;
}

/* Kontakt Formular */

.container .mainframe .mainmiddle .kontaktbox {
	height: 450px;
	width: 550px;
	float: left;
	padding-left: 5px;
	background-color: #FFFFE5;
	margin: 3px;
	font: normal 1.1em "Comic sans MS", sans-serif;
}

.container .mainframe .mainmiddle .kontaktbox form {
	background-color: #FFFFE5;
	border: solid 2px #000066;
	color: #0000CC;
	padding: 5px 5px 5px 5px;
}

.container .mainframe .mainmiddle .kontaktbox textarea {
	margin: 10px 10px 10px 3px;
	background-color: #FFFFE5;
}

/* pergamanoseite */

#tumbcontainer {
	height: 110px;
	width: 685px;
	margin: 0 auto 10px 5px;
	float: left;
}

#tumbcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#tumbcontainer li {
	display: inline;
}

#tumbcontainer a {
	margin-left: 8px;
	margin-top: 8px;
}

#tumbcontainer ul li img {
	border: 1px solid #0033CC;
}
#tumbcontainer   ul   li   img:hover   {
	border: 1px solid #CC3300;
}