/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

body {
	background: #FFF;
	color: #334;
	font: normal 75% sans-serif;
	line-height: 1.5;
}


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #444;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 0.3em;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Links */

a:focus,a:hover 	{ color: #224466;}
a			{ color: #556677; text-decoration: underline; }
a.feed			{ background: url('img/icon-feed.gif') no-repeat left center; padding-left: 18px; }
a.extern		{ text-decoration: none; color: #888888; padding: 0px 14px 0px  0px; background: #FFF url('img/ext_Link.gif') no-repeat right }

/* Text elements */

p {margin-bottom: 1em;}

abbr, acronym 		{border-bottom: 1px dotted #666;}
address 		{margin-bottom: 1.5em;}
blockquote 		{margin: 1.5em;}
del, blockquote 	{ color:#666; }
em, dfn, blockquote, address {font-style: italic;}
strong, dfn 		{font-weight: bold;}
sup, sub 		{line-height: 0;}

pre 			{ margin: 1.5em 0; white-space: pre; }
pre,code,tt 		{ font: 1em monospace; line-height: 1.5; }

/* Lists */

li ul, li ol		{margin-left: 1.5em;}
ul, ol			{margin: 0 0 1.5em 1.5em;}
ul			{list-style-type: disc;}
ol			{list-style-type: decimal;}
dl			{margin: 0 0 1.5em 0;}
dl dt			{font-weight: bold;}
dd			{margin-left: 1.5em;}

/* Special lists */
ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}
ul.tabbed					{ display: inline; margin: 0; }
ul.tabbed li					{float: left;}
ul.plain-list					{margin: 0;}
ul.nice-list					{margin-left: 0;}
ul.nice-list li					{ list-style: none; border-top: 1px solid #EEE; padding: 4px 0; }
ul.nice-list li:first-child			{border-top: none;}
ul.nice-list li .right				{color: #999;}

/* Tables */
table						{margin-bottom: 1.4em; width: 100%;}
th						{font-weight: bold;}
thead th					{background: #C3D9FF;}
th,td						{padding: 4px 10px 4px 5px;}
tr.even td					{background: #f2f6fa;}

/* Misc classes */

.small			{font-size: 0.9em;}
.smaller		{font-size: 0.8em;}
.smallest		{font-size: 0.7em;}

.large			{font-size: 1.15em;}
.larger			{font-size: 1.25em;}
.largest		{font-size: 1.35em;}

.hidden			{display: none;}

.highlight		{background:#ff0;}

.text-left		{text-align: left;}
.text-right		{text-align: right;}
.text-center		{text-align: center;}
.text-separator		{padding: 0 5px;}

/* 
   Forms 
------------------------------------------------------------------- */

label {font-weight: bold; cursor: pointer;}
fieldset {padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size: 1.2em;}
textarea {overflow: auto;}
input.text, textarea, select {
	background: #FCFCFC;
	border: 1px inset #AAA;
	margin: 0.5em 0;
	padding: 4px 5px;
}
input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button {
	background: #DDD;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}

.form_error {border-color: #F00;}

/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Images */

img.bordered,img.alignleft,img.alignright,img.aligncenter,.bordered {
	background-color: #FFF;
	border: 1px solid #e6e6e6;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}


/* Floats */   

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

.alignleft img.bordered { margin-right: 8px; }
.alignright img.bordered { margin-left: 8px; }

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}


/* 
   Separators 
------------------------------------------------------------------- */

.content-separator, .archive-separator {
	background: #e6e6e6;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {margin: 20px 0;}
.archive-separator {margin: 10px 0;}


/* 
   Posts 
------------------------------------------------------------------- */

.post a {text-decoration: none;}
.post a:hover {text-decoration: underline;}

.post img.left, .post img.right {margin-bottom: 0;}

.post-date {
	color: #777;
	margin: 2px 0 10px;
}

.post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}

.post-meta {
	background: #e6e6e6;
	border: 1px solid #DDD;
	color: #777;
	padding: 6px 10px;
}

.post-body {font-size: 1.1em; width: 600px;}
.post-body img.left, .post-body img.right {margin-bottom: 1em;}

/* Archives */
.archive-pagination {margin-bottom: 16px;}
.archive-post-date {
	background: #F5F5F5;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive-post-title .post-date {margin: 0;}
.archive-post-title {padding-top: 4px;}
.archive-post-day {font: normal 1.6em Georgia,serif;}


/* 
   Layout 
------------------------------------------------------------------- */

/* Seite */
#site 						{ margin: 0px auto; width: 999px; position: relative; top: 3px;} /* Mit Werbung 1180 */

#werbung-kopf					{ position: relative; top: 3px; width: 980px; height: 90px; text-align: center; font-size: 0.75em; }
#werbung-seite					{ position: absolute; left: 1010px; top: 111px; width: 170px; height: 700px; text-align: left; font-size: 0.75em; }
#inhalt						{ position: relative; top: 6px; width: 980px; margin-top: 12px; }

/* Toolbar */
#toolbar {
	padding: 12px 0 8px;
	font-size: 1.1em;
	color: #999;
}
#toolbar img {vertical-align: middle;}

/* Header */
#header 					{ margin-bottom: 24px; margin: 3px 0 0 0; padding: 3px 0 0 0;}

/* Site title */
#site-title					{ font: normal 1.0em serif; border-bottom: 1px solid #e6e6e6; padding: 16px 0 8px 0; }
#site-title h1					{ color: #BBB; font: normal 1.1em sans-serif; }
#site-title span				{ color: #999; font: normal 1.3em sans-serif;}
#site-title a					{ color: #556677; text-decoration: none; }

/* Navigation */
#navigation					{ margin-bottom: 24px; }
#navigation a					{ display: block; text-decoration: none; }

/* Main navigation */
#main-nav a					{ color: #888; font-size: 1.2em; padding: 9px 14px; }
#main-nav li					{ background: url('img/navigation-separator.gif') no-repeat left center; }
#main-nav li.first-child			{ background: none; }
#main-nav li.current-tab a, #main-nav a:hover	{ color: #223; }
#main-nav li.current-tab a			{ background: url('img/navigation-arrow.gif') no-repeat center bottom; }

/* Subnav */
#sub-nav					{ background: #e6e6e6; padding: 0 5px;}
#sub-nav a					{ color: #888; font: 1.0em sans-serif; padding: 8px; }
#sub-nav li.current-tab a, #sub-nav a:hover	{ color: #223; }
#sub-nav li 					{ background: url('img/navigation-separator.gif') no-repeat right center; }
#sub-nav li.last				{ background: url('img/spacer.gif') no-repeat right center; }

/* Main */

.main 						{ margin-bottom: 18px; }
.main#main-two-columns .sidebar			{ width: 301px; padding: 0 5px 0 0; }
.main#main-two-columns #main-left		{ width: 640px; padding: 0 5px; }

#main-left p 					{ margin-bottom: 1.2em; }

.sidebar a					{text-decoration: none;}
.sidebar a:hover				{text-decoration: underline;}

/* Columns */
.col3						{width: 48%;}

/* Sidebar sections */
.section {margin-bottom: 16px; font-size: 0.9em}
.section-title {
	border-bottom: 1px solid #e6e6e6;
	font: bold 1.1em sans-serif;
	margin-bottom: 5px;
	min-height: 0;
	padding: 5px 8px 6px;
}

.section-content { padding: 5px 8px 6px; }

.network-section .section-title {
	background-color: #e6e6e6;
	border-color: #D6D6D6;
}

/* Footer */

#footer					{ padding: 10px 0;}
#footer a				{ text-decoration: none; }
#footer .right, #footer .right a	{ text-decoration: none; }
#footer .text-separator			{ padding: 0 3px; color: #BBB; }

/* 
   Misc overriding classes
------------------------------------------------------------------- */

/* Border */

.noborder {border: 0;}
.notborder {border-top: 0;}
.norborder {border-right: 0;}
.nobborder {border-bottom: 0;}
.nolborder {border-left: 0;}

/* Margin */

.nomargin {margin: 0;}
.notmargin {margin-top: 0;}
.normargin {margin-right: 0;}
.nobmargin {margin-bottom: 0;}
.nolmargin {margin-left: 0;}

/* Padding */

.nopadding {padding: 0;}
.notpadding {padding-top: 0;}
.norpadding {padding-right: 0;}
.nobpadding {padding-bottom: 0;}
.nolpadding {padding-left: 0;}

#tippspielteaser, #werbungmitte { margin: 12px 0px; }
#loginreminder, #loginfrm       { margin: 12px 0px; }
#search                         { margin: 0px 0px 12px 0px; }
#username, #password            { width: 140px; }

#kopfbild                       { position: relative; margin-bottom: 12px;}
#kopfbild .fotostreckenhinweis  { position: absolute; left: 14px; bottom: 36px; margin: 0; padding: 0;
                                  width: auto; height: 38px; text-align:center; }

          .fotohinweislinks,
          .fotohinweisrechts,
          .fotohinweismitte     { float:left; margin:0; padding:0; height:38px; }

          .fotohinweislinks     { width: 30px; background: transparent url('img/FotoHinweisLinks.png') repeat-x 0 0; }
          .fotohinweisrechts    { width: 11px; background: transparent url('img/FotoHinweisRechts.png') repeat-x 0 0; }
          .fotohinweismitte     { max-width: 333x; background: transparent url('img/FotoHinweisMitte.png') repeat-x 0 0;
                                  overflow:hidden;}

          .fotohinweistext      { display: block; margin: 10px 8px 0 8px; font-size: 12px; line-height: 15px;
                                  color: #fff; background: transparent; }

        /* jQuery lightBox plugin - Gallery style */
        #gallery {
                padding: 10px;
                width: 630px;
        }
        #gallery ul    { clear:both; list-style: none outside none; margin:0; padding:0; }
        #gallery ul li { float:left; list-style:none outside none; margin:0px 5px; padding:0; width:180px; height:180px; }
        #ggallery img   { border:medium none; display:block; }

.red { color: #f00; }