@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[klausegger.it] Screen Stylesheet
version:   1.0
date:      03/03/09
last doc:  10/06/09
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.com
-----------------------------------------------------------------------------*/
/* Reset */
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
  font-weight:inherit;
  margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

html{
  background:#8e1c09 url(../images/bg_long.png) right 0 repeat-y;
	overflow:auto;
}

body{
	color:#333;
	font:normal 63.5%/1.3em Arial, Helvetica, sans-serif;
}

ol, ul, li{
	list-style:none;
	margin:3px 0;
	text-align:center;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td{
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}
/* ENDE Reset */


/* Allgemein */
.alles{
  margin:0 auto;
  width:980px;
}

.info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  margin:0 0 30px 0;
  padding:4px;
  text-align:center;
}

h2{
	font:normal 1.4em/1.2em Arial, Helvetica, sans-serif; 
	margin:15px 0 0; 
}
/* ENDE Allgemein */


/* Head */
#head_home{
  padding:22px 40px 0;
  text-align:center;
}

#head_navi{
  clear:both;
  font-size:1.2em;
  margin:0 auto;
  padding:15px 0 0;
  text-align:right;
  width:980px;
}

#head_navi a:link, #head_navi a:visited{
  color:#c83b25;
  margin:0 3px;
}

#head_navi a:hover, #head_navi a:active{
  color:#fefefe;
  margin:0 3px;
}
/* ENDE Head */


/* Navi Box */
#navi_box{
  background:#333 url(../images/bg_info_box.png) 0 0;
  height:169px;
}
/* ENDE Navi Box*/


/* Navi */
#navi{
  clear:both;
  float:left;
  font-size:1.2em;
  height:40px;
  padding:30px 0 0 30px;
}

#navi ul{
  float:left;
  line-height:1.5em;
  list-style:none;
  margin:0;
  padding:0 30px 0 0;
}

#navi ul li{
  margin:0;
  text-align:left;
}

#navi a:link, #navi a:visited{
  color:#fefefe;
  padding:0 0 0 15px;
}

#navi a:hover, #navi a:active{
  color:#961d0a; 
  background:url(../images/navi_arrow.gif) 0 1px no-repeat;
  padding:0 0 0 15px;
}

.active{
  color:#961d0a; 
  background:url(../images/navi_arrow.gif) 0 1px no-repeat;
}
/* ENDE Navi */


/* Inhalt */
#inhalt{
  /*height:415px;
  padding:0 0 0 50px;*/ 
  height:645px;
  padding:1px 0 0 50px;
  padding:55px 0 10px 50px;
}

.kreis{
  background:transparent url(../temp/kreise/kreis.gif) 118px 50px no-repeat;
  height:600px;
  *margin:15px 0 0;
  width:600px;
}

.kreis_logo{
  margin:169px 0 0 195px;
  position:absolute;
}

.seminar{
  position:absolute;
}

.sm1{
  margin:352px 0 0 146px;
}

.sm2{
  margin:198px 0 0 56px;
}

.sm3{
  margin:30px 0 0 142px;
}

.sm4{
  margin:5px 0 0 348px;
}

.sm5{
  margin:146px 0 0 451px;
}

.sm6{
  margin:302px 0 0 438px;
}

.video{
  font-size:0.85em;
  margin:-295px 0 0 741px;
  position:absolute;
}

#context{
  color:#fefefe;
  float:left;
  height:341px;
  margin:20px 0 0;
  position:relative;
  width:605px;
}

#context .text{
  display:block;
  float:left;
	font-size:1.2em;
	line-height:1.4em;
	margin:10px 0 0;
}

.thickbox{
  float:left;
  margin:10px 15px 0 0;
}

#context a:link, #context a:visited{
  color:#fefefe;
  text-decoration:underline;
}

#context a:hover, #context a:active{
  color:#fefefe;
  text-decoration:none;
}

#player_1{
  float:left;
  padding:0 20px 0 0;
}

.untertitel{
  clear:both;
  color:#fefefe;
  font-size:1.2em;
	line-height:1.2em;
	margin:-45px auto 10px;
	width:302px;
}

.picture{
  float:left;
  margin:10px 50px 0 0;
}

.print{
  display:block;
  font-size:0.9em;
  padding:15px 0 0;
}
/* ENDE Inhalt */


/* Gadget */
.gadget_home{
  margin:-135px 0 0 831px;
  position:absolute;
}

.new{
  color:#fefefe;
  font-size:1.1em;
  /*margin:-390px 0 0 696px;
  margin:-640px 0 0 780px;*/
  margin:-635px 0 0 780px;
  position:absolute;
  width:190px;
}

  /* News */
  .news{
    margin:10px 0 0 10px;
  }
  
  .datum{
    color:#ccc;
    display:block;
  }
  
  .news a:link, .news a:visited{
    color:#fefefe;
    text-decoration:none;
  }

  .news a:hover, .news a:active{
    color:#fefefe; 
    text-decoration:underline;
  }
  /* ENDENews */

.testimonial{
  background:url(../images/quote_open.gif) 0 0 no-repeat;
  color:#7f7f7f; /*59a1a1;*/
  float:left;
  font-size:1.2em;
  margin:32px 0 0 10px;
  padding:0 0 0 70px;
  width:340px;
}

.testimonial img{
  float:left;
  padding:0 5px 5px 0;
}

.zitat{
  display:block;
  padding:0 80px 0 0;
}

.quotes{
  background:url(../images/quote_close.gif) 262px 0 no-repeat;
  height:100px;
}

.name{
  clear:both;
  display:block;
  font-size:1.3em;
  margin:5px 0 3px 0;
}

.position{
  font-size:0.9em;
}

.testimonial a:link, .testimonial a:visited{
  color:#59a1a1;
  font-style:italic;
  text-decoration:underline;
}

.testimonial a:hover, .testimonial a:active{
  color:#ccc; 
  font-style:italic;
  text-decoration:underline;
}
/* ENDE Gadget */


/* Footer */
#footer_home{
  color:#7f7f7f;
  font-size:1.1em;
  margin:10px auto;
  text-align:right;
  width:980px;
}

#footer_home a:link, #footer_home a:visited{
  color:#7f7f7f;
}

#footer_home a:hover, #footer_home a:active{
  color:#fefefe;
}
/* ENDE Footer */


/* Links */
a:link, a:visited{
  text-decoration:none;  
}

a:hover, a:active{
  text-decoration:none;  
}
/* ENDE Links */