body {
	font-family			: Arial, sans-serif;
	font-size			: 14px;
	color				: #ececec;
	margin				: 0px;
	background			: url('../images/bg.png') right top / cover;
	overflow-y			: scroll;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	width				: 100%;
}

#wrapper {
	width				: 100%;
	max-width			: 980px;
	margin				: 0 auto;
}

#inhalt1 {
	float				: right;
	width				: 100%;
	max-width			: 345px;
	margin-top			: 15px;
	background			: url(../images/contentbox.png);
}
#inhalt2 {
	float				: left;
	width				: 100%;
	max-width			: 620px;
	margin-top			: 15px;
	background			: url(../images/contentbox.png);
}
#inhalt2-full {
	float				: left;
	width				: 100%;
	max-width			: 980px;
	margin-top			: 15px;
	background			: url(../images/contentbox.png);
}

#inhalt3 {
	float				: left;
	width				: 100%;
	max-width			: 620px;
	margin-top			: 15px;
	background			: url(../images/contentbox.png);
}
.eigeneinhalte {
	margin-top			: -15px; 
	padding				: 0px 18px 18px 18px;
}
/* Farben
 
*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #fffefe;
	vertical-align			: top;
}

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

#headline {
	background			: url(../images/headline.png) repeat-x;
	width				: 98% < 97%;
	max-width			: 980px;
	height				: 55px;
	padding				: 18px 0px 0px 18px;
}
#headlinefb {
	background			: url(../images/headline.png) repeat-x;
	width				: 95.9999%;
	max-width			: 535px;
	height				: 55px;
	padding				: 13px 1px 0px 13px;
}

h1 {
	font-size 			: 23px;
	color				: #dd0067;
	margin-bottom			: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 14px;
	color				: #dd0067;
	margin				: 1em 0;
	font-weight			: bold;
}

a {
	color				: #fffefe;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover { 
	color				: #eb1579; 
	text-decoration		: underline;
}

#menue {
	position			: relative;
	width				: 100%;
	max-width			: 970px;
	padding				: 0px 10px 0px 0;
	background			: url(../images/head_bg.png);
	z-index				: 200;
}

a.menu {
	display				: inline-block;
	font-size			: 16px;
	line-height			: 16px;
	color				: #fffefe;
	font-weight			: bold;
	padding				: 0 18px 10px 18px;
}
a.menu:hover { 
	font-size			: 16px;
	color				: #eb1579;
	font-weight			: bold;
	padding				: 0 18px 7px 18px;
	border-bottom		: 3px solid #eb1579;
	text-decoration		: none;
}

a.menu_on, a.menu_on:hover { 
	font-size			: 16px;
	color				: #eb1579;
	font-weight			: bold;
	padding				: 0 18px 6px 18px;
	border-bottom		: 3px solid #eb1579;
	text-decoration		: none;
}

span.trenner {
	width				: 2px;
	height				: 33px;
	background			: url(../images/trenner.png) center center no-repeat;
}
span.facebook {
	font-size 			: 18px;
	color				: #dd0067;
	font-weight			: bold;
}

img {
	border				: none;
}

#tennisspielerin {
	position			: relative; 
	width				: 100%; 
	max-width			: 654px; 
	margin				: 0 0 -30px 68px; 
	height				: auto; 
	z-index				: 100;
}
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #ffffff;
	border				: 1px solid #c3005b;
	background			: #dd0067;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}


.fb_post {
	float				: left;
	width				: 100%;
	color				: #ececec;
	text-align			: left;
	padding				: 0 0 5px 0;
	margin				: 0 0 20px 0; 
	border-bottom		: 1px solid #333333;
}
.fb_action {
	float				: left;
	width				: 90%;
	color				: #ffffff;
	font-size			: 14px;
	text-align			: left;
	padding-left		: 15px;
	margin				: 0 0 10px 0;
}
.fb_message {
	float				: left;
	width				: 90%;
	font-size			: 13px;
	padding-left		: 15px;
	margin				: 0 0 10px 0;
}
.fb_link, .fb_link:hover {
	float				: left;
	max-width			: 150px;
}
.fb_img {
	float				: left;
	border				: none;
	margin				: 0 0 0 15px;
	border				: 2px solid #ffffff;
}
.fb_linkcontent {
	float				: left;
	width				: 150px;
	margin				: 0 0 0 15px;
	border				: none; 
}
.fb_title {
	font-weight			: bold;
	color				: #4a95d5;
}
.fb_description {
	width				: 330px;
}

#seite {
	padding				: 0 0 10px 10px;
}

#footermobile {
	display:none;
	padding: 20px 15px;
	font-size:12px;
}

#footer {
	float				: left;
	width				: 100%;
	max-width			: 945px;
	margin				: 15px 0 15px 0;
	padding				: 18px;
	background			: url(../images/contentbox.png);
}

.fa {
	font-size: 25px !important;
	color: #ffffff;
}

#responsive-menu {
	display: none;
	background: #525a60;
	width: 100%;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer; 
	width: 90%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 16px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 10px;
}

@media (max-width: 1050px) {
	body {
		background: #000000 !important;
	}
	#wrapper {
		width: 100% !important;
		background: #000000;
	}
	#inhalt1 {	
		display: none;
	}
	#inhalt2 {
		float				: left;
		width				: 100%;
		max-width			: 1050px;
		margin-top			: 15px;
		background			: #000000;
	}
	#inhalt3 {	
		display: none;
	}
	.eigeneinhalte {
		margin-top			: -15px; 
		padding				: 0px 18px 18px 0px;
	}
	#headline {
		background			: #000000;
		width				: 100% !important;
		max-width			: 1050px;
		height				: 55px;
		padding				: 18px 0px 0px 0px;
	}
	#headlinefb {
		background			: #000000;
		width				: 95.9999%;
		max-width			: 535px;
		height				: 55px;
		padding				: 13px 1px 0px 13px;
	}
	img {
		max-width: 90%;
	}
	#menue {
		display: none;
	}
	#tennisspielerin {	
		display: none;
	}
	h1 {
		margin-bottom: 15px;
	}
	.menu-items a {
		font-size: 11.5pt;
	}
	#responsive-menu {
		display: block;
	}
	#mobile-logo img {
		display: block;
		position: static;
	}
	#footer {
		display:none;
		padding: 20px 15px;
		font-size:12px;
	}
	#footermobile {
		display:block;
		padding: 20px 0px 0px 0px;
		font-size:14px;
	}
}

@media (max-width: 400px) {
	ul {
		margin-left: 0;
		padding-left: 10px;
	}
	#headline {
		background			: #000000;
		width				: 94% !important;
		max-width			: 1050px;
		height				: 55px;
	}
}