* {
 padding: 0;
 margin: 0;
 border: 0;
}


body {
 margin: 0; 
 padding: 0; 
 font-family: Georgia, serif;
 font-size: 12px;
 line-height: 1.4em;
 letter-spacing: 1px;
 background: #f1f1f1 url(bg.jpg) center top repeat-y; /* -21px top repeat-y; */
 color: #192135; 
}


.hide {
 display: none;
}

.right {
 float: right;
}



#Alles {
 width: 958px; 
 /* float: left; */
 margin: 0 auto;
}

#Links {
 width: 298px;
 float: left;
}

#Rechts {
 width: 660px;
 float: left;
}

/* IE optimierung */
*+html #Rechts {
 padding-bottom: 40px;
}
*html #Rechts {
 width: 600px !important;
}
*html #Content {
 width: 580px !important;
}





#SeitenBild {
 width: 298px;
 height: 598px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}

#SeitenBild img {
 min-width: 300px;
 min-height: 600px;
 max-height: 640px;
 margin: 40px -1px -1px -1px;
}





#MenuBg {
 z-index: 3;
 position: relative;
 margin-top: -520px;
 width: 298px;
 height: 90px;
 background: url(new_menu_bg.png) no-repeat;
}


#Menu {
 z-index: 2;
 position: relative;
 width: 298px;
 height: 280px;
 text-align: right;
 background: url(new_bg.png) repeat;
 border-bottom: 1px solid #e0e1e6;
} 



#Menu ul {
 line-height: 18px;
 margin-right: 36px;
 list-style: none;
}

#Menu ul li {
color: #000000;
 font-weight: normal;
}

#Menu ul li a {
 color: #000000;
 font-weight: normal;
 text-decoration: none !important;
}

.Menu li a:hover {
 text-decoration: none !important;
 color: #2C3343 !important;
}

.Aktiv {
 font-weight: bold !important;
}




#TopLinks {
 width: 620px;
 height: 20px;
 margin: 28px 40px 0 0;
 float: left;
 clear: both;
}

#TopLinks a {
 color: #192135;
 text-decoration: none !important;
}

#TopLinks a:hover {
 text-decoration: none !important;
 color: #3E4860 !important;
}


#SubBox {
 width: 660px;
 height: 42px;
 margin: 57px 0 22px 0;
 background: #e1e1e1;
 overflow: hidden;
 float: left;
 clear: both;
}

.SubMenu {
 list-style-type: none;
 margin: 0 0 24px 40px;
}

.SubMenu li {
 margin: 0 11px 0 0;
 line-height: 40px;
 float: left;
}

.SubMenu li a {
 text-decoration: none !important;
 color: #192135;
}

.SubMenu li a:hover {
 text-decoration: none !important;
 color: #3E4860 !important;
}




#Content {
 width: 600px;
 margin: 0 0 50px 40px;
 float: left;
 clear: both;
}






input,
textarea,
.textfeld {
 border: #9698aa 1px solid;
 margin: 4px 0 0 0 !important;
}


.rt {
 font-style: italic;
}

h1, .rtbold, .linked {
 font-weight: bold;
}

.portrait {
 padding-left: 15px;
 margin-top: 3px;
 float: right;
}

#Content a {
 color: #192135;
 text-decoration: underline;
}

#Content a:hover {
 text-decoration: none;
}


h1, h2, h3, h4, h5, h6, p {
 font-family: Georgia, serif;
 font-size: 12px;
 line-height: 16px;
 color: #192135; 
}

#Content p {
 margin: 6px 0px 2px 0;
}

#Content ul {
 margin-left: 14px;
}

h1, h2, h3, h4, h5, h6 {
 margin: 20px 0 8px 0;
}

h1 {
 margin: 0px 0 8px 0;
 font-size: 13px;
}

h2 {
 font-size: 13px;
 margin: 28px 0 8px 0;
}





.imgtext-table img {
margin: 0 10px 10px 0 !important;
}



.csc-form-labelcell {
 vertical-align: top;
 padding-top: 2px !important;
}





.Thumbnail {
 float: left;
 margin: 0 20px 20px 0px;
}


/* IE optimierung */
*html .Thumbnail {
 margin: 0 10px 20px 0 !important;
}

.ThumbnailBild {
 border: 1px solid #ddd;
}

.Bildunterschrift {
 width: 162px;
 font-size: 11px;
 margin: 0;
 padding: 0;
}

a.KaufanfrageLink {
 text-decoration: none !important;
 line-height: 20px !important;
}

a.KaufanfrageLink:hover {
 text-decoration: none !important;
 color: #45506C !important;
}





.ShopBox,
.Box {
 background: #e0e1e6;
 width: 550px;
 padding: 10px 15px 10px 15px;
 margin: 0 0 20px 0;
}

.RestaurationsBox {
 background: #e0e1e6;
 width: 550px;
 padding: 10px 15px 10px 15px;
 margin: 0 0 20px 0;
}

/* IE optimierung */
*html .Box {
 width: 500px !important;
}
*html .ShopBox {
 width: 500px !important;
}
*html .RestaurationsBox {
 width: 500px !important;
}


.Box h1 {
 display: none;
}

.BoxTitel {
 padding: 0 !important;
 margin: 0 0 0 6px !important;
 font-size: 14px;
}

.BoxLinkAuf:hover,
.BoxLinkZu:hover {
 text-decoration: none !important;
 color: #45506C !important;
}

.BoxLinkAuf {
 text-decoration: none !important;
 line-height: 22px;
}

.BoxLinkZu {
 line-height: 22px;
 text-decoration: none !important;
 display: none;
}

.BoxInhalt {
 display: none;
}

.ShopBoxInhalt h1 a {
 text-decoration: none !important;
 padding: 0 !important;
}

.ShopBoxInhalt h1 a:hover {
 text-decoration: underline !important;
}



.ShopBoxInhalt h1 {
 text-decoration: none !important;
 padding: 0 !important;
 margin: 0 !important;
}







.Back {
 clear: both;
}



.guestbook-field,
.csc-mailform-field {
 float: left;
 width: 400px;
 margin: 5px 0 0 0;
 clear: both;
}

.guestbook-field label,
.csc-mailform-field label {
 line-height: 28px;
}

.guestbook-field input,
.guestbook-field textarea,
.csc-mailform-field input,
.csc-mailform-field textarea {
 float: right;
}

#capture {
 width: 100px;
 padding: 3px;
}

#surname,
#email,
#message,
#mailformName,
#mailformemail,
#mailformTelefon,
#mailformBild,
#mailformMitteilung,
#mailformBetreff {
 width: 300px;
 padding: 3px;
}



/* IE optimierung */

*+html .csc-mailform-field input {
 float: left !important;
}

*+html .guestbook-field,
*+html .csc-mailform-field {
 float: left !important;
 width: 300px !important;
}






.guestbook-field img {
 margin-left: 46px !important;
}

.guestbook-pagination {
 width: 400px;
}

.guestbook-header {
 display: block;
 background: #e0e1e6;
 padding: 4px 10px 4px 10px;
 width: 380px;
}

.guestbook-text {
 padding: 4px 10px 4px 10px;
 width: 380px;
}



.Kurzuebersicht {
 width: 600px;
 height: 110px;
 overflow: hidden;
 margin-bottom: 10px;
 float: left;
 clear: both;
}

/* IE optimierung */
*html .Kurzuebersicht {
 width: 580px;
}

.Kurzuebersicht p {
 display: none;
}

.Kurzuebersicht a {
 text-decoration: none !important;
}

.Kurzuebersicht img {
 width: 150px;
 height: 150px;
}

.Kurzuebersicht .ThumbnailBild {
 width: 150px;
 height: 90px;
 overflow: hidden;
}



form#ve input {
 visible: hidden;
}

form#ve #GuestbookFieldset input {
 #visible: show;
}



.csc-textpic-text {
 margin-right: 30px;
}

/*
.csc-textpic-imagewrap {
 width: 200px;
}



.csc-textpic-imagewrap {
 margin-right: 20px;
}
*/






a #DE,
a #xDE {
 width: 24px;
 height: 16px;
 background: url(flaggen.png) no-repeat 0px 0px;
 margin-right: 5px;
 float: left;
}

a #xDE {
 background-position: 0px -32px;
}

a:hover #DE {
 background-position: 0px -16px;
}

a #EN,
a #xEN {
 width: 24px;
 height: 16px;
 background: url(flaggen.png) no-repeat -24px 0px;
 float: left;
}

a #xEN {
 background-position: -24px -32px;
}

a:hover #EN {
 background-position: -24px -16px;
}








#Socials,
#Copy {
 line-height: 16px;
 height: 16px;
 font-size: 12px;
 color: #888;
 width: 380px;  
 float: left;
}

#Socials { 
 width: 140px;
 margin-top: 6px;
 float: right;
}


#delicius,
#wong,
#favoriten,
#stumble,
#kledy,
#linkarena {
 width: 16px;
 height: 16px;
 margin: 0 5px 0 0;
 float: left;
}

#delicius {
 background: url(socials.jpg) no-repeat -48px bottom;
}
#delicius:hover {
 background-position: -48px top;
}

#wong {
 background: url(socials.jpg) no-repeat 0px bottom;
}
#wong:hover {
 background-position: 0px top;
}

#linkarena {
 background: url(socials.jpg) no-repeat -32px bottom;
}
#linkarena:hover {
 background-position: -32px top;
}

#favoriten {
 background: url(socials.jpg) no-repeat -16px bottom;
}
#favoriten:hover {
 background-position: -16px top;
}

#stumble {
 background: url(socials.jpg) no-repeat -64px bottom;
}
#stumble:hover {
 background-position: -64px top;
}

#kledy {
 background: url(social-kledy.jpg) no-repeat left bottom;
}
#kledy:hover {
 background-position: left top;
}





#Button {
 margin: 200px 32px 0 0;
 float: right;
}





