/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");
@import url("captcha-formular.css");

/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		Envision
   TEMPLATE CODE: 	S-0013
   VERSION:          1.1
	LAST MODIFIED     Nov-14-2007 	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }


/* alignment classes */
.flLeft  { float: left; margin-right: 5px; }
.flLeft img { border-color: #003300; } 
.flRight  { float: right; margin-left: 5px; }
.flRight img { border-color: #003300; } 

.float-left  { float: left; margin: 5px 10px 10px 0px; }
.float-right { float: right; margin: 5px 0px 10px 10px;}
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++ Allgemein +++++++++++++++++++++++++ */

body {
	/* Text */
	color: #000000; 
	margin: 0px;	
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; /* entspricht nachfolgend 1.0em */

	background-color: #FFFFFF;
	background-image: url(dangast-hintergrund-moin-web.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	font-weight: bold;
}

/* ---------- berschriften ---------- */
h1 { font-size: 1.5em; margin: 5px 0px 10px 0px; padding-bottom: 5px; background-image:url(moin-phase-gross.png); background-position: bottom left; background-repeat: no-repeat; } 
h2 { font-size: 1.3em; margin: 5px 0px 10px 0px; background-image:url(moin-phase.png); background-position: bottom left; background-repeat: no-repeat;  } 
h3 { font-size: 1.125em; margin: 5px 0px; font-weight: bold; } 
h4 { font-size: 1.0m; margin: 5px 0px; font-weight: bold; }  
h5 { font-size: 1.0em; margin: 5px 0px; font-weight: bold; font-style: italic;}  

p { margin: 0px 0px 5px 0px; }  

td { vertical-align: top; padding: 4px 5px; }

img { border: none; }




/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Seitenlayout ++++++++++++++++++++++++ */

/* ++++++++++ Layer - Anfang ++++++++++ */
#container{
  position: relative;
  margin: 0px auto 10px auto; 
  width: 980px;  
  height: 568px;
  top: 75px;
  left: 0px;
/*
    margin-left: -490px;  halbe weite 
	margin-top: -284px;  halbe hhe 
*/  
}

#flash_menue {
  position: absolute;
  top: 0px;
  left: 0px;
  
  width:245px;
  height:568px;
  background: none;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.nav_alternativ {
	margin-top: 5px; 
	color: #000000;
	font-size: 1.5em; 
}
.nav_alternativ a {
	color: #000000;
	text-decoration: none;
}
.nav_alternativ a:hover {
	text-decoration: underline;
}



#main {
  position: absolute;
  top: 0px;
  left: 250px;
  
  width:480px;
  height:568px;
/*	background-color: #FFFFFF; */
  background-image: url(back_white_70.png);
  
  overflow: auto;
/*	width: 28em;   fhrt im Internet Explorer zu einem Fehler, deshalb die Breitenangabe im #container */	
}
#main_head {
	height: 112px;
	text-align: right;
	background-image: url(main_head.png);
	background-repeat: no-repeat;
	
}
#nav_path {
	padding: 5px 10px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++ breadcrumb +++++++++++++++++++++++++++ */

/* ---------- <a></a> - Element ---------- */
#breadcrumb {
	font-size: 0.7em; 
	color: #5F5F5F;
}
#breadcrumb a {
	text-decoration: underline;
	color: #5F5F5F;
}

/* OnMouseover() - Schriftfarbe ndern */
#breadcrumb a:hover {
	color: #000000; 
}

/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */


#inhalt {
	vertical-align: top;
	padding: 15px;
}
#inhalt ul {
	list-style-type: disc;
}
#inhalt ol {
	list-style-type: decimal;
}

#inhalt li {
	margin: 0px 0px 0px 1.0em; 
}
#inhalt a { color: #CC0000; text-decoration: none; font-weight: bold; }
#inhalt a:hover { text-decoration: underline; }




#right {
  position: absolute;
  top: 0px;
  left: 735px;
  
  width:245px;
  height:568px;
/*	background-color: #DDDDDD; */
  background-image: url(back_grey_50.png);	
}



#right_inhalt {
  margin: 40px 20px;
  text-align: left;
  line-height: 1.825em;
  font-size: 1.15em;
  font-weight: bold;
}
#right_inhalt a { color: #000000; text-decoration: none; font-weight: bold; }
#right_inhalt a:hover { text-decoration: underline; }





#foot {
  position: absolute;
  top: 568px;
  left: 0px;
  width: 980px;  
  height: 20px;  

  font-size: 0.75em; /* 12px */
  text-align: center; 
  padding: 5px 0px 10px 0px;
  color: #FFFFFF;
}
#foot a {
	text-decoration: underline;
	color: #CCCCCC;
}
#foot a:hover {
	text-decoration: none;
}


/* ---------- Layer - Ende ---------- */

/* +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ ENDE +++++ */




/* ----------------------------------------------------------------------------------
  externe Links
---------------------------------------------------------------------------------- */ 
.extern{
/*
  padding-right:15px;
  background:url('extern.gif') no-repeat right center;
*/
  padding-right:0px;
  background:none;
}






/* Download anbieten */

.download-box {
  background-color: #FFEBCD;
  border: 1px solid #000;
  width: 400px;
  margin: 0px;
  padding: 5px;

}

.download-hdl {
	font-weight: bold;
}

.download-file { }

.download-desc {
  background-color: #F8FEF1;
  margin: 0px;
  padding: 5px;	
}

.download-without-desc { }


#simple_magazine img { margin: 0px 5px 5px 0px; padding: 0px;  } 
#simple_magazine a img { border: 1px solid #fff; } 
#simple_magazine a:hover img { border: 1px solid #666; }
#simple_magazine td { margin: 0xp; padding: 0px; text-align: center; vertical-align: middle; }


.referenzen_flLeft { float: left; display: block; width: 200px; height: 110px; margin: 0px 10px 0px 0px;