/**
 * Stylesheet für Viafon.de
 * creator: Tobias Henze @ 28.01.2009
 * last change: Tobias Henze @ 07.02.2009
 * 
 */
@import url("reset.css");

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

body{
 color:#4b4b4d;
 font-family:Arial, Helvetica, sans-serif;
 background-color:#FFF;
 min-width:920px;
}

#wrap{
 width:900px;
 text-align:left;
 position:relative;
 margin:auto;
 padding-top:140px;
}

#contentwrap{
 width:678px;
 margin-left:15px;
 float:right;
 position:relative;
}

#navigationcolumn{
 width:204px;
 position:relative;
}

#contentcolumn{
 float:left;
 width:456px;
 background:transparent url(../images/content_bg.gif) repeat-y top left;
}

#rightcolumn{
 width:204px;
 margin-left:470px;
}

.inside{
 padding:6px;
}

#header{
 height:120px;
 width:900px;
 background:transparent url(../images/viafon_logo.gif) no-repeat bottom left;
 position:absolute;
 top:10px;
}

#header #logo a{
 display:block;
 width:300px;
 height:100px;
 text-decoration:none;
}
#header #logo a:hover{
 text-decoration:none;
}

#header #logo a span,
#header #logo a{
 text-indent:-3000em;
}

#header #metanavigation p{
 color:#f80;
 text-align:right;
 font-size:11px;
 padding-right:6px;
}

#header #metanavigation p a{
 color:#f80;
 font-size:11px;
 text-decoration:none;
}

#header #metanavigation p a:hover{
 text-decoration:underline;
}

#footer{
 background:transparent url(../images/footer_line.gif) repeat-x top left;
 padding:6px 0px 30px 0px;
 margin-top:20px;
 clear:both;
}

#footer p{
 color:#f80;
 font-size:11px;
 padding-left:3px;
}

#footer p a{
 color:#f80;
 font-size:11px;
 text-decoration:none;
}

#navigationcolumn ul{
 margin:0px;
 position:relative;
}

#navigationcolumn ul li{
 background:transparent url(../images/line_navi_grey.gif) repeat-x bottom left;
 position:relative;
 margin-bottom:7px;
}

#navigationcolumn ul li.lasts{
 background-image:none;
}

#navigationcolumn ul li ul{
 background:transparent;
 margin:0px 0px 7px 0px;
 background:transparent url(../images/navi_bg2.gif) repeat-y top left;
}

#navigationcolumn ul li ul li{
 background-color:#FFF;
 margin:0px 1px;
 padding-bottom:1px;
}

#navigationcolumn ul li a{
 color:#4b4b4d;
 font-size:12px;
 font-weight:bold;
 background-color:#e4e4e4;
 padding:5px;
 display:block;
 text-decoration:none;
 margin-bottom:3px;
}

#navigationcolumn ul li ul li a{
 background:transparent;
 color:#4b4b4d;
 background-color:#ededed;
  padding:5px 3px 5px 5px;
  margin-bottom:0px;
  font-weight:normal;
}

#navigationcolumn ul li ul li.active a,
#navigationcolumn ul li ul li.active a:hover{
 color:#4b4b4d;
 background-color:#FFF;
 text-decoration:none;
}

#navigationcolumn ul li li a:hover{
 /*text-decoration:underline;*/
background-color:#FFF;
}

.teaserright{
 background:transparent url(../images/teaser_bg.gif) repeat-y top left;
 margin-bottom:12px;
}

.teaserright p,
#contentcolumn .teaserright p{
 font-size:11px;
 line-height:150%;
}

.teaserright h2{
 color:#4b4b4b;
 font-size:12px;
 font-weight:bold;
 padding:6px;
 background-color:#e4e4e4;
}

.teaserright ul, .teaserright p, .teaserright ol{
	margin:3px 6px;
}

.teaserright ul{
 padding-left:10px;
}

.teaserright a{
 color:#4b4b4b;
 font-size:11px;
 text-decoration:none;
 padding:0px 5px 6px 12px;
 background:transparent url(../images/orange_arrow.gif) no-repeat 0px 5px;
 display:block;
}

.teaserright a:hover{
 text-decoration:underline;
}

.teaserright ul li,
#contentcolumn .teaserright ul li{
 line-height:150%;
 font-size:11px;
 list-style:square;
 margin:2px 5px;
}

.endline{
 font-size:1px;
 height:6px;
 background:transparent url(../images/line_light_grey.gif) repeat-x bottom left;
}

/** Content Styles
 * 
 */
#contentcolumn a{
 color:#f80;
 font-size:12px;
 text-decoration:none;
 /*padding-left:12px;
 background:transparent url(../images/orange_arrow.gif) no-repeat 0px 1px;*/
}

#contentcolumn a.download{
	background:transparent url(../images/download_arrow.gif) no-repeat 0px 1px;
	padding-left:13px;
}

#contentcolumn a:hover{
 text-decoration:underline;

}

#contentcolumn p{
 font-size:12px;
 font-weight:normal;
 margin:3px 0px;
}

#contentcolumn p, #contentcolumn li, #contentcolumn td, #contentcolumn blockquote{
 font-size:12px;
}

#contentcolumn p, #contentcolumn h2, #contentcolumn h1, #contentcolumn h3, #contentcolumn h4,  #contentcolumn li, #contentcolumn td, #contentcolumn blockquote{
 line-height:150%;
}

#contentcolumn h1{
 font-size:15px;
 margin:6px 0px;
}

#contentcolumn h2{
 font-size:13px;
 margin:6px 0px;
}

#contentcolumn h3{
 font-size:12px;
 font-weight:bold;
 margin:3px 0px;
}

#contentcolumn h4,
#contentcolumn h5{
 font-size:11px;
 font-weight:bold;
 margin:3px 0px;
 line-height:105%;
}

#contentcolumn ul,
#contentcolumn ol{
 padding-left:10px;
 margin:3px 6px;
}

#contentcolumn ul li,
#contentcolumn ol li{
 line-height:150%;
 font-size:12px;
 list-style:square;
 margin:2px 5px;
 padding:3px 0px;
}

#contentcolumn #breadcrumb{
 padding:6px;
 background-color:#e4e4e4;
 font-size:11px;
}

#contentcolumn #breadcrumb a{
 color:#4b4b4b;
 background:transparent;
 padding:0px;
 font-size:11px;
}

#contentcolumn #breadcrumb .B_lastCrumb{
 font-weight:bold;
}

#contentcolumn .singlecolone,
#contentcolumn .singlecoltwo{
 width:210px;
 float:left;
 overflow:hidden;
 padding-top:6px;
}

#contentcolumn .singlecoltwo{
 margin-left:234px;
 float:none;
}

#contentcolumn .teaserline{
 margin:6px 0px;
}

#contentcolumn .teaserline .teaserimage{
 float:left;
}

#contentcolumn .teaserline .teaserimage img{
 width:126px;
 height:84px;
}

#contentcolumn .teaserline p, #contentcolumn .teaserline h3{
 margin-left:135px;
 margin-top:0px;
}

a.disabled, a.disabled:hover , #header #metanavigation p a.disabled , #header #metanavigation p a.disabled:hover{
 color:#ccc;
 cursor:default;
 text-decoration:none;
}

#contentcolumn .contactcol{
 float:left;
 position:relative;
 width:219px;
}

#contentcolumn .contactcol2{
 margin-left:224px;
}

#contentcolumn label{font-size:12px;color:#5c5c5c;}
#contentcolumn input.text{font-size:12px;border:1px solid #e9e9e9; width:212px;}
#contentcolumn #kf_nachricht{font-size:12px;border:1px solid #e9e9e9;width:217px;height:110px;}
#contentcolumn #kf_submit{font-size:12px;background:transparent; color:#ff9300;float:right;border:none;cursor:pointer;}
#contentcolumn label span{color:#ff9300;}
#contentcolumn input.required,   #contentcolumn #kf_nachricht.required{border:1px solid #ff9300;}
#contentcolumn .errors{font-size:11px;line-height:150%;}
#contentcolumn .errors strong{color:#ff9300;}

/** miscellanous styles
 */
strong{font-weight:bold;}

 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide columns when printing*/ 
#navigationcolumn, #header, #footer,#rightcolumn{display:none;} 
#contentcolumn, #contentwrap{width:100%; float:none;}
}