@charset "UTF-8";
/* CSS Document */

 /*--------------------------------------------------------------------------- 

* Filename: 			styles.css 
* Description: 		Global CSS
* Version: 				3.0.0 (2009-10-30) YYYY-MM-DD 
* Website:				http://www.klarmobil.de/ 
* Author: 				Robert Morawe
* Agency:					© Butterf!sch - Werbeagentur 2009 - www.butterfisch-werbeagentur.de -

 == STRUCTURE: ============================== 

* Page width: 				994 px 
* Number of columns: 	3
* Color:							font: #000
											link: #eb9b13
											content: #fff
											background: #ebebeb

--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
fieldset {
	border: 1px solid black; padding: 8px; margin: 8px 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body   {
	color: #000;
	text-decoration: none;
	font: 100.01%/150% Arial, Helvetica, Geneva, sans-serif;
	background: #ebebeb;
	padding: 10px;
}
h1 {
	font-size: 1.35em;
	line-height: 1.3em;
	color: #000;
	text-indent: -9999px;
	display: block;
	height: 70px;
}
h2 {
	color: #FFF;
	font-size: 0.81em;
	text-transform: uppercase;
	background: #727272 url(../_images/bg-h2.gif) no-repeat left top;
	height: 23px;
	width: 606px;
	font-weight: normal;
	padding: 0px 12px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
h3 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 1em 0px 0.75em;
	line-height: 0.75em;
}
h4 {
	color: #FFF;
	font-size: 0.81em;
	text-transform: uppercase;
	color: #FFF;
	background: #727272 url(../_images/bg-h4.gif) no-repeat left top;
	height: 25px;
	width: 574px;
	font-weight: normal;
	padding: 0px 12px;
	line-height: 2em;
	letter-spacing: 0.05em;
	display: block;
}
h5 {
	font-size: 0.81em;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	background: url(../_images/bg-h5-light.gif) no-repeat left top;
	display: block;
	height: 30px;
	width: 184px;
	padding: 0px 10px;
	letter-spacing: 0.05em;
}
p, form li, dl {
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: normal;
	padding: 0px 0px 0.75em;
}
a:link, a:visited {
	text-decoration:underline;
	font-weight: bold;
	text-transform: uppercase;
	color: #41873c;
	background: url(../_images/bg-linkarrow-orange.gif) no-repeat left 2px;
	padding: 0px 0px 0px 8px;
	white-space: nowrap;
}
a:hover, a:active {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../_images/bg-linkarrow-orange.gif) no-repeat left 2px;
	color: #41873c;
	padding: 0px 0px 0px 8px;
	white-space: nowrap;
}
sup {
	font-size: xx-small;
	line-height: 0px;
	vertical-align: super;
}
ul, li {
	list-style: none;
}

/*===================STYLES=====================*/
.clear { clear:both; }
.hidden {	visibility:hidden; }
.normal {	font-weight: normal; }
.bold {	font-weight: bold; }
.line-through {	text-decoration:line-through;	color:#F00; }
.tabs-container {	font-weight: bold; }
.alignleft {	text-align: left; }
.aligncenter {	text-align: center; }
.alignright {	text-align: right; }
.floatleft {	float: left; }
.floatright {	float: right; }
a.btn {	padding: 0px !important;	background: none !important;}
.sternchentext {
	color: #878787;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: normal;
	clear: both;
}
.content_info856box h5 {
	color: #FFF;
	background: url(none);
	width: 250px;
	padding: 0px;
	display: block;
}
.content_info856box p,
.content_info856box li {
	font-size: 0.75em;
	line-height: 1.3em;
	color: #FFF;
}
.content_info856box p,
.content_info856box ul {
	padding: 10px 0px 0px;
}
.content_info856box li {
	font-weight: bold;
	padding: 0px 0px 10px 20px;
}
.content_info856box li.handyspar {
	background: url(../_images/bg-bullets-green-startseite.gif) no-repeat left top;
}
.content_info856box li.community {
	background: url(../_images/bg-bullets-green-startseite.gif) no-repeat left -50px;
}
.content_info856box li.flatkombi {
	background: url(../_images/bg-bullets-green-startseite.gif) no-repeat left -100px;
}
.content_info856box li.flat500 {
	background: url(../_images/bg-bullets-green-startseite.gif) no-repeat left -150px;
}
.content_info856box li.flat5000 {
	background: url(../_images/bg-bullets-green-startseite.gif) no-repeat left -200px;
}
.content_info856box li.flatkomplett {
	background: url(../_images/bg-bullets-green-startseite.gif) no-repeat left -250px;
}
.content_info856box ul.einzelpreise {
	padding: 10px 0px 0px;
}
.content_info856box ul.einzelpreise li {
	padding: 0px 8px 0px 0px;
	background: none;
	display:inline;
}
.content_info856box a:link, .content_info856box a:visited,
.content_info856links a:link, .content_info856links a:visited {
	text-decoration:underline;
	font-weight: bold;
	text-transform: uppercase;
	color: #f09600;
	background: url(../_images/bg-linkarrow-white.gif) no-repeat left 2px;
	padding: 0px 0px 0px 8px;
}
.content_info856box a:hover, .content_info856box a:active,
.content_info856links a:hover, .content_info856links a:active {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../_images/bg-linkarrow-white.gif) no-repeat left 2px;
	color: #f09600;
	padding: 0px 0px 0px 8px;
}

/*----- FORMULAR -----*/
label {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	height: 30px;
	width: 484px;
	display: block;
}


/*===================LAYOUT=====================*/
#container {
	margin: auto;
	padding: 0px;
	width: 856px;
}
#header {
	height: 68px;
	width: 856px;
	margin:0;padding: 0 0 15px 0;
	background: url(../_images/bg-header_timer.jpg) no-repeat left top;
}

#content_wrapper856 {
	width: 856px;
}
#content_flash856x329 {
	background: url(../_images/bg_blank.jpg) no-repeat left top;
	height: 329px;
	width: 856px;
	margin: 0px 0px 6px;
	display: block;
}
.flatobject{
	float:right;
	position:relative;
	right:0px;;
	width:400px;
	height:329px;
}
#alternate_content_flash856x329{
	height: 329px;
}
#alternate_content_flash856x329_flat {
	height: 279px;
	width: 484px;
	margin: 0px 0px 6px;

}
.handyspartarif {
	background: #006425 url(../_images/fallback-handyspartarif.jpg) no-repeat left top;
}
.communitytarif {
	background: #006425 url(../_images/fallback-communitytarif.jpg) no-repeat left top;
}
.flatkombi {
	background: #006425 url(../_images/fallback-flatkombi.jpg) no-repeat left top;
}
.flat500 {
	background: #006425 url(../_images/fallback-flat500.jpg) no-repeat left top;
}
.flat5000 {
	background: #006425 url(../_images/fallback-flat5000.jpg) no-repeat left top;
}
.flatkomplett {
	background: #006425 url(../_images/fallback-flatkomplett.jpg) no-repeat left top;
}
#alternate_content_flash856x329 h1 {
	font-size: 1.35em;
	line-height: 1.3em;
	color: #000;
	text-indent: -9999px;
	display: block;
	height: 140px;
	width: 484px;
}
#alternate_content_flash856x329 h2 {
	background: url(none);
	padding: 0px 0px 0.55em;
	font-size: 1.35em;
	font-weight: bold;
	line-height: normal;
	text-transform: none;
	display: block;
	height: 50px;
	width: 484px;
	text-indent: -9999px;
}
#alternate_content_flash856x329 p{
	margin:50px 0 0 30px;
}
#content_info856 {
	width: 856px;
	background: #00662C url(../_images/bg-content_info856-bottom.gif) no-repeat left bottom;
	margin: 0px 0px 6px;
	padding: 0px 0px 7px;
}
#content_info856three {
	width: 856px;
	background: #00662C url(../_images/bg-content_info856-bottom_3.gif) no-repeat left bottom;
	margin: 0px 0px 6px;
	padding: 0px 0px 7px;
}
#content_info856 h4,
#content_info856three h4 {
	width: 856px;
	height: 24px;
	padding: 0px;
}
#content_info856bg {
	width: 856px;
	background: url(../_images/bg-content_info856.gif) no-repeat left top;
}
#content_info856bgthree {
	width: 856px;
	background: url(../_images/bg-content_info856_3.gif) no-repeat left top;
}
.content_info856box {
	float: left;
	width: 255px;
	padding: 6px 10px 0px;
}
.content_info856imgbox {
	float: left;
	width: 552px;
	padding: 30px 0px 0px 14px;
}
#content_info856linkswrapper {
	width: 856px;
	display: block;
	float: left;
}
.content_info856links {
	float: left;
	width: 255px;
	padding: 0px 10px;
}
/*----- FOOTER -----*/
ul.footer {
	clear: both;
	text-align: center;
	display: block;
	list-style: none;
	padding: 10px 0px;
}
ul.footer li {
	display: inline;
	font-weight: normal;
	color: #f09702;
	font-size: 0.69em;
	padding: 0px 2px;
}
ul.footer li a {
	color: #878787;
	text-decoration: underline;
	font-weight: normal;
	background: url(none);
	text-transform: none;
	padding: 0px;
}