/*  
Theme Name: Deutsche Triathlonjugend Theme
Theme URI: http://www.triathlonjugend.de/
Description: Das Design der Deutschen Triathlonjugend
Version: 1.0
Author: Jens Haase
Author URI: http://www.triimpuls.de/
*/

/* Farben:
=============

hellblau: #d5edfa
gelb: #ffee7f
dunkelgelb: #fedc00
Schrift: #333
hellgrau: #e6e6e6
grau: #828282
dunkelblau: #005aab;
logoblau: #02519e;
überschrift: #80a8ce;
*/


/* =================

Begin Typography & Colors

================= */

body {
	font: 76% Arial, Helvetica, sans-serif;
	background: #d5edfa;
	color: #333;
	margin: 12px;
}

p {
    font-size: 12px;
    line-height: 18px;
}

#header, #content {
	background-color: #fff;
	border-left: 1px solid #02519e;
	border-right: 1px solid #02519e;
}

h1, h2, h3 {
    font-weight: bold;
}

h1 {
    font-size: 24px;
    color: #02519e;
}

h2 {
	font-size: 12px;
	line-height: 18px;
	margin-top: 1.5em;
}

h3 {
	font-size: 12px;
	margin-top: .5em;
}

a {
	color: #005aab;
}

a:hover {
	color: #333;
}

table tr > th {
    color: #333;
    background: #fff url(images_neu/verlauf_kurz.gif) top left repeat-y;
}

.col.left h3 a {
    color: #333;
}

.col.left h3 a:hover {
    color: #034fa5;
}

.col.left .new_entry:hover {
    background-color: #fff199;
}

.col.left p {
    line-height: 15px;
}

.col.right h2 {
    color: #333;
    background: #fff url(images_neu/verlauf_kurz.gif) top left repeat-y;
    margin: 0;
    padding: 6px 6px;
}

.col.right {
    margin: 0;
    padding: 0;
}

.col.right table {
    margin: 6px auto;
}

.col.right table * {
    border-style: hidden;
    text-align: center;
    margin: 0;
}

.startseite .col.left h3 {
    font-size: 12px;
	line-height: 18px;
    margin-top: 0;
    margin-bottom: 2px;
}

.startseite .image {
    float: left;
    padding: 5px;
}

.col.left small, .col.left p {
    margin-left: 170px;
}

.startseite .new_entry {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* =================

End Typography & Colors

================= */


/* =================

Begin Structure

================= */


.clear {
	clear: both;
}

#page {
	width: 936px;
	margin: 0px auto;	
}

#header {
    background: #fff url(images_neu/top_verlauf_hg.gif) top right repeat-y;
}

#search {
	float: right;
	width: 200px;
	text-align: right;
	margin-right: 6px;
	margin-top: 2px;
}

div#navigation {
	background: #FFDD00;
	border: 1px solid black;
	font-size: 11px;
}

#oberer_rand { 
    background: #d5edfa url(images_neu/rand_oben.gif) top left no-repeat;
    height: 15px;
}

#unterer_rand {
    background: #d5edfa url(images_neu/rand_unten.gif) top left no-repeat;
    height: 15px;
}

#content {
    background: #fff url(images_neu/content-background.gif) top left repeat-y;
}

#wrapper {
    height: 488px;
    overflow:auto;
}

#content.startseite {
    background: #fff;
}

#content_startseite {
    background: #fff;
    padding: 12px;
    border-bottom: 1px solid black;
}

#sidebar {
	float: left;
	width: 250px;
}

#text {
    margin-left: 270px;
    margin-bottom: -12px;
    padding: 34px 24px 12px 24px;
    background: #fff url(images_neu/content-border-top.gif) top right no-repeat;
}

#text img {
	float: left;
	margin: 5px;
	border: 1px solid #FFDD00;
}

.highlight, .bordered {
	background-color: #fff199;
	border: 1px solid #FFDD00;
	padding: 0 12px 12px 12px;
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: 12px;
}

.bordered {
    background-color: white;
}

/* =================

End Structure

================= */

#headerRecentImages {
	float: right;
	width: 225px;
	height: 125px;
	background: #02519e;
	text-align: right;
	margin: 0 12px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

/* =================

Begin DescritionHeader

================= */

/* =================

Begin SubNavi

================= */


#subnavi {
 	text-align: right;
	float: right;
	width: 200px;
	line-height: 80px;
}

#subnavi li {
 	list-style: none;
	float: left;
	margin-right: 12px;
}

#subnavi li a:link {
	text-decoration: none;
}

#subnavi li a:hover {
	text-decoration: underline;
}


/* =================

Begin SubNavvi

================= */




/* =================

Begin DescritionHeader

================= */


/* =================

Begin Main Navigation

================= */

#navi img {
    height: 10px;
}

#navi ul {
 	padding: 0;
	margin: 0;
	z-index: 1;
}

#navi li {
 	margin: 0;
 	padding: 0;
 	list-style: none;
	float: left;
	left: 0;
	position: relative;
	top: 0;
}

#navi li a {
	padding: 6px 12px;
}

#navi li ul {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
}

#navi ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#navi li ul li {
	width: 200px;
}

#navi li > ul {
	left: auto;
	top: auto;
}

#navi li:hover ul {
	display: block;
}

#navi li.current_page_item ul {
	padding-bottom: 1px;
}

#navi li {
	text-align: center;
}
#navi li li {
	text-align:left;
}

#navi a {
	display: block;
	text-decoration: none;
	color: #333;
}

#navi li a img {
 	margin: 0;
 	padding: 0;
 	padding-right: 3px;
	vertical-align: middle;
}

#navi {
	background: #FFDD00;
}

#navi li a:link,
#navi li a:visited {

}

#navi li a:hover {
	background: #d5edfa;
}

#navi li.current_page_item a:link,
#navi li.current_page_item a:visited,
#navi li.current_page_parent a:link,
#navi li.current_page_parent a:visited,
#navi li.current_page_parent ul li.current_page_item a:link,
#navi li.current_page_parent ul li.current_page_item a:visited {
	background: #fff;
}

#navi li ul, #navi li.current_page_item ul {
	border-bottom: 1px solid #d5edfa;
	border-left: 1px solid #d5edfa;
	border-right: 1px solid #d5edfa;
}
#navi li ul li ul, #navi li.current ul li ul {
	border: none;
}

#navi li ul li a:link,
#navi li ul li a:visited,
#navi li.current_page_item ul li a:link,
#navi li.current_page_item ul li a:visited,
#navi li.current_page_parent ul li a:link,
#navi li.current_page_parent ul li a:visited {
	background: #d5edfa;
}

#navi li ul li a:hover,
#navi li.current_page_item ul li a:hover,
#navi li.current_page_parent ul li a:hover {
	background-color: #fff;
}

/* =================

End Main Navigation

================= */



/* =================

Begin Teaser

================= */

#teaser {
	background: #d5edfa url(images/teaser_bg.jpg) top left no-repeat;
	height: 152px;
	margin: 0;
	padding: 3px 12px 97px 12px;
}

#teaser h2,
#teaser p {
	width: 48%;
}

/* =================

End Teaser

================= */


/* =================

Begin Infos

================= */

#infos {
	margin: 0;
	padding: 0;
}

#infos li {
 	list-style: none;
 	margin-top: 12px;
	float: left;
	width: 120px;
	margin-right: 11px;
}

#infos li img {
	border: 5px solid #e6e6e6;
}

#infos li.last {
	margin-right: 0;
}

#infos li:hover {
	background: #FFDD00;
}

#infos li:hover img {
	border: 5px solid #FFf199;
}

#infos li a {
 	text-decoration: none;
 	color: #333;
	margin:0;
}

#infos h3 {
 	font-size: 100%;
	font-weight: bold;
	padding: 0 5px;
}

#infos p {
	padding: 0 5px 5px 5px;
}

/* =================

End Infos

================= */



/* =================

Begin Startseite

================= */

.col {
	float: left;
	width: 571px;
	background-color: #fff;
}

.col.left {
    min-height: 600px;
    overflow: auto;
    border-right: 1px solid black;
}

.col.right {
	width: 342px;
	margin: 0;
}

.col.right img {
    padding: 12px 4px;
}

.new_entry h3 {
    background: #fff url(images_neu/verlauf_lang.gif) top left repeat-y;
    padding: 6px 6px 6px 12px;
    margin-left: -12px;
}

.new_entry {
	padding: 0 0 12px 12px;
	margin: 12px 0;
}

div.col.middle {
	padding-top: 32px;
}

body > div.col.middle {
	padding-top: 44px;
}


/* =================

End News

================= */



/* =================

Begin Sidebar

================= */

#sidebar {
	background: #c1d3e7 url(images_neu/li_box_ecke.gif) bottom right no-repeat;
	width: 250px;
	float: left;
	padding: 17px 0 15px 0;
	font-size: 12px;
}
#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #c1d3e7;
}
#sidebar li {
	border-bottom: 1px solid white;
}
#sidebar ul ul li {
    border-bottom: 0;
    border-top: 1px solid white;
}
#sidebar ul a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 12px;
	border-bottom: 1px solid #c1d3e7;
	border-top: 1px solid #c1d3e7;
}
#sidebar li.current_page_item a,
#sidebar li.current-cat a {
	background-color: white;
}
#sidebar ul a:hover {
    background-color: #90b2d5;
    color: #02519e;
}
#sidebar ul ul {
	margin: 0 0 0 24px;
}

#sidebar li.categories ul,
#sidebar li.archivs ul {
    margin: 0;
}
#sidebar li.current_page_item ul a {
    background-color: #c1d3e7;
    color: #333;
}
#sidebar li.current_page_item ul a:hover {
    background-color: #90b2d5;
    color: #02519e;
}

/* =================

End Sidebar

================= */


/* =================

Begin Blog

================= */

.postTitle {
	padding-left: 40px;
}

.postTitle a {
	text-decoration: none;
}

.postDate {
 	float: left;
	text-align: center;
	margin: 0;
	padding: 2px 10px 2px 0px;
	border-right: solid 1px #ccc;
}

.postDate .month {
 	display: block;
	font-size: 9px;
	line-height: 9px;
	color: #333;
}
.postDate .day {
	display: block;
	font-size: 21px;
	font-family: 'Arial';
	font-weight: bold;
	line-height: 19px;
	color: #ccc;
	letter-spacing: -1px;
}

.postInfo {
	padding-left: 40px;
	color: #828282;
}

h3#comments,
h3#respond {
	margin-top: 2em;
}

.postComment span {
	padding: 6px;
}

.postComment span,
.postComment span a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.postComment span:hover,
.postComment span a:hover {
	color: #333;
	background-color: #d5edfa;
}

.comments div {
	margin: 20px 0 20px 10px;
}

.commentNumber {
	float: left;
	color: #ccc;
	font-weight: bold;
	font-size: 150%;
}

.comments div.commentBody {
	border-left: 1px solid #ccc;
	padding:0pt 0pt 0pt 12px;
	margin-left: 40px;
}

.author {
	color: #828282;
}

.author cite {
	font-weight: bold;
	color: #333;
}

.author cite a {
	font-weight: bold;
	text-decoration: none;
}

.commentBody p {
	padding-top: 1em;
	padding-bottom: 0;
}

/* Podpress */
div.podPress_content {
	margin: 1em;
}

/* =================

End Blog

================= */


/* =================

Bgein Footer

================= */

#footer p {
	text-align: center;
	margin: 12px 0;
	font-size: 10px;
	line-height: 12px;
}

#footer p#pcsatz {
    line-height: 1.2;
    font-size: 8px;
    margin: -12px auto 12px auto;
    width: 650px;
}

/* =================

End Footer

================= */

/* startseite */
#post-3 h2 {
    margin-top: 0;
}
/* Kontakte */
#post-19 .ngg-singlepic {
    margin-top: 24px;
}

#post-19 .highlight p, #post-19 .bordered p,
#post-19 .highlight h2, #post-19 .bordered h2 {
    margin-left: 90px;
}

#post-19 .highlight, #post-19 .bordered {
    margin-top: -2px;
    margin-bottom: 0;
}

/* Sponsoren */
#post-255 div.entry div {
    min-height: 170px;
}

#post-255 div p, #post-255 div h2 { margin-left: 250px; }

#post-255 img { border: 0; margin-top: 24px; }