@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[ragespi] Screen Stylesheet
version:   1.0
date:      12/06/08
last doc:  06/04/09
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.it
-----------------------------------------------------------------------------*/
/* 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{
	overflow:auto;
}

body{
	background:#ededee;
	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{
  background:#fefefe;
  border:solid 1px #7f9fd3;
  margin:20px auto 0 auto;
  width:825px;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.clear{
	clear:both;
}

.abstandLeft{
	padding-left:10px
}

.abstandRight{
	margin-right:20px
}

.abstandRight2{
	margin-right:10px
}

.abstandRechts{
	margin-right:80px
}

.abstandOben{
	margin-top:10px
}

.abstandUnten{
	margin-bottom:5px
}

.rahmen{
  border:solid 1px #ccc;
  border-color:#ccc #aaa #aaa #ccc;  
}

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

.hide{
  display:none;  
}

h1{
  color:#447fc1;
	font-size:1.4em; 
	line-height:1.3em; 
	margin:0 0 10px 0;
}

h2{
  color:#447fc1;
	font-size:1.1em; 
	line-height:1.3em; 
}

b{
  color:#246072;  
}
/* ENDE Allgemein */

/* Startsite */
.startOben, .startUnten{
  background:#d2d3d5;
  border:solid 1px #3c7fb7;
  height:270px;
  margin:21px auto 0 auto;
  width:716px;  
}

.enter{
  padding:25px 0 0 0;
  text-align:center;
  width:374px !important;  
  width:371px;  
}

.enter ul{
  font-size:1.8em;
  line-height:1.3em;
  margin:35px 0 0 20px;
}

.enter ul li{
  margin:0;
  padding:10px 0 20px 0;
  text-align:left;
}

.enter span{
  display:block;
  margin:-50px 0 0 50px;
}

.startOben a:link, .startOben a:visited{
  color:#0059a3;  
}

.startOben a:hover, .startOben a:active{
  color:#0059a3;
  text-decoration:underline;  
}

.startUnten a:link, .startUnten a:visited{
  color:#f00;  
}

.startUnten a:hover, .startUnten a:active{
  color:#f00;
  text-decoration:underline;  
}

.r{
  border:solid 1px #f00;
}

#footerStart{
  color:#8f9194;
  font-size:1.1em;
  padding:20px 0;
  text-align:center;  
}

#footerStart a{
  color:#8f9194; 
}
/* ENDE Startsite */

/* Head */
#head, #head_frame{
  background:#fefefe;
  height:77px;
}

#head_frame{
  border-bottom:solid 1px #5d7ab5;
  position:fixed;
  width:100%;
}

#head_frame .close{
  float:right;
  font-size:1.4em;
  margin:-38px 22px 0 0;
}

.iframe{
  margin:80px 0 0 !important;
  margin:0;
}

#head_frame a:link, #head_frame a:visited, #head_frame a:link, #head_frame a:visited{
  color:#447fc1;
}

#logo{
  padding:20px 20px;
}

#sprache, #sprache_it{
  color:#447fc1;
  font-size:1.1em;
  margin:-35px 0 0 556px;
  padding:0;
  position:absolute;
  word-spacing:3px; 
}

#sprache_it{
  margin:-35px 0 0 508px;
}

#sprache a:link, #sprache a:visited, #sprache_it a:link, #sprache_it a:visited{
  color:#447fc1;
}

#sprache a:hover, #sprache a:active, #sprache_it a:hover, #sprache_it a:active{
  color:#447fc1;
  text-decoration:underline
}

#s1{
  margin:0;
  padding:0 0 0 19px;
  position:absolute;    
}

#s2{
  float:left;
}
/* ENDE Head */

/* Navi */
#navi{
  background-color:#005bab;
  color:#005bab;
  clear:both;
  font-size:1.1em;
  height:121px;
}

#navi ul{
  float:left;
  list-style:none;
  margin:0;
  padding:0 0 0 308px;
  width:450px;
}

#navi ul li{
  background:#fefefe url(../images/ecke.gif) no-repeat right bottom;
  float:left;
  height:51px;
  margin:5px 10px 4px 0;
  text-align:left;
  width:115px;
}

#navi ul li span{
  display:block;
  padding:32px 5px 0 0;
  text-align:right;
}

#navi ul li img{
  margin:5px;
  position:absolute;
}

#navi a:link, #navi a:visited{
  color:#005bab;
}

#navi a:hover, #navi a:active{
  color:#005bab;
}

#menuout{
  margin:-109px 0 0 548px;
  position:absolute;
  z-index:1;
}

#menuout span{
  background:#5d7ab5 url(../images/unter_ecke.gif) no-repeat right bottom;
  border-top:solid 1px #5d7ab5;
  color:#fefefe;
  display:block;
  margin:0 0 5px;
  padding:3px 0 3px 13px;
  width:80px;
}

#aktiv{
  background:#aebbdf url(../images/ecke.gif) no-repeat right bottom;
}

.border{
  border-right:solid 4px #fefefe; 
  height:121px;
  margin:0 20px 0 0;  
}

.untermenu{
  float:left;
  margin:-3px 10px 0 0;
  width:135px;  
}

.untermenu ul{
  background:#91a7d4;
  border:solid 1px #0f69ac;
  font-size:1.2em;
  font-weight:bold;
  height:381px;
  padding:0 0 0 10px;   
}

.untermenu ul li{
  text-align:left;
  margin:10px 0;
}

.font_klein ul{
  font-size:1em;
}

.font_klein ul li{
  margin:5px 0;
}

.um{
  padding:0 0 0 0;
}

.untermenu a:link, .untermenu a:visited{
  color:#fefefe;
}

.untermenu a:hover, .untermenu a:active{
  color:#0059a3;
}
/* ENDE Navi */

/* Inhalt */
#inhalt{
  background:#d1d3d4 url(../images/bg_inhalt.gif) repeat-x;
  height:440px;
}

.boxmain{
  height:400px;
  margin:0 auto;
  padding:15px 0 0;
  width:790px;
}

#context, #contextHolz, #contextHome, #contextHomeI{
  background:#fefefe;
  border:solid 1px #0059a3;
  float:left;
  height:362px;
  margin:0 0 0 10px;
  padding:10px 15px;
  overflow:auto;
  width:463px;
}

#context ul li, #contextHolz ul li{
  font-size:1.1em;
  list-style:disc;
  margin:0 0 0 12px;
  padding:5px 0;
  text-align:left;
}

#contextHome, #contextHomeI{
  margin:0;
  padding:15px;
  overflow:auto;
  width:752px;
}

#contextHolz h2{
  margin:5px 5px 5px 0;
}

#contextHolz img{
  float:right;
  padding:3px 8px 3px 5px;
}

#contextHolz{
  background:#c6c8ca url(../images/bg_context.gif) repeat-y;
}

#context p, #contextHolz p, #contextHome p{
	font-size:1.1em;
	line-height:1.4em;
}

#contextHome p, #contextHomeI p{
	float:left;
	padding:10px 16px 0 0;
	width:360px;
}

#contextHomeI p{
  font-size:1.2em;
	line-height:1.4em;
}

#contextHome p img{
	display:block;
	margin:25px 0 0 0;
}

#context a, #contextHolz a, #contextHome a, #contextHomeI a{
  color:#333;
}

.boxSystem{
  clear:both;
  min-height:104px;
  margin:0 0 12px 0;
}

.boxSystem img{
  float:left;
  padding:3px 8px 3px 5px;
}

.boxSystem p{
  padding:0 0 5px 5px;
}

.galerie{
  margin:0 0 0 150px !important;
  margin:0;
}

.steuerung{
  filter: alpha(opacity=75); 
  margin:171px 0 0;
  opacity:0.75;
  position:absolute;
  width:638px;
  z-index:10;
}

.left{
  margin:0 505px 0 20px;
}
/* ENDE Inhalt */


/* News */
.news_text{
  font-size:1.1em;
	line-height:1.4em;
}

.odd, .even{
  clear:both;
}

.break{
  clear:both;
  height:20px;
}

.odd img, .even img{
  float:left;
  margin:0;
  padding:0 7px 7px 0;;
}
/* ENDE News */


/* Footer */
#footer{
  font-size:1.1em;
  margin:10px 24px 20px 16px;
}

#footer span{
  display:block;
  margin:-14px 0 0 0;
  text-align:right;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
  color:#333;
}
/* ENDE Footer */


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

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

/* Kontaktformular */
fieldset label{
  display:block;
  font-size:1.2em;
  padding:6px 0 3px 0;
}

fieldset .textboxB{
  width:280px
}

fieldset .textboxS{
  margin:0 5px 0 0;
  width:72px
}

fieldset legend{
  font-size:1.3em;
  margin:0 0 20px 0;
}

.pflicht{
  font-size:1.1em;
}

.senden{
  margin:20px 0 0 217px;  
}

fieldset span{
  font-size:1.3em;
  font-weight:bold;
}
/* ENDE Kontaktformular */