.content { background-color: navy; margin-left: 180px; text-align: justify; width: 400px; clear: right; padding: 4px 10px 14px px 4px 10px 14px px 4px 10px 14px px 10px; }
/* eigene */
p { text-align: justify; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; }
hr { background-image: url(hr.png); }
h3 { font-size: 1.3em; font-weight: bold; margin: 1em 0; }
a { color: blue; text-decoration: underline; }
a:link, a:visited, a:active { color: blue; }
a:hover { color: purple; }

/* BOX left */
.box_left_header { color: white; font-weight: bold; background-color: black; width: 156px; float: left; margin: 0; padding: 3px 7px; }
.box_left_content { background-color: white; width: 156px; float: left; margin-bottom: 15px; padding-right: 6px; padding-left: 6px; border: solid 1px black; }
/* BOX right */
.box_right_header { color: white; font-weight: bolder; background-color: black; width: 155px; float: left; margin-right: 5px; margin-left: 5px; padding: 3px 0 3px 7px; }
.box_right_content { background-color: white; width: 160px; float: left; margin-right: 5px; margin-bottom: 15px; margin-left: 5px; border: solid 1px black; }
/* BOX search */
.box_search_header { color: white; font-weight: bold; background-color: black; width: 155px; float: left; margin: 0 5px; padding: 3px 0 3px 7px; }
.box_search_content { background-color: white; text-align: center; width: 160px; float: left; margin-right: 5px; margin-bottom: 15px; margin-left: 5px; padding: 5px 0; border: solid 1px black; }
.footer { background-color: #ffffff; clear: both; background-repeat: repeat-x; font-size: 10px; color: #666666; text-align: center; line-height: 18px; }
.copyright { text-align: center; font-size: 10px; vertical-align: middle; margin-top: 15px; padding-top: 2px; }
/* Gutscheine adbutler */
.gutschein_hg { background-image: url(/media/gutschein_hg.jpg); background-repeat: no-repeat; width: 510px; height: auto; }
.g_adb--utler_border { position: relative; top: 550px; width: 490px; margin-top: 250px; border: dashed 1px purple; }
.g_adbutler_h3 { color: black; font-size: 16px; font-weight: bold; text-align: center; width: 300px; margin-top: -10px; margin-bottom: 10px; margin-left: 120px; }
.g_adbutler_description { color: black; text-align: left; margin-left: 50px; padding-right: 30px; }
.gutschein_hg_foot { background-image: url(/media/gutschein_hg_foot.jpg%20); background-repeat: repeat-y; width: 510px; height: 20px; }
.gutschein_hg_head { background-image: url(/media/gutschein_hg_head.jpg); background-repeat: no-repeat; }
/*----------------------------------------------------------------------------------------------*/
#header { background-image: url(header_euro_gutscheine.jpg); background-repeat: no-repeat; position: relative; width: 930px; height: 174px; margin-right: auto; margin-left: auto; padding-left: -10px; }
#body { background-image: url(big_middle.gif); background-repeat: repeat-y; background-position: center; position: relative; width: 920px; }
#erste { width: 730px; float: left; margin-left: 5px; }
#content { position: relative; width: 520px; float: right; clear: both; min-height: 700px; margin: 0 5px; padding: 10px; }
#navi_main { width: 170px; float: left; min-height: 500px; margin: 0; padding: 5px; }
#add { width: 170px; float: right; margin-right: 5px; padding: 5px; }
#footer { font-size: 14px; height: 60px; clear: both; padding-bottom: 15px; }
#copyright { }
body { padding: 0; margin: 0; font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif; background: #f0f0f0; color: #454545; }
a { color: #0E4D8B; background: inherit; }
a:hover { color: #000; background: inherit;}
a.title { color: #B41A1A; background: #FFF; }

h1 { font: bold 1.5em Arial, sans-serif; letter-spacing: -1px; padding: 0; margin: 0 0 15px; }
h2 { margin: 1em 0; padding: 0; font: 1.6em Arial, sans-serif; letter-spacing: -1px; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 1.3em Arial, sans-serif; margin: 1em 0 10px; padding: 0; color: #5f5f5f; background: #fff; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }
input.search { width: 199px; border: none; background: #FFF url(input.gif); padding: 4px; color: #808080; }
input.submit { height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url(button.gif); padding: 3px; color: #FFF; }

/* layout*/

.content { margin: 10px auto; width: 920px; color: #454545; background-image: url(big_middle.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; padding: 0; }

.logo {	padding: 18px 0 0 3px; }

/* header */
/* navigation */
.website_titel { margin-top: 30px; }
.sf_left { float: left; width: 213px; height: 77px; background: #5bb2d1 url(logobg.gif) repeat-x; color: #fff; font-size: 1.6em; font-weight: bold; text-align: center; border-top: 1px solid #137da2; border-bottom: 1px solid #000; padding: 10px 0 0 3px; }
.sf_right { width: 680px; height: 77px; float: right; }

.sf_search { clear: both; background: #ca090d url(searchbg.gif) repeat-x left bottom; color: #ffe4e0; height: 27px; margin-top: 10px; border-top: 1px solid #aa1717; border-bottom: 1px solid #000; padding: 13px 0 22px 15px; }
	
.subheader {
	padding: 8px;
	background: #f0f0f0;
	color: #808080;
}

/* Box left */
	.box_top { background: #f0f0f0 url(leftbox_top.png) no-repeat; color: #808080; height: 40px; width: 159px; float: left; }
	
	.box_top h5 { color: #808080; font-size: 1.1em; background: inherit; padding: 7px 0 0 5px; margin: 0; }
	
	.box { border-left: 2px solid #f0f0f0; border-right: 2px solid #f0f0f0; padding: 0 4px 0 7px; margin: 0; width: 144px; color: #595959; background: #fff; float: left; }
	
	.box_bottom { background: #fff url(leftbox_bottom.gif) no-repeat; color: #000; height: 13px; width: 160px; float: left; margin: 0 0 7px; }

/* Hauptmenu links */
.menu { color: green; position: relative; width: 120px; float: left; margin: 0; padding: 0; }
.menu ul { margin: 0 0 5px; padding: 0; list-style: none inside; display: block; }
.menu li { list-style-type: none; list-style-image: none; display: block; margin: 0 0 5px; padding: 0; }
.menu ul ul {
	padding-left: 8px;
}
.menu a:link, .menu a:visited, .menu a:active, .menu a:hover { color: maroon; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; padding: 2px; list-style-type: none; cursor: help; }
.menu_main a:link, .menu_main a:visited, .menu_main a:active {  }
.menu_main a:hover {  }

.box- { background-color: white; width: 143px; float: left; margin-bottom: 15px; padding-left: 5px; border: solid 1px green; }
.box_to-p { color: white; font-weight: bold; background-color: green; width: 143px; float: left; margin: 0; padding: 3px 0 3px 7px; }

/* Gutscheine Beschreibung */
.vg { font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-left: 30px; }
.vg_red { color: red; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-left: 30px; }
.vg_content { text-align: justify; margin-bottom: 20px; margin-left: 100px; }
.vg_banner { text-align: center; margin-top: 30px; margin-bottom: 30px; }
.g_link { color: blue; background-image: url(/media/gutschein_hg_verl.jpg); background-repeat: repeat-y; text-align: center; width: 510px; }

ul { margin: 0.1em 0 0.1em 50px; list-style-image: url(bull_red.jpg); }
.ul_gutschein { list-style-image: url(bull_red.jpg); margin: 1em 0 1em 50px; }
.iframe { margin-left: -30px; }
.novoucher { background-color: #ffaa9f; z-index: -10; padding: 15px; }
.g_336 { background-image: url(/media/gutschein_hg_g_336.jpg); background-repeat: no-repeat; width: 510px; height: 347px; padding-top: 100px; padding-left: 120px; }