@import url(http://fonts.googleapis.com/css?family=Architects+Daughter|Open+Sans:400italic,400,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
strong { font-weight: 700;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.f_small { font-size: 11px;}

/*### RESET ###*/
.clear { clear: both;}
.small { font-size: 11px;}
em { font-style: italic;}
body { color: #1d1d1b; font: 13px/20px 'Open Sans', sans-serif;}
a { color: #cd0d1f; transition: all 0.3s; -wekit-transition: all 0.3s;}
a.transition_none { transition: none; -wekit-transition: none;}
#wrapper { width: 976px; margin: auto; padding: 0 2px;}
#top_colum { height: 86px; border-bottom: 1px dotted #aaaaaa; position: relative; margin: 30px 0}
   #top_colum img { position: absolute; left: 0; top:0;}
   .navi, #adress { width: 382px; float: right;}
   .navi { float: right; font-family: 'Architects Daughter', cursive;}
   .navi li { float: left; margin:28px 54px 10px 0;}
   .navi li.last {}
   .navi li a { float: left; font-size: 18px; text-decoration: none; color: #1d1d1b;}
   .navi li a:hover, .navi li a.active { color: #cd0d1f;}
   #adress li { float: left; margin-right:30px; font-size: 11px;}
   #adress li.last { margin:0 0 0 10px;}
   .adress_col { width: 90px; display: inline-block;}
   
/*Front Header*/
.box_big, .box_small { position: relative;}
.box_big a, .box_small a { position: absolute; bottom: 0; right: 0; display: block; background: #fff; padding: 10px 13px 10px 13px; text-decoration: none; font-size: 20px; color: #cd0d1f;}
.box_big a:hover, .box_small a:hover { background: #cd0d1f; color:#fff;}
.box_big { width: 584px; height: 510px; float: left}
.box_small { width: 382px; height: 250px; float: right; margin-bottom: 10px;}
.slogan { background: #1b1b19; color: #f9f9f0; font-size: 15px;}
.slogan p { padding: 135px 30px 30px 30px;}
.slogan span { font-size: 11px; font-style: italic;}

/*Inhaltsbereich*/
h1 { font: 25px/20px 'Architects Daughter'; margin-bottom: 25px; color: #cd0d1f;}
h2 { font: 20px/20px 'Architects Daughter'; margin-bottom: 25px; color: #cd0d1f;}
#content { border-top: 1px dotted #aaaaaa; border-bottom: 1px dotted #aaaaaa; margin-top: 20px; padding: 25px 0 0 0; min-height: 250px;}
   #content p { margin-bottom: 20px;}
   .con_left { width: 564px; padding-right: 20px; float: left;}
   .sidebar { width: 362px; padding-left: 20px; float: right; }
   a.ico_anfahrt, a.ico_date, a.ico_price { color: #1d1d1b; height: 30px; padding: 10px 0 0 35px; display: inline-block; font-size: 14px; font-weight: bold; text-decoration: none;}
   a.ico_anfahrt:hover, a.ico_date:hover, a.ico_price:hover { color: #cd0d1f;}
   a.ico_anfahrt { background:url(../images/ico_maps.png) left center no-repeat; }
   a.ico_date { background:url(../images/ico_date.png) left center no-repeat;}
   a.ico_price { background:url(../images/ico_price.png) left center no-repeat;}
   
/*Slider*/
.bx-wrapper { max-width: 100% !important;}
#slider { margin: 25px 0; height: 142px;}
.bx-controls-direction a { transition: none; -wekit-transition: none;}
#slider img { transition: opacity 0.8s; -wekit-transition: opacity 0.8s}
#slider img:hover { opacity: 0.7}

/*Forms*/
label { display: block; font-size: 11px; font-weight: 700;}
input.text, textarea { padding: 6px; border:1px solid #aaa; width: 85%; margin-bottom: 10px;}
input.text:hover, textarea:hover { border:1px solid #cd0d1f;}
input.btn { background: #1b1b19; color: #f9f9f0; border: none; padding: 10px 20px; transition: all 0.3s; -wekit-transition: all 0.3s; margin-bottom: 25px;}
input.btn:hover { background: #cd0d1f;}
.fred { color: #cd0d1f;}
   
#footer { font-size: 11px; margin-bottom: 50px; padding-top: 10px;}