/*******************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

*******************************************************************************/
#site-content {
	color:#fff;
	text-align:left;
	background: inherit;
}

/* ### breadcrump ############################################################ */

#content {
  	text-align:left;
    font-size:1.2em;
		padding:10px 10px 10px 10px;
}


#content h1, #content h2, #content h3 {
		color: #099; 
		font-family:arial,helvetica,sans-serif;
}
  #content h1 {
    font-size:1.2em;
    font-weight:bold;
    margin:0.5em 0;
    padding-left:0.2em;
  }
  #content h2 {
    font-size:1.1em;
    font-weight:bold;
    margin:0.5em 0;
    padding-left: 0.3em;
  }
  #content h3 {
    font-size:1em;
    font-weight:bold;
    margin:0;
    margin-top: 0.3em;
    padding-left: 0.3em;
  }
  #content p {
  	color: black;
    font-size:0.8em;
    padding:0.2em;
  }
  
  #content span {
  	color: black;
    font-size:1em;
    padding:0.4em;
  }

#content table {
		margin-left:10%;
		margin-right:10%;
  	color: black;
    font-size:0.8em;
    padding:1em;
}

#content table tr td {
	padding-left:0.5em;
	padding-right:0.5em;
}

#content p a, #content a {
		color: #099; 
}

#content p a:focus, #content a:focus {
		color: red; 
}

/* ### Images ############################################################ */

/* ### Bildgalerie ### */

#content div.galerie {
	clear: both;
}
#content div.galerie div.image {
	float: left;
	width: 270px;
}

#content div.galerie div.image img{
	padding: 5px;
	border:1px solid #aaa;
}


#content img {
	display:block;
	margin:4px 0;
}

#content img.floatLeft {
	float:left;
	margin:4px 10px 4px 0;
}

#content img.floatRight {
	float:right;
	margin:4px 0 4px 10px;
}

/* ### Link ############################################################ */

#content ul {
		font-family:arial,helvetica,sans-serif;
    padding-left:1em;
    font-size:0.9em;
}
#content ul li {
		list-style-image:none;
		list-style-type:disc;
    margin:0em;
    margin-left:0em;
    padding-left:1em;
  }
#content   ul ul li {
		list-style-image:none;
		list-style-type:circle;
  	margin-left: 1em;
  }
#content   ul a {
    color:black;
    padding:0.2em;
    font-weight:normal;
  }
#content   ul a:link {
    color:black;
    font-weight:normal;
    font-size:1.0em;
  }
#content   ul a:hover {
  	color:#099;
    font-weight:normal;
    font-size:1em;
  }
#content   ul a:active {
  	color: #099;
    font-weight:bold;
    font-size:1em;
  }

#content   ul a:focus {
  	color: red;
    font-weight:bold;
    font-size:1em;
  }

/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkBox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkBox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}


/* download
*******************************************************************************/
#content .download-hdl p, 
#content .download-file p, 
#content .download-desc p {
	margin:0;
}
#content .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#content .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#content .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#content .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

/*Modul Bild und Text*/
.centertab {margin-right: auto;
            margin-left: auto;}

.bildtext { margin: 0px;
            padding: 0px;
            font-size: 10px;}
.imgleft {float: left;
          margin-right: 20px;}
          
.imgright {float: right;
          margin-left: 20px;}

.stopleft {clear: left;}

.stopright {clear: right;}
	 
.bildtext2 {text-align: justify;}

.fllinks {
	float:left;
	padding:0px;
	margin:14px 14px 0px 0px;
}

.flrechts {
	float:right;
	padding:0px;
	margin:14px 0px 0px 14px;
}

.flLeft {
	float:left;
	padding:0px;
	margin:14px 14px 0px 0px;
}

.flRight{
	float:right;
	padding:0px;
	margin:14px 0px 0px 14px;
}

hassoGallery {
	margin-left: 50px;
	padding: 0;
	font-size: medium ;

}

#hassoNav {
	display: none;
	text-align:left;

}

#hassoNav ul {
	list-style: none;
	display: none;
	text-align:left;
	list-style: none;
	margin-left: 0.5em;
	font-size: medium ;
	line-height: normal;
	margin-top: 2px;
	margin-bottom: 2px;
}

#hassoNav a {
	display: none;
}

#hassoNav a:hover {
	display: none;
/*	background-color:silver; */
}

#hassoNav #active {
	display: none;
/*	background-color:silver; */

}

#hassoThumbs {
	float: left;
	padding: 0;
/*	width: 370px; */
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
	text-align: center;
	
}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 5px 10px 5px;
	border:0;
	height: 110px;
	width: 110px;
	text-align: center;
	vertical-align:middle;
	
}

#hassoThumbs .hassoThumb a {
	border:0;
	
}

#hassoThumbs .hassoThumb a img {
	border:0;
	
}


#hassoPic {
	text-align:center;
	padding: 5px;
/*	width: 360px; */
	margin: 0px;
	border:1px dashed  #bfbfbf;
	font: bold 14px verdana ,  sans-serif;
	background-color: #e5e5e5;
}


#hassoPic .hassoTitle {
	font-style:oblique;
	text-align:left;
	
}

#hassoPic .hassoDescription {
	text-align:left;	
}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
/*	width: 370px; */
	margin:0;
	padding: 0;

}


#hassoPrevNextNav #hassoPrevPic{
	float: left;
	
}


#hassoPrevNextNav #hassoNextPic{
	float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;
		
}

#button {
	font-size:1em;
	font-weight:bold;
	font-family:arial, verdana, helvetica, sans-serif;
	color:#C04040;
	border: 0;
	background:#fff;
	text-decoration:none;
}

#sitemap{
	float: left;
	width:560px;
	padding:00px;

}
#sitemap .langsitemap{
	float: left;
	width:100px;
	padding:14px;
}

#sitemap .sitemaplevel1 ul{
}
#sitemap .sitemaplevel1 ul a.level1{
}

#sitemap .sitemaplevel2 ul{
}
#sitemap .sitemaplevel2 ul a.level2{
}
#sitemap .sitemapartikel ul{
	list-style: circle;
}
#sitemap .sitemapartikel li{
	list-style: circle;
}
#sitemap .sitemapartikel a{
}
/* Download anbieten */

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:10px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}

/*  Start Forms */
#formwrap {
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 50px;
}
#form {
   padding: 0px 0px 10px 0px;
   margin: 0px 0px 0px 0px;
   text-align: left;
}
/* Rahmenfarbe angeben für Opera */
fieldset {
   border: 1px solid #fff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
legend {
   border: 1px solid #fff;
}
Label {
   font:11px/20px verdana, arial, helvetica, sans-serif;
   padding:0px;
   margin-left: 0px;
}
.inpt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
.txt {
   width: 350px;
   border: 1px solid #999;
   background-color: transparent;
   color: #666666;
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 11px;
   padding: 1px 1px 1px 3px;
   margin: 0px 0px 5px 0px;
   word-spacing: 0.2em;
}
input.inpt:focus, textarea.txt:focus {
   color: #222;
   font-family: Verdana, Arial, Sans-Serif;
}
.senden {
   width: 150px;
   font-weight: bold;
   font-size: 11px;
   margin: 15px 0px 0px 198px;
   padding: 3px 0px 3px 0px;
   background-color: #eee;
   color: #333;
   text-align: center;
   border: solid 1px #999;
   cursor: pointer;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
   cursor: pointer;
}

.formerror {
	color: red;
}
/*  End Forms */ 

#topbar{
position:absolute;
border: 1px solid #fff;
padding: 10px;
background-color: #000;
color: #fff;
width: 420px;
visibility: hidden;
z-index: 100;
}

	/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

/* JAOS Gallery
*******************************************************************************/
/* JAOS Gallery
*******************************************************************************/
#jaos
	{
	margin:0 auto;
	}

.jaosg_galerie
	{
	text-align:center; 
	vertical-align:middle; 
	padding:5px;
	}

.jaosg_thumbnail 
	{
	margin:5px;
	float: left;
	height: 80px;
	width: 80px;
	text-align: left;
	vertical-align:middle;
	}

.jaosg_nav
	{
	text-align: center;
	}

.jaosg_bild	
	{
	text-align: center;
	}

.jaosg_bildbeschreibung
	{
	text-align: justify;
	}