/*
Theme Name: TV Dornstetten
Theme URI: http://wordpress.org/
Description: The original WordPress theme that graced versions 1.2.x and prior.
Version: 1.0
Author: Olivia Engelen

*/

 /******************************* TAGS *******************************/
*{	
	margin:0px;
	padding:0px;
	border:none;
	list-style:none;
}

body{
	margin:0px;
	padding:0px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333333;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	background-color:#efefef;
	text-align:center;
	-webkit-text-size-adjust: none;
}

a{	
	color:#e51d23;
	text-decoration:none;
	outline-style:none;
}

a:hover{	
	color:#e51d23;
	text-decoration:underline;
}

a:visited{	
	color:#e51d23;
	text-decoration:none;
}

p{
	padding:8px 0 12px 0;
}

#SUBNAVI_RIGHT p{
	padding:0px 0 15px 25px;
	margin:0px;
}

ul li{
	background-image:url(images/li_element.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:2px 0 0 15px;	
}

ol{
	margin:10px 0px;
}

ol li{
	padding:3px 0 3px 0px;
	margin:0px 0 0 40px;
	line-height:18px;
	list-style-type:decimal;
}

#SUBNAVI_RIGHT ul{
	margin:0px 0 0 30px;	
}


h1{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#e51d23;
	padding:15px 0 15px 0;
	line-height:28px;
}

h2{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	padding:15px 0 8px 0;
	color:#333333;
}

h3{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0 0 8px 0px;
	color:#e51d23;
}

#SUBNAVI_RIGHT h3{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:15px 0 10px 15px;
	color:#e51d23;
}

h4{
	font-size:14px;
	padding:5px 0 0px 0;
	color:#333333;
}

#SUBNAVI_RIGHT h4{
	font-size:14px;
	padding:0 0 0px 15px;
	margin:0px;
	color:#333333;
}



/******************************* DIV's *******************************/
.clear{
	clear:both;
	}
	
.box_top{
	width:100%;
	background-image:url(images/bg_header.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:300px;
	text-align:center;
	padding:0px;
	margin:0px;	
	}
	
.box_teaser{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;	
	height:139px;
	background-image:url(images/bg_teaserbox.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

	
.box_teaser h2{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px 0 12px 0;
	color:#e51d23;
	}
	
.box{
	width:100%;
	text-align:center;
	padding:15px 0 0 0;
	margin:0px;	
	}
	
	
.box_footer{
	width:100%;
	text-align:center;
	padding:0px 0 0px 0;;
	margin:60px 0 0px 0;
	height:295px;
	background-image:url(images/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#HEADER{
	margin:0px auto;
	width:960px;
}

#LOGO{
	padding:20px 0 0 20px;
	width:260px;
	height:30px;
	text-align:left;
	float:left;
}

#NAVI{
	float:left;
	margin:27px 0 0 20px;
}

#SUCHE{
	clear:both;
	text-align:left;
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin:120px 0 0 685px;
	font-weight:bold;

}

#STOERER{
	width:109px;
	height:109px;
	position:relative;
	left:50px;
	top:-80px;
}

#TEASER{
	margin:0px auto;
	text-align:left;
	background-image:url(images/bg_teaser.jpg);
	background-repeat:no-repeat;
	height:139px;
	width:960px;
}

.teaser{
	float:left;
	width:220px;
	padding:25px 0 0 20px;
	margin:0px 0 0 0;
}

#CONTENT_BOX{
	margin:0px auto;
	text-align:left;
	width:960px;
}

#CONTENT{
	width:685px;
	padding:0 10px 0 20px;
	float:left;
	background-image:url(images/content_bg.gif);
	background-position:right;
	background-repeat:repeat-y;
	}

#SUBNAVI_RIGHT{
	float:left;
	width:245px;
	margin:25px 0 0 0px;}
	
#FOOTER{
	width:940px;
	margin:0px auto 0px auto;
	text-align:left;
	color:#666666;
	font-size:11px;
	padding:10px 0 0px 20px;
}

/******************************* NAVI *******************************/
ul#menu-hauptnavigation li{
	float:left;
	font-family:Trebuchet MS;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	background-image:none;
	padding:0px;
	display:block;
	}

ul#menu-hauptnavigation li a{
	color:#000;
	text-decoration:none;
	padding:13px 11px 10px 35px;
	margin:0 -11px 0 0px;
}

ul#menu-hauptnavigation li a:hover{
	color:#e51d23;
}


/************* NAVI_START *************/	
 /*active */
ul#menu-hauptnavigation li.menu-item-325.current_page_item a, ul#menu-hauptnavigation li.menu-item-325.current_page_ancestor a{
	background-image:url("images/navi_start_hover.gif");
	background-repeat:no-repeat;
	background-position:17px 6px;
	color:#fff;
}

/************* NAVI_VEREIN *************/	
/* active */
ul#menu-hauptnavigation li.current_page_item.menu-item-326 a, ul#menu-hauptnavigation li.menu-item-326.current-page-ancestor a{
	background-image:url("images/navi_verein_hover.gif");
	background-repeat:no-repeat;
	background-position:20px 6px;
	color:#fff;
}

/************* NAVI_SPORTANGEBOT *************/	
/* active */
ul#menu-hauptnavigation li.menu-item-327.current_page_item a, ul#menu-hauptnavigation li.menu-item-327.current-page-ancestor a{
	background-image:url("images/navi_sportangebot_hover.gif");
	background-repeat:no-repeat;
	background-position:20px 6px;
	color:#fff;
}


/************* NAVI_MITGLIEDSCHAFT *************/	
/* active*/ 
ul#menu-hauptnavigation li.menu-item-328.current_page_item a, ul#menu-hauptnavigation li.menu-item-328.current-page-ancestor a{
	background-image:url("images/navi_mitgliedschaft_hover.gif");
	background-repeat:no-repeat;
	background-position:21px 6px;
	color:#fff;
}

/************* NAVI_KONTAKT *************/	
/* active */
ul#menu-hauptnavigation li.menu-item-329.current_page_item a, ul#menu-hauptnavigation li.menu-item-329.current-page-ancestor a{
	background-image:url("images/navi_berichte_hover.gif");
	background-repeat:no-repeat;
	background-position:17px 6px;
	color:#fff;
}


/******************************* SUBNAVI *******************************/

ul#SUBNAVI{
	padding:0px;
	margin:0 0 20px 0;
	}
	
ul#SUBNAVI li{
	font-size:14px;
	font-weight:bold;
	background-image:none;
	padding:0px;
	display:inline;
	}

ul#SUBNAVI li a{
	color:#000;
	text-decoration:none;
	display:block;
	background-image:url(images/subnavi_normal.gif);
	background-repeat:no-repeat;
	padding:7px 0 7px 30px;
	margin:1px 0 0 0;
}

ul#SUBNAVI li a:hover{
	color:#fff;
	background-image:url(images/subnavi_hover.gif);
}

ul#SUBNAVI li.current_page_item a{
	color:#fff;
	background-image:url(images/subnavi_active.gif);
	margin-left:-10px;
	padding:7px 0 7px 40px;
}


.img_subnavi{
	padding:0 0 0 15px;
}


/******************************* form *******************************/

input{
	width: 300px;
	height:24px;
	border:solid 0 #fff;
	padding: 4px 8px 0px 8px;	
	margin: 2px 0px 0px 0px;
	background-color:#fff;
	border:1px solid #c5c5c5;
	}

textarea{
	width: 300px;
	height:150px;
	border:solid 0 #fff;
	padding: 8px 8px 0px 8px;	
	margin: 0px 0px -8px 0px;
	background-color:#fff;
	border:1px solid #c5c5c5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}

select{
	background-color:#fff;
	border:1px solid #c5c5c5;
	width: 300px;
	padding: 8px 8px 0px 8px;
	margin: 0px 0px -8px 0px;
}

option{
	padding: 8px 8px 0px 8px;
}

.Anrede input{
	width:30px;
	height:auto;
	padding:8px 0 0 0;
	margin:8px 0 0 0;
}

.input_btn{
	width:180px;
	height:35px;
	background-color:#333333;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	padding:0 0 2px 0;
	margin:10px 0 0 0;
	}
	
.input_btn:hover{
	background-color:#e51d23;
	}

.wpcf7-mail-sent-ok	{
	border:2px solid #FFFFFF;
	color:#119BB9;
	font-weight:bold;
	}




#submit{
	width:150px;
	height:35px;
	background-color:#333333;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	padding:0 0 2px 0;
	margin:10px 0 0 0;
	}
	
#submit:hover{
	background-color:#e51d23;
	}

/******************************* FOOTER *******************************/
#FOOTER a{
	color:#666666;
	padding:0 2px 0 2px;
}

#FOOTER .ddsg-wrapper{
	width:940px;
	position:relative;
	top:20px;
}


/* sitemap common */
#FOOTER .ddsg-wrapper ul,
#FOOTER .ddsg-wrapper li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-image: none;
}

/* sitemap level 1 */
#FOOTER .ddsg-wrapper ul li {
	width: 220px;
	float: left;
	padding:5px 10px 0 0px;
}

#FOOTER .ddsg-wrapper ul li a {
	color: #333333;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

/* sitemap level 2 */
#FOOTER .ddsg-wrapper ul li ul li {
	width: auto;
	float: none;
}

#FOOTER .ddsg-wrapper ul li ul li {
	list-style-type: none;
	background-image:url(images/li_element.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding: 0 0 0 15px;
	line-height: 18px;
}

#FOOTER .ddsg-wrapper ul li ul li a {
	color: #666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:normal;
}



/******************************* all the rest *******************************/

.img_float{
	float:right;
	border:3px solid #fff;
	padding:0 0px 0 0;
	margin:5px;
}

/******************************* SUCHE *******************************/


.input_field{
	width: 162px;
	height:32px;
	border:solid 0 #fff;
	padding: 0px 0px 0px 30px;	
	margin: 8px 0px 0px 4px;
	background-image:url(images/input_bg.jpg);
	background-repeat:no-repeat;
	color:#999999;
}

.input_btn_search{
	position:relative;
	top:4px;
	left:-1px;
	cursor:pointer;
	height:32px;
	width:62px;
	color:#fff;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: transparent url(images/sarchbtn.jpg) no-repeat;
	border:none;
	padding:0px;
	margin:0px;
	}
	
.search{
	position:relative;
	left:-35px;
	}

/******************************* TABLE *******************************/
#CONTENT table{
	margin:10px 0 15px 0;
}

#CONTENT table th{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background-color:#333333;
	padding:10px;
}

#CONTENT table td{
	padding:8px;
}

#CONTENT table tr{
	background-image:url(images/td_bot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#CONTENT thead tr{
	background-image:none;
}

.img_gruppe{
	margin:40px 0 0 0;
}



/******************************* BLOGBEITRAG *******************************/


.author-date-comment{
	font-size:11px;
	color:#8c8c8c;
}

.haarlinie{
	height:1px;
	background-color:#d9d9d9;
	margin:15px 0 15px 0;
}

ol.commentlist li{
	border-bottom:1px dotted #d9d9d9;
	padding:10px 0 0 0;
}

ol.commentlist li:last-child{
	border-bottom:none;
}

.comment-author{
	font-weight:bold;
}

.commentmetadata{
	color:#000;
}


	
/***************************** image  *************************************************************/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;	
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;	
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;	
	border: 1px solid #ddd;
	background-color: #f3f3f3;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

