/* **** [medienschmiede] Version 1.0 Rel. 2009 **** */

body,td,th {
	font-family: Trebuchet, 'Trebuchet MS', Verdana, "trebuchet", Helvetica, sans-serif;
	font-size: 12px;
	line-height:21px;
	color: #333333;
}
body {
	background-image: url(bg_top.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

html, body {height: 100%;}

a:link {
	color: #9e0226;
	text-decoration:none;
	
}
a:visited {
	color: #9e0226;
	text-decoration:none;
}
a:hover {
	color: #730B18;
	text-decoration:none;
}
#content a:hover {
	border-bottom:1px dotted #730b18;
}

#content a{
	border-bottom:1px dotted #9e0226;
}


a:active {
	color: #5A0E15;
	text-decoration: none;
}
h1 {
	font-size: 16px;
	color: #5A0E15;
	padding:0;
	margin:0;
	line-height:24px;
}
h2 {
	font-size: 13px;
	color: #5A0E15;
	padding:0;
	padding-right: 20px;
	color: #333333;
	margin:0;
	margin-top:9px;
	line-height:16px;
	
}
h3 {
	font-size: 15px;
	color: #5A0E15;
	padding:0;
	margin:0;
	line-height:25px;
}
h4 {
	font-size: 14px;
	color: #5A0E15;
	padding:0;
	margin:0;
	line-height:25px;
}
h5 {
	font-size: 13px;
	color: #5A0E15;
	padding:0;
	margin:0;
	line-height:25px;
}
h6 {
	font-size: 12px;
	color: #5A0E15;
	padding:0;
	margin:0;
	line-height:25px;
}

#main {
	width:100%;
	min-height: 100%; 
	position: relative;
}

#wrapper {
	width:980px;
	text-align:center;
	margin:0 auto;
	text-align:left;
}

* html #main {
	height: 100%;
	}
	
	
	
#logo {
	width:255px;
	float:left;
	height:172px;

}
#navi {
	width:700px;
	padding-left:25px;
	float:left;
	height:172px;

}

#navi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-transform: uppercase;
}

#navi ul li {
	float: left;
	text-align:center;
}

#navi ul a {
	font-size:12px;
	display: block;
	width:115px;
	height: 30px;	
	padding: 120px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background-image:url(bg_topnavi.png);
}

#navi ul a:hover {
	background-image:url(bg_hover.gif);
	background-repeat:repeat-x;
	text-decoration:none;	
}

#navi ul li a.current {
	background-image:url(bg_active.gif);
	background-repeat:repeat-x;
	text-decoration:none;
}



#subnavi {
	width:255px;
	float:left;

}

#subnavi ul.nav2nd {
margin:0;
padding:0;
list-style-type:none;
}

#subnavi ul.nav2nd li a{
margin-top:10px;
	display:block;
	height:26px;
	font-size:11px;
	text-decoration:none;
	text-align:left;
	padding: 7px 0px 0px 30px;
	color:#444444;
	background: url(bg_subnav_a.gif) no-repeat;
	font-weight:bold;
text-transform: uppercase;
	}

#subnavi ul li a:hover{
	display:block;
	font-size:11px;
	text-decoration:none;
	text-align:left;
	color:#9e0226;
	background: #cccccc;
	font-weight:bold;
	background: url(bg_subnav_b.gif) no-repeat;
	}
#subnavi ul li.active a {
	color: #9e0226;
	background: url(bg_subnav_b.gif) no-repeat;
}



#content {
	width:670px;
	float:left;
	padding-left:45px;
	padding-top:10px;
	padding-bottom:50px;

}


#clear {
	width:980px;
	clear:left;

}
#footer {
	width:100%;
	height:52px;
	background-image:url(bg_footer.gif);
	position: absolute; 
	bottom: 0; 
	font-size:11px;
	line-height:15px;
	text-align:center;
	color:#FFF;
}

#footer a:link a:hover a:active a:visited {
	color:#FFF;
}


.clear{
	clear:both;
}

.imageleft {
	float:left;
	padding:5px;
	border:1px dotted #666666;
	margin-right:10px;
	margin-bottom:10px;
}
.imageright {
	float:right;
	padding:5px;
	border:1px dotted #666666;
	margin-left:10px;
	margin-bottom:10px;
}
.clear {
	clear:both;
}

.referenz {
	width:634px;
	height:374px;
	background-image:url(bg_praes.gif);
	padding-left:21px;
	padding-top:21px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: block; clear:both;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.red {
	color:#990000;
}


/* /////////////////////////// AKTUELLES DEFINITIONEN ///////////////////////// */

.newsblock {
margin-top:5px;
width: 614px;
margin-bottom: 15px;
padding: 10px;
min-height:120px;
background: url(bg_newsbox.gif) no-repeat;
background-position: top left;
}

.newsblock .newsbild {
float:left;
padding:5px 15px 5px 5px;
border-right:1px solid #9a0225;
margin-right:15px;

}

.newsblock h1 {
font-size:12px;
font-weight: bold;
line-height: 18px;
padding:0;
margin:0;
color: #9a0225;
}

.newsblock p {
padding:2px 0px 0px 0px;
margin:0;
font-size:11px;
}


/* //////////////////////////////////// REFERENZEN DEFINITIONEN ///////////////////////////////////// */

.referenzenbild {
padding:10px;
border: 1px dotted #444444;
margin: 10px 0px 10px 0px;
}

.refliste {
	width:180px;
	float:left;
	border-left: 1px dotted #333333;
	border-right: 1px dotted #333333;
	padding: 0px 6px 0px 6px;
	margin:10px 25px 20px 0px;
	font-size:12px;
}

.refliste:hover{
	background: url(bg_referenzen.gif) repeat-x;
}
.refliste .morelink {
	display:block;
	color: #333333;
	background-image: url(bg_subnav_b.gif);
	background-position: 0px -6px;
	padding: 2px 0px 0px 25px;
}

.refliste .morelink:hover {
	color: #9e0226;
}

.refliste img {
	border-right:0px solid #cccccc;
}

.refliste .refliste_headline {
	
	line-height: 16px;
	
}

.refliste .refliste_name {
	border-top: 1px dotted #333333;
	padding-top:3px;

}

.webvis {
padding-left: 15px;
background: url(outlink.gif) no-repeat;
background-position: left;
color: #9e0226;
}

.webvis:visited {
color: #9e0226;
}

.section .backlink {
padding-left: 15px;
background: url(backlink.gif) no-repeat;
background-position: left;
color: #9e0226;
}

.section .backlink:visited {
padding-left: 15px;
background: url(backlink.gif) no-repeat;
background-position: left;
color: #9e0226;
}




/* ////////////////////////////////////// GOOGLE MAP ///////////////////////////////////////////// */

#gmaps {
margin-top:15px;
padding:10px 0px 0px 10px;
border: 1px dotted #444444;
width: 660px;
}


/* ////////////////////////////////////// KONTAKTFORMULAR ////////////////////////////////////// */


/* Div das das Formular umschließt */

.formgen {
	
font-size: 11px;
font-family: "trebuchet", georgia, tahoma,verdana;
}





label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}


.formgen form

{
font-family: Trebuchet, 'Trebuchet MS', Verdana, "trebuchet", Helvetica, sans-serif;
line-height : 120%;
width: 580px;
background: transparent;
padding: 0px 0px 0px 10px;
margin-top:15px;
}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
}

/*
Verhalten von br-Tags
*/

.formgen br
{
clear : both;
}

/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield
{
	font-family: Trebuchet, 'Trebuchet MS', Verdana, "trebuchet", Helvetica, sans-serif;
	font-size: 11px;
	width: 265px;
	height: 140px;
	margin-left: 4px;
	padding:2px 0px 1px 3px;
	overflow: auto;
	border: 1px solid #cccccc;
	}

/* Textfeld */
.formgen .formtext
{	
	font-family: Trebuchet, 'Trebuchet MS', Verdana, "trebuchet", Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cccccc;
	height: 20px;
    width: 265px;
	margin-left: 4px;
	padding:2px 0px 0px 2px;
	margin: 10px 0px 0px 0px;
}

/* Trennelement , Abstand */

.formgen .formtrenn

{clear:both;
	display: block;
	height: 15px;	
}

/* Hinweistext */

.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	}

/* Überschrift */

.formgen .formheadline

{
	font-weight: bold;
	color: #003366;
}

/* Passwortfeld */

.formgen .formpassword

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/*Captcha-Bild*/

.formgen .formcaptcha {
	float:left;
	border: 1px solid #cccccc;
	margin: 10px 10px 0px 0px;
}

.captchatext {margin-top:10px; font-size:11px;}

/* Label */

.formgen label {
width: 100px;
clear: left;
float: left;
height: 20px;
padding: 3px 0px 0px 0px;
margin: 11px 0px 0px 0px;
}

.formgen legend {
color: #9e0226;
padding:0px;
margin:0px;
background:#ffffff;
border:1px solid #9e0226;
font-weight: normal;
font-size:10px;
margin:0px 0px 0px -5px;
line-height:18px;
padding:0px 4px 0px 4px;
}


/* Aussehen der Select-Ausgabe */

.formgen .formselect

{
	width: 240px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/* Sende-Button */
.formgen .formsubmit
{width: 437px;
	border: 1px solid #9e0226;
	color: #9e0226;
	font-weight:bold;
	font-size: 11px;
	height:20px;
	margin-top:15px;
		font-family: Trebuchet, 'Trebuchet MS', Verdana, "trebuchet", Helvetica, sans-serif;
background: #ffffff;
	}

/* Definition des Fieldsets, das das ganze Formular umschlie�t */
.formgen fieldset {
width: 410px;
margin:0px 0px 0px 0px;
padding:3px 5px 13px 18px;
border: 1px solid #9e0226;

 /* url(bg_formular.gif); */
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */
#content .forminfo {
	width:510px;
	color: #9e0226;
	border: 1px dotted #cccccc;
	margin: 5px 0px 10px 0px;
	padding: 3px;
	font-weight: bold;
}

/* Markierung der Labels bei Fehler */

.formgen .formerror {
color: #FFFFFF;
background-color: #9e0226;
font-weight:bold;
padding-left:2px;}

#form-module-thanks {
border: 1px dotted #9e0226;
padding:10px;
width: 500px;
margin-top:10px;
font-weight: bold;
}



/* ///////////////////////////////////////// DREISPALTER TINYMCE ///////////////////////// */

.dreispalter {margin-top:13px;}

.dreispalter .column_left  {
float:left;
width:190px;
}

.dreispalter .column_middle  {
float:left;
width:220px;
}

.dreispalter .column_right  {
float:left;
width:220px;
}

.dreispalter .clearfix {
	clear: both;
	display: block;
}

.section {clear:both;}
/* /////////////////////////////////////// PARTNER BILD MIT TEXT /////////////////////////// */

.harrytext {
margin-top:20px;
}

.harrytext .pleft {
float:left;
padding:5px;
border: 1px dotted #cccccc;
margin-right: 8px;
}

/* /////////////////////////////////////// DOWNLOAD MODUL //////////////////////////////////// */


.download {
margin:0;
margin-top:10px;
width:550px;
border: 1px dotted #9e0226;
padding:5px 10px 10px 10px;
background: url(bg_newsbox.gif) no-repeat;
background-position: top right;
}

.download-hdl p, 
.download-file p, 
.download-desc p { 
  width:97.3%; /* IE6 Hack */
	margin: 0;
}


.download-hdl {
width:300px;
}

.download-hdl p { 
	padding: 1px 2px 1px 2px;
	margin: 2px 0px 0px 0px;
	font-weight: bold;
	color: #9e0226;
	font-size:11px;
}

.download-file {
width:300px; 
padding: 0px 0px 3px 0px;
}

.download-file p{
padding: 6px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:11px;
}

.download-file img{
float:left;
padding: 5px;
margin-right: 5px;
border: 1px dashed #cccccc;

}

.download-desc {
	background-color: #ffffff;
	margin: 4px 0px 4px 3px;
	clear: both;
	font-size:11px;
}

.download-without-desc { 
clear:both;
}


/* /////////////////////////////////////// TINY / SECTION DEF /////////////////////////// */

  .section {
 	clear:both;
 }
 
 .section h2 {
 	padding:0px;
	margin:0px;
 }
 
 .section p {
 	margin:0;
	padding:0;
 }


/* ////////////////////////////////////////// MEDIUM MIT ICON //////////////////////////////////// */



/* Extension PDF */

#content a.pdf {
text-decoration: none;
border:0;
font-size:13px;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 25px;
background: url(mime-pdf.gif) no-repeat left center;
}



/* Extension EXCEL */
a.excel {
padding: 2px;
padding-left: 20px;
background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
}