/********************************************************************************/
/********************************************************************************/
/*** HOTEL RITA - www.hotelrita.de CSS Definitions ***/
/********************************************************************************/
/********************************************************************************/

/********************************************************************************/
/* General site definitions */
body {
	background-image:url(../format_pics/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, helvetica, Verdana, sans-serif;
	padding:10px;
	margin:0;	
}

body * {padding:0; margin:0; text-align:left;}

/********************************************************************************/
/* Box definitions */
#site_container{position:relative; width:870px; margin:0 auto;}
#bg_box{position:absolute; top:30px; left:0; width:500px; height:535px; background-color:rgb(247,235,166); border:1px solid rgb(128,0,0);}
#container{position:absolute; top:0; left:20px; width:850px; background-color:transparent;}
#header{width:828px; height:116px; background-color:rgb(253,252,232); border:0px solid rgb(128,0,0); border-width:1px 1px 0 1px;}
#menu_box{float:left; width:169px; height:405px; background-color:rgb(253,252,232); border:0px solid rgb(128,0,0); border-width:0 0 1px 1px;}
#content_container{float:left; width:679px; background-color:rgb(253,252,232); border:0px solid rgb(128,0,0); border-width:0 1px 1px 0; background-image:url(../format_pics/container_bg.gif); background-repeat:no-repeat;}
#content_box_top{width:657px; height:8px; overflow:hidden; margin:0 10px 0 10px; background-image:url(../format_pics/content_box_top_bg.gif); border:0px solid rgb(128,0,0); border-width:1px 1px 0 1px; background-color:white;}
#content_box{width:657px; margin:0 10px 0 10px;  border:0px solid rgb(128,0,0); border-width:0 1px 0 1px; background-color:white;}
#content_box_bottom{width:657px; height:8px; overflow:hidden; margin:0 10px 0 10px; background-image:url(../format_pics/content_box_bottom_bg.gif);border:0px solid rgb(128,0,0); border-width:0 1px 1px 1px; background-color:white;}
#content {width:637px; min-height:386px; margin:0 10px 0 10px; padding:1px 0 20px 0;}
* html #content{height:386px;}
#footer{width:657px; height:16px; padding:3px 0 0 0; margin:5px 10px 5px 10px; background-color:rgb(247,235,166); border:1px solid rgb(128,0,0);}

/********************************************************************************/
/* Header */
#header {padding:10px;}
#header #logo {float:left; margin:10px 0 0 10px;}
#header #logo img{border:none; background-color:transparent;}
#header #header_img {float:right; border:1px solid rgb(128,0,0); padding:3px; background-color:rgb(253,252,232);}
#header p {float:right; text-align:right; margin:1.4em 1em 0 0; font-family:Garamond, Georgia, Times, serif; font-size:1em; color:rgb(150,140,120); font-weight:normal; font-style:normal;}
#header p a {color:rgb(128,0,0);}
#header p a:link {}
#header p a:visited {}
#header p a:hover {background-color:rgb(128,0,0); color:white;}



/********************************************************************************/
/* menu box */
#menu_box p {text-align:center;}
#menu_box p #a_crest img{margin:10px; border-width:0;}

/********************************************************************************/
/* menu */
#menu_box #ul_main_navigation{  list-style-type:none; margin:5px 0 0 0;}
#menu_box #ul_main_navigation li{padding:0; margin:0;}
#menu_box #ul_main_navigation a{display:block; width:149px; color:rgb(120,110,90); text-decoration:none;  padding:0; margin:0; font-family:Garamond, Times, serif; font-size:19px; font-style:italic; padding:3px 0 3px 20px;}
#menu_box #ul_main_navigation a:hover{background-image:url(../format_pics/menu_bg.gif); background-repeat:no-repeat; background-position:0 0;}

#menu_box #ul_aktuelles{  list-style-type:none; margin:10px 0 0 0;}
#menu_box #ul_aktuelles li{padding:0; margin:0; text-align:center;}
#menu_box #ul_aktuelles a{display:block; width:169px; color:rgb(120,110,90); text-decoration:none;  padding:0; margin:0; font-family:Garamond, Times, serif; font-size:24px; font-weight:bold; font-style:italic; text-align:center;}
#menu_box #ul_aktuelles a:hover{background-image:url(../format_pics/menu_bg.gif); background-repeat:no-repeat; background-position:0 0;}

/********************************************************************************/
/* footer */
#footer{text-align:right;}
#footer a{color:rgb(128,0,0); text-decoration:none;  padding:0; margin:0 10px 0 0; font-family:Times, serif; font-size:0.7em;}
#footer a:hover{text-decoration:overline underline;}

/********************************************************************************/
/* content */
#content{font-family:Times, serif; font-size:0.9em; color:rgb(120,110,90); line-height:1.4;}

#content p{margin:5px 0 5px 0;}

#content a{color:rgb(128,0,0); text-align:underline;}
#content a:link{}
#content a:visited{}
#content a:hover{background-color:rgb(128,0,0); color:white; text-decoration:none;}

#content h1{font-family:Times, serif; font-size:1.9em; font-weight:bold; font-style:italic; color:rgb(128,0,0); margin:10px 0 10px 0; letter-spacing:0em;}
#content h2{font-family:Times, serif; font-size:1.7em; font-weight:bold; font-style:italic; color:rgb(128,0,0); margin:10px 0 10px 0; letter-spacing:0em;}
#content h3{font-family:Times, serif; font-size:1.3em; font-weight:bold; font-style:italic; color:rgb(128,0,0); margin:10px 0 10px 0; letter-spacing:0.06em; }
#content h4{font-family:Times, serif; font-size:1.3em; font-weight:bold; font-style:italic; color:rgb(120,110,9); margin:10px 0 10px 0; letter-spacing:0.06em; }

#content ul{margin:10px 5px 10px 25px; list-style-image:url(../format_pics/ul_bullet.gif);}
#content ul li{margin:2px 0 2px 0;}

#content ol{margin:10px 5px 10px 25px;}
#content ol li{margin:2px 0 2px 0;}

#content img{border:1px solid rgb(128,0,0); padding:3px; margin:0px; background-color:rgb(253,252,232);}


/****************************************************************/
/* TITLE ELEMENTS */
#content .gni_cms_title ()

/****************************************************************/
/* PARAGRAPH ELEMENTS */
#content .gni_cms_paragraph {}
#content .gni_cms_paragraph  strong{} /* paragraph embedded bold*/
#content .gni_cms_paragraph  em{} /* paragraph embedded italic*/
#content .gni_cms_paragraph  a{} /* paragraph embedded links*/
#content .gni_cms_paragraph  a:link{}
#content .gni_cms_paragraph  a:visited{}
#content .gni_cms_paragraph  a:hover{}

/****************************************************************/
/* LIST ELEMENTS */
#content .gni_cms_list {}
#content .gni_cms_list strong{} /* unorderedlist embedded bold*/
#content .gni_cms_list em{} /* unorderedlist embedded italic*/

#content .gni_cms_list a{} /* unorderedlist embedded links*/
#content .gni_cms_list a:link{}
#content .gni_cms_list a:visited{}
#content .gni_cms_list a:hover{}

/****************************************************************/
/* IMAGE ELEMENTS */
#content .gni_cms_image{margin:5px 10px 5px 5px; padding:0px 0px 0px 0px; font-size:11px;} /* outer div for image and caption */
#content .gni_cms_image img{border:1px solid rgb(128,0,0); padding:3px; background-color:rgb(253,252,232);}

/* link embedded images */
#content .gni_cms_image a{background-color:transparent; border:none;}
#content .gni_cms_image a:link {}
#content .gni_cms_image a:visited {}
#content .gni_cms_image a:hover {}

/* in outer image-dicv embedded caption div */
#content .gni_cms_image div{margin:0px 0px 0px 0px; padding:0px 3px 0px 3px; font-size:11px; border:0px solid black;}


/****************************************************************/
/* FILE ELEMENTS */
#content .gni_cms_file {font-size:18px;} /* outer file div */
#content .gni_cms_file a{ padding:0px 3px 0px 3px;} /* file embedded links */
#content .gni_cms_file a:link{}
#content .gni_cms_file a:visited{}
#content .gni_cms_file a:hover{}


