/*  ====================================================
Stylesheet zur Formatierung am Bildschirm
Website www.undmoritz.ch
Autor: Marc Herb
========================================================== */

* { /*Genereller Reset = setzt für alle Elemente die Aussen- wie Innenabstände auf den Wert 0*/
margin:0;
padding:0;
}


body {
font-size:62.5%;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000;
background:url(images/layout/background.jpg);
}


h1 { /*Formatierungen Überschrift 1*/
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#33CC33;
font-size:1.5em;
margin: 0 0 0.2em 0;
}

h2 { /*Formatierungen Überschrift 2*/
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#33CC33;
font-size:1.5em;
font-weight:bold;
margin:1.2em 0 0 0;
}

h3 { /*Formatierungen Überschrift 3*/
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#33CC33;
font-size:1.2em;
font-weight:bold;
line-height:0.9em;
margin:1.2em 0 0 0;
}

p {
font-size:1.3em;
margin: 0.2em 0em 1.5em 0em;
line-height: 1.5em;
}

a {
text-decoration: none;
color:#999;
}

a img{
border:none;
}

a:focus {
outline:none;
color:#999;
}

#wrapper {
width:110.5em;
margin:2em 10em 2em 4em;
}

	.impressum #wrapper {
	width:34em;
	}

	#header {
	width:110em;
	height:24em;
	}
	
	#logo {
	position:absolute;
	top:-3em;
	background-color:#FFF;
	height:;
	}
	
	#adresse {
	height:5em;
	width: 24.4em;
	background:#FFF;
	position:fixed;
	top:26em;
	left:0em;
	padding: 1.3em 0 0 4em;
	}
	
		address {
		font-family:Arial, Helvetica, sans-serif;
		font-style:normal;
		line-height:1.3em;
		}
	
		address a{
		color:#000;
		}
	
	.impressum #header {
	width:34em;
	height:18em;
	}
	
	#header img {
	border:none;
	}
		
	#left {
	width:23.5em;
	min-height:20em;
	background:#FFF;
	border-top:#000 1.2em solid;
	float:left;
	padding:1.5em 0 2em 1em;
	}
	
		.home #left {
		visibility:hidden;
		}
		
		.dienstleistungen #left {
		visibility:hidden;
		}
		
	#laufend {
	width:23.5em;
	min-height:0em;
	background:#FFF;
	float:left;
	padding:4em 0 2em 1em;
	}
	
		#laufend h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #000;
		font-size: 130%;
		font-weight:bold;
		text-transform:none;
		}
	
		#laufend ul li {
		font-size: 130%;
		line-height:1.6em;
		list-style-type:none;
		padding-right:0.9em;
		}
		
		
	
	#main {
	width:47.5em;
	margin-left:28em;
	padding:0 2em 2em 2em;
	background-color:#fff;
	border-top:#000 1.2em solid;
	}
	
		.impressum #main {
		margin-left:0.3em;
		height:82em;
		}
	
		#main .ce_text {
		width:47.5em;
		margin: 2em 0 0 0;
		padding: 0 1.5em 0 0;
		}
			
		.home #main img {
		width:100%;
		height:;
		}
		
		#main #pfeilup {
		width:1.5em;
		}
		
	
	#right {
	width:27.5em;
	background:#FFF;
	min-height:12em;
	border-top:#000 1.2em solid;
	padding:2em 0 0 0;
	}
	
		.angebot #right {
		visibility:hidden;
		}
	
		.umo #right {
		visibility:hidden;
		}
		
		.referenzen #right {
		visibility:hidden;
		}
		
		.datenuebermittlung #right {
		visibility:hidden;
		}
		
		.newsletter #right {
		visibility:hidden;
		}
		
				
.back {
visibility:hidden;
}

/* ==================================
FORMATIERUNG NAVIGATION
=============================== */  

#header .mod_navigation .level_1 {
font-size: 680%;
line-height:1em;
letter-spacing:0.03em;
position:absolute;
top: 0.1em;
left:4.1em;
width:11em;
text-transform:lowercase;
}

#header .level_1 a:hover {
color:#ff6600;
}

#header .level_1 li .trail{
color:#ff6600;
}

#header ul .level_1 {
color:#000;
display:inline;
}

#header .level_1 a {
color:#000;
text-decoration:none;
outline:none;
}

#header li {
display:inline;
}	

#left .mod_navigation .level_1 {
font-size: 130%;
line-height:1.6em;
list-style-type:none;
padding:0.27em 0 0 0.9em;
}

#left ul .level_1 {
color:#000;
}

#left .level_1 a {
color:#000;
text-decoration:none;
outline:none;
}

#left .level_1 a:hover {
color:#ff6600;
}

.active {
color:#ff6600;
}

		
/* ==================================
ENDE FORMATIERUNG MENUS
=============================== */  

/* ==================================
START FORMATIERUNG NEWSBOX
=============================== */ 

#right .mod_newslist {
width:24.5em;
padding:0 1.5em 0 1.5em;
}

#right .mod_newslist .layout_latest {
width:24.5em;
margin-bottom:-1.5em;
}


#right .mod_newslist .image_container {
margin-top:3em;
margin-bottom:0.5em;
width:24.5em;

}

#right .mod_newslist .image_container img {
width:24.5em;
}

#right .mod_newslist .teaser {
margin-bottom:0.2em;
}


/* h2 im News */
#right .mod_newslist h2 a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.85em;
font-weight:bold;
color:#000;
text-transform:none;
}

/* h2 im Artikel - Slideshow2 */
#right h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-weight:bold;
color:#000;
text-transform:none;
}

#right .mod_newslist .first{
margin-bottom:;
}


/* ==================================
START FORMATIERUNG IMAGESLIDER
=============================== */ 

#right .mod_article {
margin:0 0 1.7em 1.5em;
}

#right .ce_noobSlideStart {
width:24.5em;
padding:1.5em 1.5em 0 0em;
}

#right .image_container {
margin-top:1.5em;
margin-bottom:0.2em;
width:24.5em;
}

#right .ce_image {
margin-top:em;
margin-bottom:0.2em;
width:24.5em;
}

#right .ce_image block{
margin-top:em;
margin-bottom:0.2em;
width:24.5em;
height: 100%;
}

#right .ce_noobSlideStart img {
width:24.5em;
height:100%;
padding:1.5em 1.5em 0 0em;
}



#right .noobwrapper {
hight:15em;
}



/* ==================================
ENDE FORMATIERUNG IMAGESLIDER
=============================== */ 


/* ==================================
START FORMATIERUNG FOTOSTRECKE
=============================== */  

.nonavigation {
visibility:hidden;
}

.mod_photoshow {
margin:2em 0 0 0.5em;
}

.mod_photoshow ul li {
display:inline-block;
float:left;
}

.mod_photoshow ul {
background-color:#FFF;
width:27.5em;
margin:-1em 0 0 0.4em;
padding-bottom:1em;
position:absolute;
left: 52.6em;
top: 15em;
}

.mod_photoshow li {
background-color:#FFF;
margin-left:;
width:7em;
margin: 0.8em 0 0.8em 1.5em;
}

.mod_photoshow .imgBig {
margin-top:2em;
}

.mod_photoshow .thumb {
width:7em;
height:7em;
opacity: 0.3;
filter: alpha(opacity=30);
}

.mod_photoshow .thumb:hover {
opacity: 1;
filter: alpha(opacity=100);
}

.mod_photoshow .active {
opacity: 1;
filter: alpha(opacity=100);
}

.mod_photoshow .imgBigCaption {
width:25em;
position:absolute;
left: 55em;
top:1em;
}

.mod_photoshow .nextButton {
position:absolute;
left:45.5em;
top: 2em;
}

.mod_photoshow .prevButton {
position:absolute;
left:41.7em;
top: 2em;
}

.mod_photoshow .mod_photoshow a {
outline:none;
}

	
/* ==================================
ENDE FORMATIERUNG PHOTOSTRECKE
=============================== */  	

/* ==================================
START FORMATIERUNG NEWSLETTER
=============================== */  

.newsletter .mod_subscribe {
}

.newsletter h2 {
margin-bottom:0.5em;
}

.newsletter .text {
margin-bottom:1em;
width:20em;
font-size:1.3em;
}

.newsletter .checkbox {
margin:0 0.5em 1em 0;
}

.newsletter .checkbox_container {
font-size:1.3em;
}

.newsletter .submit {
width:8em;
height:2em;
font-size:1.1em;
}

.newsletter .error {
color:#FF0000;
}

.newsletter .confirm {
color:#FF0000;
}

.mod_unsubscribe {
margin-top:4em;
}
	
	
/* ==================================
ENDE FORMATIERUNG NEWSLETTER
=============================== */  
	
/* ==================================
START FORMATIERUNG DOWNLOAD
=============================== */  

.datenuebermittlung .ce_downloads {
margin-top:2em;
}

.datenuebermittlung .formbody{
width:48.5em;
}

.datenuebermittlung label {
font-size:1.3em;
float:left;
margin-bottom:1em;
}

.datenuebermittlung input {
float:right;
margin-right:17em;
margin-bottom:1em;
}

.datenuebermittlung .text {
width:12em;
font-size:1.3em;
}

.datenuebermittlung .submit {
float:left;
margin:0.5em 0 0 9.5em;
width:8em;
height:2em;
font-size:1.1em;
}



/* ==================================
ENDE FORMATIERUNG DOWNLOAD
=============================== */  


/* ==================================
START FORMATIERUNG ACCORDION
=============================== */ 

.toggler { /*Formatierungen Überschrift 1*/
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#33CC33;
font-size:1.5em;
margin: 0 0 0.2em 0;
font-weight: bold;
cursor:pointer;
margin-top: 1.4em;
outline: none;
background-image: url(images/layout/pfeil_rechts.png);
background-position:0px 2px;
background-repeat: no-repeat;
text-indent: 20px;
}

.toggler.active {
background-image: url(images/layout/pfeil_unten.png);
}

.accordion_ce_text {
margin-top: 0px!important;
}



/* ==================================
ENDE FORMATIERUNG ACCORDION
=============================== */ 


/* ==================================
SLIDESHOW 2
=============================== */ 

.slideshow {
margin-top: 25px;
}

/* ==================================
ENDE SLIDESHOW 2
=============================== */ 
		
/* ==================================
ENDE DES STYLESHEETS 
=============================== */