/* ===================================
Stylesheet der Jenz MultiMedia Serivce GbR
 
Stand: 
Datei: screen.css 
Datum: 02.12.2008
Autor: Ralf Jenz

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Joomla Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
} 
 
p { margin-bottom: 1em;
	
} 

ol, ul{ margin-bottom: 0.6em; } 

li { margin-left: 2em; 
	margin-bottom: 0.2em; }    
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   

/*html { height: 101%; }    */
   
body {
	background-color: #ffffff;
	
}


}
td, tr, div, {
	
}

/*
table.moduletable th, div.moduletable h3 {
text-transform:uppercase;
color:#000000;
font-size:12px;
padding-bottom:5px;
margin-bottom:5px;
}
*/


th {
	text-align: left;
	padding-bottom: 0.5em;
	font-style: normal;
	font-weight: normal;
}

.componentheading {
	font-size: 170%;
	color: #e4001f;
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif,;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size: 180%;
	color: #e4001f;
	padding-bottom: 0em;
	font-family: Arial, Helvetica, sans-serif,;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
}

h2 {
	font-size: 130%;
	color: #004e9e;
	padding-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif,;
	text-transform: none;
	font-style: normal;
	font-weight: normal;
}

h3 {
	font-size: 130%;
	color: #004e9e;
	padding-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

h4 {
	font-size: 100%;
	color: #5a5a5a; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
} 

h5 {
	font-size: 100%;
	color: #314ea3; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

h6 {
	font-size: 100%;
	color: #5a5a5a; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

.contentheading {
	font-size: 170%;
	color: #314ea3;
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif,;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}



address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
}



/* ================
   Hyperlinks    */  

a {
color: #004e9e;
text-decoration:none;
}

a:link {
	color: #004e9e;
} 
a:visited {
	color: #004e9e;
} 
a:hover, a:focus {
	color: #e4001f;
	border: 0;
} 
a:active { 
  	color: #e4001f; 
}  


/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#wrapper {
	position: relative;
	padding: 0;
	border: 0;
/*	background-image:url(../images/bg_wrapper.gif);
	background-repeat: repeat-y; */
} 


#top {
	width: 990px;
	height: 100px;
	margin: 0;
	padding: 0; /* oben - rechts - unten - links */
	background-image: url(../images/top_logo.png);
	background-repeat: no-repeat;
}


#banner {
	height: 212px;
	margin: 0;
	padding: 0; /* oben - rechts - unten - links */
	background-color: #858585;
}

#banner2 {
	height: 212px;
	margin: 0;
	padding: 0; /* oben - rechts - unten - links */
	background-color: #858585;
	background-image: url(/images/banner/stuck.jpg);
	background-repeat: no-repeat;
}

#user2 {
	position:absolute;
	height: 212px;
	width: 210px;
	top: 100px; 
	left: 780px;
	padding: 20px 10px 10px 10px ; /* oben - rechts - unten - links */
	padding: 0px;
	background-color: #b1b1b1;
}

#user3 {
	width: 990px;
	height: 43px;
	padding: 0px; /* oben - rechts - unten - links */
	background-image: url(../images/bg_user3.gif);
	background-repeat: repeat-y;
}

#content {
	width: 730px;
	margin: 0;
	margin-left: 260px;
	padding: 10px 0px 45px 0px; /* oben - rechts - unten - links */
}

div#content { 
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

#left {
	float: left;
	width: 240px;
	margin: 0;
	padding: 0px; /* oben - rechts - unten - links */
	padding-bottom: 25px;
	background-color: #d9d9d9;
}

 div#left { 
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}
   
#footer {
	clear:both;
	width: 720px;
	height: 50px;
	margin-top: -20px;
	margin-left: 260px;
	padding: 5px 5px 5px 5px ; /* oben - rechts - unten - links */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #858585;
	border-right-style: none!important;
}

  
/* div#textbereich { 
	min-height:390px;
	height:expression(this.scrollHeight > 390 ? "auto":"390px"); 
}*/
   

  
/* ==================================
   4. Joomla Styles 
   =============================== */   

.contentpaneopen_kontakt {
	margin: 20px 5px 10px 8px ; /* oben - rechts - unten - links */
}

.bild_links {
	padding-right: 15px;
	padding-bottom: 15px;
}

.bild_rechts {
	padding-left: 20px;
}

.hervor_fett {
	font-size: 100%;
	color: #314ea3; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
} 

.hervor {
	font-size: 100%;
	color: #314ea3; 
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
} 



/* ======================
   Das Mainmenü */

.nav a:link , .nav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	line-height: 1.5em;
	color: #000000;
	font-size: 12px;
	background-color: #b1b1b1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}


.nav a:hover {
	color: #e4001f;
/*	background-color: #; */
	font-weight: normal;	
}

.nav .active a {
	display: block;
	color: #fff;
	background-color: #858585;
	font-weight: bold;
}

.nav li {
	margin-left: 0px;
	margin-bottom: 0px;
}

	

/*
a.mainlevel#active_menu:hover {
    color: #FFF;
	
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #0062ae;
	
}
*/
.nav-child {
	padding-left: 4px;
}

.nav ul {
	margin-bottom: 0px;
}

.nav-child a:link, .nav-child a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	line-height: 1.5em;
	color: #000000;
	font-size: 11px;
	background-color: #b1b1b1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: normal!important;
}


.nav-child a:hover {
	color: #e4001f;
/*	background-color: #; */
	font-weight: normal;	
}

.nav-child .active a {
	display: block;
	color: #fff;
	background-color: #858585;
	font-weight: bold!important;	
}

/*
a.sublevel#active_menu:hover {
    color: #FFF;
}
*/

/* ======================
   Widgetkit Slideshow */
   
	.uk-slideshow>li{
		margin-left: 0;
	}


/* ======================
   Das footer-menü */

.moduletable-footer {
	width: 716px;
	align: right;
	text-align:right;
}


#footer {
  	color: #5a5a5a;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5a5a5a;
}

.custom a {
	color: #5a5a5a;
}

.page-header h1 {
	font-size: 0px;
}

/*Kontaktblock User2*/

#user2 .custom {
	margin-top: 20px;
	margin-left: 10px;
}

#user2 .custom a {
	color: #004e9e;
}

/* Kontakt Formular*/

.accordion-heading a {
	display: none;
}

.contact-form fieldset {
	border: none;
	margin-top: 10px;
}

.contact-form fieldset legend {
	margin-bottom: 10px;
	margin-top: 10px;
	
}

.contact-form .controls {
	margin-bottom: 5px;
}

.contact-form .form-actions {
	margin-top: 15px;
}

.tooltip {
	display: none!important;
}

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */