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

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

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


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
	body {
	background:#FFFFFF;
	background-image: url(bg_site.gif);
	color: #fff;
	font-family:arial, verdana, helvetica, "Trebuchet MS", sans-serif;
	font-size: 10px;
	padding: 0 0 25px 0;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; margin-right:10px;  }

.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */

#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:880px;
}

/* ### Kopfzeile ##################################################################### */

	#kopf {
	position:relative;
	padding:17px 0 0 25px;
	height:45px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:11px;
}

	#kopf a:link { color:#b60e1d; text-decoration: underline; }
	#kopf a:visited { color:#b60e1d; }
	#kopf a:hover { color:#b60e1d; text-decoration: none; }
	#kopf a:active { color:#b60e1d }

	#leftcol{
 	padding:0 30px 0 0;
 	width:400px;
 	height: 30Px;
 	float:left; 
 	position: relative;
	font-family:Arial, Helvetica, sans-serif;  
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
 	color: #797b7a;
 	text-decoration: none;
	}
	
	#rightcol{
	padding:0 30px 0 0; 
 	float: right; 
 	display:inline; 
 	position: relative; 
 	width:280px;
	height: 30Px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
 	color: #797b7a;
 	text-decoration: none; 
 	}



/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:200px;
}

/* ### Header2 ##################################################################### */

#header1 {
	position:relative;
	margin:0;
	padding:0;
	height:105px;
	background-image:url(bg_header.jpg); 
}

#header2 {
	position:relative;
	margin:0;
	padding:0;
	height:50px;
	background-image:url(bg_navi.gif); 

}

#teaser_links {
 	padding:0 0 0 0;
 	width:630px;
 	height: 190px;
 	float:left; 
 	position: relative;
	}
	
#teaser_rechts {
 	padding:10px 0 0 0;
 	width:250px;
 	height:180px;
 	float:right; 
 	position: relative;
	background-image:url(bg_teaser_rechts.gif);
	background-repeat:repeat-y;
	}
	
#teaser_rechts .hl {
	color:#FFFFFF;
 	padding-left:21px;
	}

#teaser_rechts ul {
	margin-top:10px;
}

#teaser_rechts ul li {
	background-image: url(list-off.gif);
	background-repeat: no-repeat;
}
#teaser_rechts ul li a {
	/*background-image: transparent url(list-off.gif) left center no-repeat;*/
	/*padding-left: 21px;*/
	/*width:250px;*/
	display:block;
	padding: 10px 0 5px 21px;
	text-align: left;
	font: normal 11px "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:18px;
	line-height:36px;
	text-decoration: none;
	color: #FFFFFF;
	}

#teaser_rechts ul li a:hover {
	background: transparent url(list-on.gif) left center no-repeat;
	padding: 10px 0 5px 21px;
	color: #FFFFFF;
	}

#teaser_rechts ul li a#current {
	background: transparent url(list-active.gif) left center no-repeat;
	color: #FFFFFF;
	}


/* ### Rechte Spalte Startseite ##################################################################### */

#right {
	padding-top:20px;
	padding-right:20px;
	display:block;
	float:right;
	width:210px;
	height:1200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#4e525f;
}

#right h1 {
	color:#b60e1d;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: inherit;
	font-size:20px;
	font-weight:normal;
	line-height:1.8em;
	}

#right h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#4e525f;
	background: inherit;
	font-size:11px;
	font-weight:bold;
	line-height:26‚px;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	border-bottom:1px dotted #a1a6b3;
	}

#right h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#4e525f;
	background: inherit;
	font-size:12px;
	font-weight:bold;
	line-height:26‚px;
	padding: 20px 0 5px 0;
	}
	
#right h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ff000e;
	background: inherit;
	font-size:11px;
	font-weight:bold;
	line-height:26‚px;
	padding: 10px 0 10px 0;
	}
	
#right h5 {
	color:#037770;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: inherit;
	font-size:20px;
	font-weight:normal;
	line-height:1.8em;
	}

	
#right p a,
#right p a:link {
	color:#b60e1d;
	text-decoration: none;
	line-height:36px;
}

#right p a:hover {
	color:#b60e1d;
	text-decoration: underline;
}

#right .pic {
	padding:10px 0 0 10px;
	}

/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	/*height: 220px;*/
}

/* ### Content #################################################################### */


#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:left;
	width:600px;
	padding-right:20px;
	padding-left:20px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:600px;
	padding-right:20px;
	color: #666;
}


#main-content-block {
	padding:20px;
	display:block;
}


/* ### main-block => MainContent ################################################### */

#flash_video {
	padding-left:75px;
}


/* ### Footer ###################################################################### */

#footer {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100%;
	height: 33px;
	background-image:url(bg_footer.gif); 
}

#footer p {
	padding: 10px 0 5px 30px;
	color:#FFFFFF;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#FFFFFF;
	text-decoration: underline;
	background:inherit;
}

#footer p a:hover {
	color:#4e525f;
	text-decoration: none;
	background:inherit;
}

/* ### Social Bookmarks ###################################################################### */

#socilbm {
	background-color:#FFFFFF;
	padding:20px 0 0 20px;
	height:60px;
}


/* ### Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie ###################################################################### */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
/* .wysiwygimg img.wysiwygimg {border:solid 5px #f5f5f5; padding:1px;} */
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

/*.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}*/

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#999; font-size:10px; font-style:italic; margin:2px 0px 0 2px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}


/* ### Download ###################################################################### */

#main-block .download-hdl p { 
	padding: 0 7px;
	/*background-color: #393;*/
	font-weight: bold;
	color: #666;
}

#main-block .download-file { 
	padding: 0 7px;
	/*border-left: 2px solid #393;
	border-right: 2px solid #393;*/
}

#main-block .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;
}

#main-block .download-without-desc { 
	margin-bottom: 1.2em;
	border-top: 1px  dotted #999;
}