/*

 Layout und Design für: 
  kreunzundquer e.V. http://www.kreuzundquer-ev.de

 Author:
  Stefan Jenkner <stefan@jenkner.org>

*/

.container_12 { margin: 0 auto; background-color: #fff; }

/* Abkuerzungen */

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }

.alignright { float: right; }
.alignleft { float: left; }

.baseline { vertical-align: baseline; }
.middle { vertical-align: middle; }
.sub { vertical-align: super; }
.text-top { vertical-align: text-top; }
.text-bottom { vertical-align: text-bottom; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }

/* Allgemein */

body { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000; }
body { margin: 0; padding: 0; background-color: #fff; }
body, html { min-height: 100%; }

small { font-size: 10px; }

p,
em { font-size: 12px; }

a,
a:hover,
a:visited { color: #f60; text-decoration: none;  }

h1 a, h1 a:hover, h1 a:visited,
h2 a, h2 a:hover, h2 a:visited,
h3 a, h3 a:hover, h3 a:visited,
h4 a, h4 a:hover, h4 a:visited { color: #000; }

a:hover,
h2 a:hover { text-decoration: underline; }

blockquote { padding: 0; font-style: italic; margin: 0 0 0 30px; display:block; width: 40%; text-align: justify; float: right; color: #444; font-size: 0.7em; }

blockquote:before,
blockquote:after { font-weight: bold; color: #f60; font-size: 14px; }

blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }

/* Platzierung und Layout */

#header *,
#footer *,
#logo * { border: none; }

#header { background: #111 url('/static/img/stripe.png') repeat-x bottom; height: 70px; }
#header { border-bottom: 3px solid #444; }

#logo { margin: 20px 0; }

#content { margin: 20px 0; }

#footer { background: #000 url('/static/img/banner_train.png') no-repeat center bottom; height: 120px; }
#footer { border-top: 3px solid #444; }
#footer { position: relative; width: 100%; }
#footer ul li { padding: 3px 0; }
#footer a { color: #444; }

#flatpage-das-team img,
#flatpage-sponsoren img { float:right; margin: 3px 0 0 10px; }

/* Menu, Listen und Navigation */

ul.menubar { margin: 0; padding-left: 0; white-space: nowrap; }
ul.menubar li { display: inline; list-style-type: none; line-height: 70px; }
ul.menubar a { padding: 22px 10px; font-size: 16px; }
ul.menubar a:link,
ul.menubar a:visited { color: #fff; text-decoration: none; }
ul.menubar a:hover { color: #f60; background-color: #111; text-decoration: none; }

ul#navigation { list-style-type: none; margin: 0; padding: .5em 0; }
ul#navigation li { display: block; padding: .2em 0; text-align: center; text-decoration: none; }

/* Inhalt */

.title { background: #fff url('/static/img/tile_140_70.png') no-repeat right top; height: 140px; padding-bottom: 70px; }
.title h2 { margin: 5px 10px; color: #fff; font-size: 18px; font-weight: normal; text-align: right; }
.title img { margin: 5px 5px; padding: 2px 0; float:left; }

#content div.content,
#content div.title { margin-top: 20px; }

.content { word-spacing: 0.2em; line-height: 1.5em; font-size: 12px; text-align: left; }
.content p { margin: 0 0 10px; text-align: justify; }
.content p a { color: #f60; }
.content h3 { margin: 4px 0 10px; font-size: 16px; }
.content h4 { margin: 20px 0 0; font-size: 14px; clear: both; }
.content textarea { width: 100%; }

.content img { border: 1px solid #f60; padding: 1px; }

.meta { color: #999; } 
.meta small a { color: #f60; }

.content .alignright img { margin: 3px 0 0 10px; }

.photoset { background-color: #fff; color: #555; }

/* Tags */

.tag-1 { font-size: 12px; }
.tag-2 { font-size: 13px; }
.tag-3 { font-size: 14px; }
.tag-4 { font-size: 15px; }
.tag-5 { font-size: 16px; }
.tag-6 { font-size: 17px; }
.tag-7 { font-size: 18px; }
.tag-8 { font-size: 19px; }