/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden; background: url(http://www.trattoria-sicula.de/images/transe.png); padding: 0 0 15px 0}
.wrap{overflow:hidden;width:965px;margin-left:-5px;padding-left:5px}
/* Global properties */
body {background:url(http://www.trattoria-sicula.de/images/pizza_koeln_bg.jpg) top fixed no-repeat;border:0;font:14px Georgia, "Times New Roman", Times, serif;color:#200;line-height:24px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main {	margin:0 auto;	width:960px}
/* main layout */
a {color:#a80002;text-decoration:none;outline:none}
a:hover {text-decoration:underline}
h1 {padding:0px 0 0 36px}
header h1{
	float: left;
}
h2 {font-size:41px;line-height:1.2em;color:#200000;padding:16px 0 12px 0;letter-spacing:0}
h2.letter_spacing {letter-spacing:0}
h3 {font-size:27px;color:#230000;line-height:1.2em;padding:10px 0 9px 0;letter-spacing:0}
.wrapper h3 {font-size:20px;color:#230000;line-height:1.2em;padding:10px 0 9px 0;letter-spacing:0}
h3 span {color:#a80002}
p {padding-bottom:24px}
.clearer{clear: both; height: 0; line-height: 0; font-size: 0;}
/* header */
header {height:121px;padding-top:26px;width:100%;overflow:hidden; position: relative}
header p.info{position: absolute; left: 0; width: 100%; top: 2px; font-size: 11px; line-height: 15px; height: 15px; padding: 3px 0; text-align: center; background: url(http://www.trattoria-sicula.de/images/transe.png); border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4)}
#logo {display:block;background:url(http://www.trattoria-sicula.de/images/logo.png) 0 0 no-repeat;width:259px;height:94px;text-indent:-9999px}
#top_nav {float:right;padding:4px 85px 15px 0}
#top_nav li {float:left;padding:3px 26px 5px 0;background:url(http://www.trattoria-sicula.de/images/top_line.gif) right 0 no-repeat;margin-right:25px}
#top_nav li a {display:block;line-height:0}
#top_nav .end {background:none;padding-right:0;margin-right:0}
.rex-navi1 {width:652px;float:right;padding:16px 0 0 0}
.rex-navi1 li {float:left;padding-left:3px}
.rex-navi1 li a {display:block;font-size:24px;color:#000000;line-height:30px;padding:0 12px;height:32px;letter-spacing:0px}
.rex-navi1 li a:hover, .rex-navi1 .rex-current a {text-decoration:none;background: url(http://www.trattoria-sicula.de/images/transe.png)}
.slider_bg {width:100%;height:404px;background:url(http://www.trattoria-sicula.de/images/bg_slider.jpg) 0 0 no-repeat;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4);margin-bottom:35px}
.slider {top:10px;right:10px;position:absolute;z-index:1;width:920px}
.slider .items {display:none}
.slider .pic {float:right;position:relative}
.banner {left:0px;top:0;position:absolute;width:271px;z-index:2;text-align:center}
.banner strong {font-size:50px;color:#bf0f0a;display:block;line-height:1.2em;text-transform:uppercase;padding:4px 0 0 0;letter-spacing:-2px}
.banner strong span {display:block;margin-top:-16px}
.banner b {display:block;font-size:27px;color:#312826;text-transform:uppercase;padding:0 0 8px 0;line-height:1.2em;letter-spacing:-1px}
.banner p {background:url(http://www.trattoria-sicula.de/images/quot1.png) 0 0 no-repeat; padding: 0 22px 12px 22px;}
.banner p span {display:block;background:url(http://www.trattoria-sicula.de/images/quot2.png) right bottom no-repeat;padding:15px 0 0 0;color:#6c5f5b;}
.slider .pagination {position:absolute;z-index:2;bottom:10px;left:107px}
.slider .pagination li {float:left;padding-right:3px}
.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(http://www.trattoria-sicula.de/images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
/* content */
#content {padding-bottom:40px}
#content2 {padding-bottom:31px}
.pad_left1 {padding-left:30px}
.pad_bot1 {padding-bottom:13px}
.pad_bot2 {padding-bottom:24px}
.marg_right1 {margin-right:20px}
.box {background:url(http://www.trattoria-sicula.de/images/box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)}
.box > div {background:url(http://www.trattoria-sicula.de/images/box_top.png) 0 top no-repeat;padding:30px;padding-top:0;overflow:hidden}
.box h2 {color:#fcba04;padding:15px 0 12px 0; font-size: 30px;}
.box h2 span {color:#faf3ed}
.box figure {padding-bottom:13px}
.list1 li a {font-style:italic;padding-left:12px;background:url(http://www.trattoria-sicula.de/images/marker_1.gif) 1px 8px no-repeat;color:#faf3ed}
.list_1 {color:#fff}
.list_1:hover {text-decoration:none}
.button1 {display:inline-block;font-size:24px;color:#fcba04;line-height:34px;padding:0 15px;letter-spacing:1px}
.button1:hover {text-decoration:none;color:#ffffff}
.testimonials li span {float:left;width:40px;height:40px;font-size:30px;color:#faf3ed;line-height:34px;text-align:center;background:#a80002;margin-right:20px}
.testimonials li p {float:left;width:180px;padding-bottom:15px}
.testimonials li img {padding-top:2px}
.line1 {background:url(http://www.trattoria-sicula.de/images/line_vert1.gif) 285px 0 repeat-y}
.line2 {background:url(http://www.trattoria-sicula.de/images/line_vert1.gif) 615px 0 repeat-y}
.price {margin-top:-7px}
.price li {overflow:hidden;background:url(http://www.trattoria-sicula.de/images/price_bg.gif) 0 -6px repeat-x}
.price a {float:left;color:#220000;background:url(http://www.trattoria-sicula.de/images/marker_2.gif) 1px 11px no-repeat #faf3ed;padding-left:12px}
.price a:hover {text-decoration:none;color:#a80002}
.price span {float:right;background:#faf3ed}
.address {padding-bottom:0}
.address span {float:left;width:84px}
/* footer */
footer {height:138px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:18px}
footer .wrapper{box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)}
footer a {color:#696969;text-decoration:none}
footer a:hover {text-decoration:none}
#icons {padding:25px 0 0 0}
#icons li {float:left;padding-right:9px}
/* Tooltips */
.aToolTip {background:#a80002;color:#fff;	margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
/* forms */
#ContactForm {margin-top:-5px;width:910px}
#ContactForm span {float:left;width:111px;line-height:20px}
#ContactForm .wrapper {min-height:24px}
#ContactForm .textarea_box {min-height:170px;width:100%;overflow:hidden;padding-bottom:9px}
#ContactForm {}
#ContactForm a {margin-left:20px;float:right}
#ContactForm .input {width:399px;height:18px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0;float:left}
#ContactForm textarea {overflow:auto;width:789px;height:163px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0}
.wrap h1{
	font-size: 32px;
	line-height: 28px;
	margin: 0 0 12px -26px;
}

.wrap .pan h1{
	font-size: 34px;
	line-height: 36px;
	margin: 25px 0 4px 30px;
}

.wrap .pan h1.titel{
	font-size: 36px;
	line-height: 36px;
	margin: 25px -138px 4px 10px;
	border-bottom: 2px solid #ffffff;
}


.wrap p.hinweis{
	margin: 0 0 0 30px;
	font-style: italic;
}

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:34px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    font-size:20px;
    letter-spacing: -1px;
    display:block;
    height: 34px;
    line-height:34px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px 4px;
    margin:0px 2px 0 0;
    position:relative;
    top:1px;
    background: #ffffff;
    font-weight: bold; 
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background: url(http://www.trattoria-sicula.de/images/bg_slider.jpg);
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    cursor:default !important;
    color:#000 !important;
    background: url(http://www.trattoria-sicula.de/images/bg_slider.jpg);
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


/* tab pane styling */
.panes div {
    display:none;
    padding:15px 10px;
    background: url(http://www.trattoria-sicula.de/images/bg_slider.jpg)
}
.pan ul{width: 90%; padding: 20px 0 0 0;}
.pan li{position: relative; padding: 0 50px 25px 0;}
.pan li b{float: left; font-size: 32px; padding: 5px; border-radius: 50% 50% 50% 50%;background: #fcba04; display: block; width: 36px; height: 36px; text-align: center;}
.pan li h2{float: left; display: inline; padding: 0 20px 20px 20px;font-size: 30px;}
.pan li h3{position: absolute; top: 0px; right: 0;font-size: 22px;}
.pan li h3 span{ font-size: 15px;color: #200000; padding: 5px 0 0 5px;}
.pan li p{font-size: 16px; padding: 13px 15px 0 10px;}

ul.gerichte{width: 98%; margin: 0 1%; padding: 20px 0 0 0;background:url(http://www.trattoria-sicula.de/images/bg_slider.jpg) 0 0 repeat-y;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4);margin-bottom:35px}
ul.gerichte li{position: relative; padding: 0 50px 25px 10px; width: 80%}
ul.gerichte li b{float: left; font-size: 32px; padding: 5px; border-radius: 50% 50% 50% 50%;background: #fcba04; display: block; width: 36px; height: 36px; text-align: center;}
ul.gerichte li h2{float: left; display: inline; padding: 0 20px 20px 20px;font-size: 30px;}
ul.gerichte li h3{position: absolute; top: 0px; right: 0;font-size: 22px;}
ul.gerichte li h3 span{ font-size: 15px;color: #200000; padding: 5px 0 0 5px}
ul.gerichte li p{font-size: 16px; padding: 8px 0 0 10px;}


.pan li.getraenk{padding: 0}
.pan li.getraenk {height: 60px;}
.pan li.getraenk h1{margin: 0; width: 625px;float: left}
.pan li.getraenk h2{font-size: 18px;color: #200000; padding: 12px 0 0 5px}


ul.gallerie li{
	float: left;
	margin: 0 23px 25px 0;
	padding: 12px;
	background:url(http://www.trattoria-sicula.de/images/bg_slider.jpg) 0 0 repeat-y;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)
}
ul.gallerie li.last{
	margin: 0 0 25px 0;
}
.textblock{background: url(http://www.trattoria-sicula.de/images/transe.png); margin: 20px 1%; padding: 10px 10px 2px 10px;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)}


.videolistbox{
	margin: 10px 0 10px 45px;
	width: 870px;
}
.videolistbox .clips{
	float: left;
	width: 190px;
}
.videolistbox .clips a{
	display: block;
	margin: 0 0 12px 0;
	padding: 3px 3px 3px 3px;
	-webkit-box-shadow: 3px 3px 7px #ccc;
	-moz-box-shadow: 3px 3px 7px #ccc;
	box-shadow: 3px 3px 7px #ccc;
	background: #d70404;
	color: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.videolistbox .clips a:hover{
	text-decoration: none;
}


.videolistbox .videobox{
	float: right;
	width: 455px;
	-webkit-box-shadow: 3px 3px 7px #ccc;
	-moz-box-shadow: 3px 3px 7px #ccc;
	box-shadow: 3px 3px 7px #ccc;
}