/* Standard CSS Datei fuer www.rintelner-eisfahrt.de */

body  { 
  color: #000; 
  background-color: #fff; 
  margin: 0;  
	font-size:90%;
}

#navi_box {
float:left; 
width:220px; 
margin-top: 5px;
margin-right: 5px; 
background-color:#99ccff; 
background-image:url(/assets/templates/rintelner-eisfahrt/img/navi-oben.jpg); 
background-repeat:no-repeat;
background-position:top;
}
#navi_box_bottom {
 margin:0; padding: 0;
}
#navi_content { padding: 10px;}


#main_box {
float:left; 
width:725px; 
margin-top: 5px; 
background-color:#99ccff; 
background-image:url(/assets/templates/rintelner-eisfahrt/img/main-oben.jpg); 
background-repeat:no-repeat;
background-position:top;
line-height: 1.5em;
}
#main_box_bottom {
 margin:0; padding: 0;
}
#main_content { padding: 10px;}

#container { 
margin: 0 auto 0 auto; 
padding: 10px 0 10px 0; 
width:950px; 
text-align: left; 
font-family: Verdana, sans-serif;
font-size: 1em;
}

a { color:#333; }
a:hover { color:#666; }

h1, h2, h3 { 
 color: #36f;
 font-family: "Comic Sans MS", arial, sans-serif;
}
h1 { margin: 0.2em 0 0 0; padding: 0 0.5em 0.5em 0;  text-align: left; font-size: 1.4em; letter-spacing: 2px;  }
h2 {  margin: 0; padding: 0 0.5em 0.5em 0; font-size: 1.2em; letter-spacing: 1px;  }
h3 {  margin: 0; padding: 0 0.5em 0.5em 0; font-size: 1em; letter-spacing: 0px; border-bottom: 1px solid #496b04; }
h4 {  margin: 0; padding: 0 0.5em 0.5em 0; font-size: 1em; letter-spacing: 0px; }
p, label { margin: 0; padding: 0 0.5em 0.5em 0; }

img { 
 border: 0px;
 padding: 0px;
 }
.fleft { 
 float: left;
 margin: 0 1em 1em 0; 
 text-align: center;
 }
.fright {
 float: right;
 margin: 0 0 1em 1em;
 text-align: center;
}

.left { 
 float: left;
 margin: 0 0 0.2em 0; 
 }
.right {
 float: right;
 margin: 0 0 0.2em 0;
}

/* picleft und picright werden zum auszeichen der Bilder verwendet*/
.picleft { 
 float: left;
 margin: 0 8px 8px 0; 
 padding: 1px;
 background: #669900;
 text-align: center;
 font-size: 12px; 
 line-height: 13px; 
 font-family: Avantgarde, arial, sans-serif;
 font-weight: normal;
}
 
.picright {
 float: right;
 margin: 0 0 8px 8px;
 padding: 1px;
 background: #669900;
 text-align: center;
 font-size: 12px; 
 line-height: 13px; 
 font-family: Avantgarde, arial, sans-serif;
 font-weight: normal;
}

.clear { clear: both;}

.marker {
 	background: #e3e2c0;
 	padding : 3px;
 	margin: 0 0 1em 0;
 	width: 98%; 
 	overflow: hidden; 
	border: 1px solid #ff7e00; 
	font-size: 1em; 
	line-height: 1.2em; 
	font-family: "Comic Sans MS", arial, sans-serif;
	font-weight: normal;
}
.blau { color: #36f;}
.rot { color: #c00;}


/* Galerie
--------------------------------------------------*/
#galerie h2 { color: #003333; border: 0; }
#galerie h3 { color: #666666; font-weight:bold; border: 0;  }
#galerie table, tr, td { margin: 0; padding: 0; }
#galerie table { margin-bottom: 10px; width: 100%; }
#galerie #preview td {  margin: 0; padding: 0; width: 33%; text-align: left; vertical-align: top; } 
#galerie #preview {display:none;}
#galerie #show a {display:none;}
#galerie #autostop {display:none;}		
#galerie #preview img {border: 5px solid #eee; }
#galerie #show img {border: 10px solid #eee; }


/* Menü der Galerie
------------------------------------------------------------*/

.submenu { margin:0; padding:0; width:200px; overflow:hidden; list-style-type:none; background:transparent; }
.submenu ul { margin:0; padding:0; }
.submenu a { display:block; text-decoration: none; }
.submenu ul li { float:left; width:100%; margin:0; padding: 2px 0px 2px 0px; }

.submenu ul li a { 
	width: 90%;
	padding: 5px 5px 5px 5px; 
	background-color:transparent;
	color: #333; 
	font-size: 15px;
	font-family: avantgarde, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	border: 1px solid #36f;	
}

.submenu li a:hover { 
	background: #cce5ff; 
	color: #000;
	border-top: 1px solid #ff7e00;
	border-right: 1px solid #ff7e00;
	border-bottom: 1px solid #ff7e00;
	border-left: 1px solid #ff7e00;
}
.submenu .active { 
	background: #36f; 
	color: #fff;
	border: 1px solid #36f;
}
.submenu ul li:hover ul { display: block; }
.submenu ul li ul li { float:left; width:100%; margin:0; margin-top:-1px; padding: 0px 0px 0px 10px; }
.submenu ul li ul li a { 
	width: 87.5%;
	padding: 2px; 
	background-color:transparent;
	color: #333; 
	font-size: 13px;
	font-family: avantgarde, arial, sans-serif;
	font-weight: normal;
	text-align: left;
	border: 1px solid #36f;	
}

.submenu ul li#title { 
	width: 90%;
	padding: 5px 5px 5px 5px; 
	background-color: transparent;
	color: #36f; 
	font-size: 15px;
	font-family: avantgarde, arial, sans-serif;
	font-weight: bold;
	text-align: left;
	border: 0px solid #36f;	
}

/* Infos in Tabelle bereitstellen
---------------------------------------------*/
#info table { border:solid 1px #999; border-collapse:collapse; }
#info th { border:solid 1px #999; padding:5px; font-weight: bold; }
#info td { border:solid 1px #999; padding:5px; }



/* Breadcrumbs configuration
-----------------------------------------------*/
#BCrumbs { 
  position:absolute;
  top: 155px;
  left:190px;
}
.B_crumbBox { font-family: Verdana, sans-serif; font-size: 0.8em; color: #fff; }
.B_firstCrumb {}
.B_homeCrumb, .B_crumb { color: #fff; text-decoration: none;}
.B_lastCrumb {}
.B_currentCrumb { font-weight: bold; color: #fff;}


/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {width: 100%;}

#EmailForm label  {
	clear: both;
	float: left;
	width: 200px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}
#EmailForm input, #EmailForm select {
	float: left;
	width: 400px;
	margin-top: 3px;
}
#EmailForm  input.intext {
  float: none;
	width: 40px;
	margin-top: 3px;
}
#EmailForm img {
	float: left;
	width: 150px;
	margin-top: 3px;
}
#EmailForm input[type="checkbox"] { width: 15px;}

#EmailForm div { margin-top: 3px; }
#EmailForm textarea {
	clear: both;
	float: left;
	width: 600px;
	margin-top: 3px;
	overflow: auto;
}

#EmailForm input[type="submit"], #EmailForm input[type="reset"], #EmailForm input[type="button"] {
	float: left;
	width: 150px;
  margin: 1.5em 2em 1em 0;
  background: #36f;
  color: #fff;
}

#EmailForm fieldset { border: 1px solid #36f; }

.button {
 margin: 1.5em 0 1em 0;
 width: 100px;
 background: #36f;
 color: #fff;
}

.linkbutton {
	display: block;
	float: left;
	margin: 0.2em 0 0.2em 0;
	padding: 5px;
	border: 1px solid white;
	background: #669900;
}

.errors {
	border: 1px solid #ff5b00;
	padding: 5px;
	color: #ff5b00;
}
.requiredValue { background: #ffcdb2; }






/* etwas Werbung in eigener Sache */
#kubikweb {	display:block; float:right; margin: 1em 0 10px 0; padding: .4em 0 0 15px; text-align: right;	}
#kubikweb { 	line-height: 12px; font-size: 10px;	color: #999; }
#kubikweb a  { color: #999; text-decoration: none; }
#kubikweb a:hover { color: #666; }
#kubikweb .kubikweb, #kubikweb .kubikweb a { font-size: 14px;	color: #333; }
#kubikweb .related , #kubikweb .related a { }
#kubikweb .valid , #kubikweb .valid a { /* display: none; */ }