/* Cascading Stylesheet fuer sattiandsatti.com */
/* 3pc: Jasmina Liessmann - 28.06.2010 */

/* ------------------------------
	Allgemeines
-------------------------------*/
html {min-height:101%;}
body {background:#291713 url(/pix/bg.jpg) repeat-y 50% 0; color:#DDC9A9; font-family:'CourierNewPS-BoldMT','Courier New',monospace; font-size:16px; margin:0; padding:0; width:100%;}
table,tr,td,div,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; font-weight:normal; margin:0; padding:0;}
td {vertical-align:top;}

div.clear {clear:both; font-size:0 !important; height:0 !important; line-height:0 !important; margin:0 !important; padding:0 !important;}

ol, ul {margin-left:20px;}
ol ul {list-style-type:lower-alpha; margin-left:20px;}


/* ------------------------------
	Menu
-------------------------------*/
#nav, #nav ul {list-style:none; margin:0; padding:0 32px; width:636px;}
#nav li {float:left;}
#nav li ul {position:absolute; padding:0; left:-999em;}
#nav li:hover ul {left: auto;}
#nav a:link, #nav a:visited {color:#DDC9A9; display:block; font-family:'Courier New',Courier,monospace,serif; font-size:16px; font-weight:bold; line-height:30px; padding:0 25px 0 0; text-decoration:none;}
#nav a:focus, #nav a:hover {color:#fff; display:block; font-family:'Courier New',Courier,monospace,serif; font-size:16px; font-weight:bold; line-height:30px; padding:0 25px 0 0; text-decoration:none;}
#nav a.on:link, #nav a.on:visited, #nav a.on:focus, #nav a.on:hover {color:#A9562E; display:block; font-family:'Courier New',Courier,monospace,serif; font-size:16px; font-weight:bold; line-height:30px; padding:0 25px 0 0; text-decoration:none;}
#nav li.last a, #nav li.last a.on {padding-right:0;}


/* ------------------------------
	Inhalt
-------------------------------*/
#layout {background:none; margin:0 auto; padding:0 0 40px 0; width:700px;}
#headline {margin:0; padding:13px 0 5px 31px; width:668px;}
#content {padding:0; margin:40px 0 0 0; padding:0 40px; width:620px;}

.bildunterschrift {color:#fff; font-weight:bold; text-align:center;}
.press_link {float:right; padding:0; width:130px !important;}


/* Blog */
body#blog {background:#291713 url(/pix/bg_inhalt.jpg) repeat-y 50% 0}
body#blog  #layout {background:url(/pix/bg_top.jpg) no-repeat 0 0; padding:0;}
   * html body#blog  #layout {background:url(/pix/bg_top.jpg) no-repeat 8px 0;}
   *+html body#blog  #layout {background:url(/pix/bg_top.jpg) no-repeat 1px 0;} 

#content_paper {padding:0; margin:93px 0 0 0; padding:0; width:700px;}
#content_paper h2 {color:#180D0A; font-family:'Courier New',Courier,monospace,serif; font-size:20px; font-weight:bold; line-height:28px; margin:0; padding:0 0 15px 0; text-align:center;}
#content_paper h3 {color:#61302E; font-family:'Courier New',Courier,monospace,serif; font-size:16px; font-weight:bold; line-height:18px;}
#content_paper .inhalt {color:#5F4A65; font-size:14px; font-weight:bold; line-height:19px; margin:0; padding:5px 80px 5px 80px; width:535px;}
#content_paper .inhalt h2 {color:#180D0A; padding-bottom:0; text-align:left;}
#content_paper .inhalt td {font-weight:bold;}
#content_paper a {font-weight:bold;}
#content_paper ul li {font-weight:bold;}
#content_paper ol li {font-weight:bold;}

.links {padding:20px 0 35px 0; width:520px;}
.links a.prev {float:left;}
.links a.next {float:right;}


/* Social Networks */
.social_re {float:left; margin:0; padding:40px 0 0 0; text-align:center; width:64px;}
.social {float:left; margin:0 0 0 16px; padding:14px 0 0 0; text-align:center; width:32px;}
.social a:link, .social a:visited, .social a:focus, .social a:hover {display:block; float:right; height:32px; margin:0 0 14px 0; width:32px;}
.social a.twitter:link, .social a.twitter:visited {background:url(/pix/social_networks/twitter.png) no-repeat 0 0;}
.social a.twitter:focus, .social a.twitter:hover {background:url(/pix/social_networks/twitter_hover.png) no-repeat 0 0;}
.social a.current:link, .social a.current:visited {background:url(/pix/social_networks/current.png) no-repeat 0 0;}
.social a.current:focus, .social a.current:hover {background:url(/pix/social_networks/current_hover.png) no-repeat 0 0;}
.social a.tumblr:link, .social a.tumblr:visited {background:url(/pix/social_networks/tumblr.png) no-repeat 0 0;}
.social a.tumblr:focus, .social a.tumblr:hover {background:url(/pix/social_networks/tumblr_hover.png) no-repeat 0 0;}
.social a.facebook:link, .social a.facebook:visited {background:url(/pix/social_networks/facebook.png) no-repeat 0 0;}
.social a.facebook:focus, .social a.facebook:hover {background:url(/pix/social_networks/facebook_hover.png) no-repeat 0 0;}
.social a.linkedin:link, .social a.linkedin:visited {background:url(/pix/social_networks/linkedin.png) no-repeat 0 0;}
.social a.linkedin:focus, .social a.linkedin:hover {background:url(/pix/social_networks/linkedin_hover.png) no-repeat 0 0;}
.social a.berlinale:link, .social a.berlinale:visited {background:url(/pix/social_networks/berlinale.png) no-repeat 0 0;}
.social a.berlinale:focus, .social a.berlinale:hover {background:url(/pix/social_networks/berlinale_hover.png) no-repeat 0 0;}

/* Preise */
.price_re {float:left; margin:0; padding:65px 0 0 0; text-align:center; width:64px;}


/* ------------------------------
	Ueberschriften
-------------------------------*/
h1 {color:#DDC9A9; font-family:'Courier New',Courier,monospace,serif; font-size:36px; font-weight:bold; text-decoration:none;}
h1 a {color:#DDC9A9 !important; font-family:'Courier New',Courier,monospace,serif; font-size:36px; font-weight:bold; text-decoration:none;}
h2 {color:##DDC9A9; font-family:'Courier New',Courier,monospace,serif; font-size:20px; font-weight:bold; line-height:23px; margin:0; padding:0 0 18px 0; text-align:center;}
h2 a {color:#180D0A; font-family:'CourierNewPS-BoldMT','Courier New',monospace; font-size:18px; font-weight:bold; line-height:28px;}
h3 {color:#A9562E; font-family:'Courier New',Courier,monospace,serif; font-size:16px; font-weight:bold; line-height:18px;}

span.break {background:url(/pix/blog/blog_rules.png) no-repeat 0 0; display:block; height:12px; margin:20px 0 0 0; padding:0; width:511px;}
span.bildunterschrift {color:#fff; font-size:11px; font-weight:normal; line-height:14px;}
span.bildunterschrift_zusatz {color:#fff; font-size:10px; font-weight:normal; line-height:14px;}
span.hinweis {font-size:12px;}


/* ------------------------------
	Links
-------------------------------*/
a:link, a:visited {color:#fff; text-decoration:none;}
a:focus, a:hover {color:#A9562E !important; text-decoration:none;}

a.more:link, a.more:visited {background:url(/pix/pfeil.png) no-repeat 100% 0; color:#180D0A; display:block; font-family:'CourierNewPS-BoldMT','Courier New',monospace; margin:10px 0 0 0; padding:4px 50px 5px 0; text-decoration:none;}
a.more:focus, a.more:hover {background:url(/pix/pfeil.png) no-repeat 100% 0; color:#A9562E; display:block; font-family:'CourierNewPS-BoldMT','Courier New',monospace; margin:10px 0 0 0; padding:4px 50px 5px 0; text-decoration:none;}


/* ------------------------------
	Formular
-------------------------------*/
.hinweis {color:#A9562E; font-weight:bold;}

table.kontakt {margin:0; padding:0; width:390px;}
table.kontakt td.links {margin:0; padding:0; width:190px;}
table.kontakt td.rechts {margin:0; padding:0; width:200px;}

table.shop {margin:0; padding:0; width:390px;}
table.shop td.links {margin:0; padding:0; width:250px;}
table.shop td.rechts {margin:0; padding:0; text-align:right; width:140px;}


fieldset {border:#A9562E 1px solid; margin:0; padding:10px 20px; width:370px;}
   *+html fieldset {width:390px;}
   @media all { fieldset {width:390px;}}
         
legend {color:#A9562E; font-weight:bold; padding:0 10px;}
   *+html legend {margin-bottom:10px;}
  
input {border:#ddc9a9 1px solid; height:16px; margin:0 0 15px 0; padding:2px 2px 2px 2px; width:200px;}
input.ausfuehren {background:#A9562E; border:#A9562E 1px solid; color:#fff; cursor:pointer; height:24px; margin:0 0 15px 10px; padding:0 10px 2px 10px; width:auto;}
input.ausfuehren:hover {background:#ddc9a9; border:#DDC9A9 1px solid; color:#000; cursor:pointer; height:24px; margin:0 0 15px 10px; padding:0 10px 2px 10px; width:auto;}

input.check {border:#ddc9a9 1px solid !important; height:13px; margin:2px 0 15px 0; padding:0; width:13px;}
input.alarm {background:#f3a37c; border:#A9562E 1px solid;}
input.radio {border:#ddc9a9 1px solid !important; height:13px; margin:2px 0 15px 0; padding:0; width:13px;}

select {border:#ddc9a9 1px solid; margin:0 0 15px 0; padding:0; width:206px;}
select.order {width:65px;}

textarea {border:#ddc9a9 1px solid; margin:0 0 15px 0; padding:2px 2px 2px 2px; width:200px;}