/*
Theme Name: Hartcourt-Tennis
Theme URI: http://www.philipp-kohlschreiber.de
Description: Philipp spielt gerade auf Hartcourt.
Author: Nico Gutmann

/////////////////////////////////

Name des Dokumentes: "style.css"

Erstellt fuer: "Philipp Kohlschreiber"
Erstellt von: "Nico Gutmann | nicogutmann.de"
Erstellungsdatum: "22.04.2010"

/////////////////////////////////
*/



/* Setzt alle vordefinierten Einstellungen des Browsers auf 0
-------------------------*/
html,body,div,ol,ul,li,h1,h2,h3,h4,p,dl,dt,dd,img,form,label,fieldset,input,textarea {
	margin:		0;
	padding:	0;
	border:		0;
	list-style:	none
}



/* /////////////////////////////// Allgemeine Informationen /////////////////////////////// */
html,body { height: 100% }


html {
	font: 12px/120% Arial,sans-serif;
	color: #444
}

body { min-height:100%; height: auto; background: url(imgs/bg-schatten.png) center top repeat-y }

.reader-only { display: none }

#atpNavBar { position: fixed !important; z-index: 99 }

#sprachen { position: absolute; top: 40px; left: 30px; z-index: 98 }
#sprachen li { display: inline; padding-right: 5px }


/* /////////////////////////////// Wrapper & Kopf /////////////////////////////// */


.textwidget p {text-decoration: none !important; border:0;}


#seite {
	width: 72%;
	min-width: 910px;
	max-width: 1100px;
	position: relative;
	z-index: 2;
	padding: 29px 1% 1em;
	margin: 0 auto;
	overflow: hidden;
	background: url(imgs/bg-seite.png);
	border: 1px solid #222;
	border-top: none
}

	h1 {
		width: 100%;
		height: 300px;
		margin-bottom: 12px;
		background: black
	}

		h1 a { color: white; line-height: 500%}
		h1 img { display: block; border: 0 }

#inhalts-wrap {
	background: url(imgs/bg-navi.png) left top repeat-y; 
	overflow: hidden 
}


/* /////////////////////////////// Navigation /////////////////////////////// */

#marginal-navi {
	float: left;
	width: 118px;
	height: 97.5em;
	padding: 0 1px;
	border-top: 1px solid #4c4c4c
}

	#navi {
		padding-top: 115px;
		background: url(imgs/pk-signet.png) center 22px no-repeat
	}

		#navi a	{
			display: block;
			width: 100%;
			line-height: 2.2;
			font-weight: bold;
			text-align: center;
			text-shadow: 1px 1px 1px #ccc;
			text-transform: uppercase;
			color: #3d3d3f;
			text-decoration: none;
			border-top: 1px solid #d2d2d2;
			border-bottom: 1px solid #484848
		}

		#navi .current-cat a,
		#navi .current_page_item a,
		#navi a:hover { 
			color: #d5d5d5;
			background: #555;
			text-shadow: 1px 1px 1px #222;
			border-top: 1px solid #333
		}

	#sponsorenliste { margin: 7em 0 5em }

	#sponsorenliste a {
		text-indent: -999em;
		display: block;
		margin: 0 auto 2em
	}

		#adidas a {
			background: url(imgs/sponsor-adidas.png) 0 0 no-repeat;
			width: 52px;
			height: 35px
		}

		#adidas a:hover { background: url(imgs/sponsor-adidas.png) -68px 0 no-repeat }

		#wilson a {
			background: url(imgs/sponsor-wilson.png) -100px 0 no-repeat;
			width: 90px;
			height: 22px
		}

		#tennispoint a {
			background: url(imgs/tennispoint_logo.png) 0 0 no-repeat;
			width: 100px;
			height: 26px
		}

		#lambertz a {
			background: url(imgs/sponsor-lambertz.png) 0 0 no-repeat;
			width: 73px;
			height: 33px
		}

		#lambertz a:hover { background: url(imgs/sponsor-lambertz.png) -77px 0 no-repeat }
	

/* /////////////////////////////// Content /////////////////////////////// */

#inhalt {
	margin: 0 295px 0 130px;
	background: white;
	padding: 1em 0;
	font: 100%/150% Arial, sans-serif
}

	.news {
		width: 92%;
		position: relative;
		overflow: hidden;
		padding: .5em 2% 2em;
		margin: 0 auto 1.2em;
		background: #e2e2e2
	}

	.single .news {
		padding: .5em 2% 3em
	}

	/*-------------------------------------------------------------------
		Paragrafen
	------------------------*/
	.news p {
		margin: 0 0 1.5em
	}

	/*-------------------------------------------------------------------
		Verlinkungen
	------------------------*/
	#inhalt a {
		text-decoration: none;
		text-shadow: 1px 1px 1px white
	}

	#inhalt a:hover { text-shadow: 1px 1px 1px #333 }
	#inhalt a:visited { font-style: italic }
	
	/*-------------------------------------------------------------------
	Ueberschrift
	------------------------*/
	h2 {
		font-size: 160%;
		font-weight: normal;
		line-height: 1.2;
		color: #333;
		padding: 0 0 0 .3em;
		margin: .6em 0 1em
	}

	.page #inhalt h2 {
		font-size: 180%;
		font-weight: normal;
		margin: .6em 4% 1em;
		color: #333;
		padding: 0
	}

	.page-id-183 #inhalt h2 {
		font-size: 160%;
		line-height: 1.2
	}
	
		h2 em {
			display: block;
			font-style: normal;
			padding-left: .3em
		}
		
		h2 span {
			font-size: 50%
		}
		
	/*-------------------------------------------------------------------
	     Text-Ueberschriften
	-----------------------------*/
	h3 {
		font-size: 160%;
		font-weight: normal;
		line-height: 1.2;
		color: #333;
		padding: 0 0 0 .3em;
		margin: .6em 0 1em
	}

	p + h3 {
		margin: 1.2em 0 1em
	}

	h4 {
		font-size: 120%;
		font-weight: bold;
		padding: 0 0 .4em
	}

	p + h4 {
		padding: 1em 0 .4em
	}

	/*-------------------------------------------------------------------
	     Artikel: Metadaten
	-----------------------------------*/
	#inhalt .artikel-meta {
		margin: 0;
		position: absolute;
		bottom: .9em;
		right: 1em;
		overflow: hidden
	}

		.artikel-meta li {
			float: right;
			padding-left: 1em
		}

			#verfassen a,
			#inhalt .artikel-meta a {
				text-decoration: none;
				text-shadow: 1px 1px 1px #555;
				padding: .3em .5em;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px
			}

			#inhalt .weiterlesen a,
			#inhalt .weiterlesen a:hover {
				padding-right: 16px;
				background-image: url(imgs/icon-pfeil-weiter.png);
				background-repeat: no-repeat;
				background-position: right center
			}


	/*-------------------------------------------------------------------
	     Artikel: Socialbuttons
	-----------------------------------*/

		.socialbuttons {
			position: absolute;
			bottom: .4em;
			left: 1em;
			overflow: hidden
		}

			#inhalt .socialbuttons h3 {
				float: left;
				font-size: 90%;
				line-height: 2.5;
				text-shadow: 1px 1px 1px #eee;
				color: #777;
				margin: 0;
				padding: 0 .5em 0 0;
				border-left: none !important
			}

			.socialbuttons ul {
				float: left;
				background: #eee;
				border: 1px solid #d3d3d3;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				overflow: hidden;
				margin: 0 !important;
				padding: .3em .4em
			}

				.socialbuttons li {
					float: left;
					padding: 0 .2em
				}

				.socialbuttons img {
					display: block;
					width: 16px;
					height: 16px;
					border: 0
				}

				.sociable-hovers {
					opacity: .5;
					-moz-opacity: .5;
					filter: alpha(opacity=50);
				}
				.sociable-hovers:hover {
					opacity: 1;
					-moz-opacity: 1;
					filter: alpha(opacity=100);
				}

				.socialbuttons a:hover { 
					background: none !important 
				}

	/*-------------------------------------------------------------------
	     Artikel: Bilder
	-----------------------------------*/

		.alignnone {
			display: block;
			margin-bottom: 1.2em
		}

		.aligncenter {
			display: block;
			margin: 0 auto 1.2em
		}

		.thumbnail,
		.alignleft {
			float: left;
			margin: 0 1em .6em 0
		}

		.alignright {
			float: right;
			margin: 0 0 .6em 1em
		}

		.thumbnail img {
			margin-right: 10px
		}


	/*-------------------------------------------------------------------
	     Artikel: Listen
	-----------------------------------*/
	.news ol, .news ul { margin: 1em 0 1em 2em }

	.news ol { list-style-type: decimal }

	.news ul { list-style-type: disc }


	/*-------------------------------------------------------------------
	     Artikel: Seitenzahl
	-----------------------------------*/

	.seitenzahl { padding: 0 0 1em 1em }

	/*-------------------------------------------------------------------
	     Artikel: Kommentare
	-----------------------------------*/

	.nrcomments {
		position: relative;
		color: #555;
		line-height: 110%;
		width: 92%;
		padding: 1.2em 2% 1.5em;
		margin: 1.2em 2%
	}

	#comments li {
		position: relative;
		color: #555;
		line-height: 110%;
		width: 92%;
		padding: 2em 2%;
		margin: 1.2em 2%
	}

	#comments .comment-meta a { color: black }

	.kommentare li.even {
		background: #f1f1f1 url(imgs/icon_comment.png) left center no-repeat
	}

	.kommentare li.odd {
		background: #e2e2e2 url(imgs/icon_comment.png) left center no-repeat
	}

	.comment-body p { margin: 1em 0 0 }
	
		.comment-author {
			line-height: 50%;
			margin: 0 0 2em 0
		}
	
			.kommentare .fn {
				margin: 0 0 1em;
				text-shadow: 1px 1px 1px #555;
				padding: .3em .5em;
				font-style: normal;
				color: white;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px
			}
	
				.fn a {
					color: white !important
				}

				.kommentare a {
					color: black;
					text-decoration: none;
				}

				.says {display: none}
	
		.comment-meta {
			position: absolute;
			right: .3em;
			top: 1.5em;
			text-align right
		}
	
			.comment-meta a {
				font-size: 85%;
				color: #555;
				padding: 0 4px 2px
			}
	
	/* Kommentar verfassen
	-------------------------*/
	.komm-verfassen {
		width: 92%;
		position: relative;
		padding: 1.2em 2% 1.5em;
		margin: 1.2em 2%;
		background: #f3f3f3
	}

		#verfassen {
			position: absolute;
			right: 1em;
			top: 2.5em
		}

		#verfassen a { color: white !important }
	
		.komm-verfassen h4 {
			color: #000;
			background: #FFF;
			padding: 0 0 0 20px;
			margin: -20px 0 10px 0;
			border-top: 1px solid black
		}

		.komm-verfassen p {
			margin: 3px 0;
			position:relative
		}

		.komm-verfassen label {
			width: 95%;
			display: block;
			background: #fff;
			color: #888;
			font-size: 95%;
			text-transform: uppercase;
			padding: 3px 11px
		}

		.komm-verfassen input[type=text],
		.komm-verfassen textarea {
			width: 95%;
			font: 100%/110% Arial,sans-serif;
			padding: 10px;
			background: #eee;
			color: #333;
			border: 1px solid #FFF
		}

		.komm-verfassen input[type=text]:focus,
		.komm-verfassen textarea:focus {
			background: #ddd;
			color: black
		}

		label[for="submit"] {
			display: none
		}

		input[type=submit] {
			width: 90px;
			padding: 1px 2px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px
		}

	/*-------------------------------------------------------------------
	     Seiten: Profil
	-----------------------------*/
	.page-id-2 .news img { float: right; margin-top: 1em }

	#steckbrief { overflow: hidden; margin-right: 170px; min-width: 300px }

	#steckbrief dt {
		float: left;
		text-indent: 2em;
		width: 40%;
		min-width: 120px
	}

	#steckbrief dd {
		float: left;
		width: 60%;
		min-width: 180px
	}

	.ungerade {
		background: #ccc
	}

	/*-------------------------------------------------------------------
	     Seiten: Fanbereich
	-----------------------------*/
	#cforms2form ol, #cformsform ol { margin: 3em 0 0 0; padding: 0 }
	.emailreqtxt, .reqtxt, #cformsform label { display: none }

	#cforms2form #li-2-4 label,
	#cformsform #li--4 label { display: block; padding: .1em .6em; margin-top: .6em; width: 95%; background: #efefef; border: 1px solid #bbb; border-bottom: none }

	#li-2-1, #li-2-2, #li--1, #li--2 { float: left; width: 46.5%; padding: 0 2% .6em; }
	#li-2-1, #li--1 { padding-left: 0 }
	#cforms2form input,#cforms2form textarea,
	#cformsform input,#cformsform textarea { width: 95%; background: white; padding: .3em .6em; font: 100%/120% Arial,sans-serif; color: #333; border: 1px solid #bbb }
	input:focus,textarea:focus { background: #fcfcfc; color: #222; border: 1px solid #999 }

	#li-2-3, #li--3 { width: 99% }

	#cforms2form button, #cformsform button { cursor: pointer; width: 100px; color: white; text-shadow: 1px 1px 1px #555; text-align: center; padding: .1em 0; border: 1px solid white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
	#cforms2form button:hover, #cformsform button:hover { background: #444 }

	.success { background: #eee; padding: 1em 0; text-align: center; border: 2px solid #ccc }
	.success { color: green; border: 2px solid green }

	/*-------------------------------------------------------------------
	     Seiten: Team
	-----------------------------*/
	.team { height: 90px }
	.team li { list-style: none }

	/*-------------------------------------------------------------------
	     Seiten: Sponsoren
	-----------------------------*/
	#sponsoren-gross li { display: inline; padding: 4em 2em 0 0 }


	/*-------------------------------------------------------------------
	     Seiten: Newsletter
	-----------------------------*/
		#mc-embedded-subscribe-form label {
			padding-left: 10px
		}

		#mc-embedded-subscribe-form input[type=text] {
			width: 250px;
			font: 100%/110% Arial,sans-serif;
			padding: 5px 10px;
			margin: 0 0 10px;
			background: #fff;
			color: #333;
			border: 1px solid #bbb
		}

		#mc-embedded-subscribe-form input[type=text]:focus {
			background: #eee;
			color: black
		}

	#mc-embedded-subscribe { margin: 20px 0 0 110px; cursor: pointer; width: 170px; color: white; text-shadow: 1px 1px 1px #555; text-align: center; padding: .1em 0; border: 1px solid white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px }
	#mc-embedded-subscribe:hover { background: #444 }
	
	
/* /////////////////////////////// Marginalspalte /////////////////////////////// */

#marginal-infos { 
	position: absolute; 
	right: 1.5%; 
	top: 341px;
	width: 282px
}

	/*-------------------------------------------------------------------
	     Die einzelnen Boxen
	-----------------------------*/
	.marginalbox {
		background: #f4f4f4 url(imgs/bg-infos.png) right top repeat-y;
		padding: .7em 1em .5em 1.5em;
		margin: 0 0 .7em;
		overflow: hidden;
		border-top: 1px solid #4c4c4c;
		border-bottom: 1px solid #4c4c4c
	}
	
		.marginalbox h4 {
			font-weight: bold;
			padding: 0 0 0 .3em;
			margin: 0 0 1.2em 0
		}

	/*-------------------------------------------------------------------
	     Youtube | FB | Twitter | ATP
	----------------------------------*/
		#socialbuttons {
			width: 93%;
			margin: 0 auto
		}
		#socialbuttons li {
			display: inline;
			padding-right: 5px
		}

	/*-------------------------------------------------------------------
	     Make-A-Wish
	-----------------------------*/
	.make-a-wish {
		text-align: center
	}

	/*-------------------------------------------------------------------
	     Der Turnierplan
	-----------------------------*/
	.termine li {
		padding: .2em 0;
		font-size: 90%;
		text-indent: .5em;
		border-bottom: 1px solid #bbb
	}

	.termine li:nth-child(even) {
		background: #bbb
	}

	/*-------------------------------------------------------------------
	     Das Wetter
	-----------------------------*/
	#wetter dt {
		text-align: center;
		line-height 1.3;;
		border-bottom: 1px solid #bbb
	}

		#wetter dt em {
			font-weight: bold;
			font-style: normal
		}

		#wetter dt span {
			font-size: 90%;
			font-weight: normal
		}

			#wetter li {
				clear: left;
				overflow: hidden;
				padding: .2em 0;
				border-bottom: 1px solid #bbb
			}

			#wetter .wetteranzeige {
				margin-bottom: .5em;
				padding: 1em 0;
				font-size: 115%;
				line-height: 1.3;
				font-weight: bold;
			}

			#wetter .wetterbild { float: left; text-align: right; width: 40%; padding-right: 7% }
			#wetter .wetterschrift { float: left; text-align: left; width: 48% }

			.wetter-himmel { display: block }

			.wertname { float: left; font-size: 90% }

			.wert { float: right; padding-right: 1em; font-size: 90% }

iframe { border:none; overflow:hidden; width:100%; height:610px; background: #f4f4f4 url(imgs/bg-infos.png) right top repeat-y }


/* /////////////////////////////// Footer /////////////////////////////// */

#footer {
	margin: 0 auto;
	width: 72%;
	padding: 1.5em 0 2em;
	overflow: hidden;
	clear: both
}

	#footer li {
		float: right;
		padding-right: 1%
	}

		#footer a {
			text-decoration: none;
			text-shadow: 1px 1px 1px #555;
			padding: .3em .5em;
			color: white;
			font-size: 90%;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px
		}