/*********************************************************************************
Webtech AG
Lehnplatz 10, 6460 Altdorf
/********************************************************************************/ 





/****PAGE GRUNDBEREICH***********************************************************/   
/* Für alle ein margin und padding 0 setzen */
* {
	margin:0; 
	padding:0;
}

body {
   color: #000000; 
	background-color: #EAF1F7;
   font-size: 100.00%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0; 
	padding: 0;
   text-align: center;  /* Zentrierung im Internet Explorer */
	/*overflow:-moz-scrollbars-vertical;*/
	background-image: url(img/bg-top.gif);
	background-repeat: repeat-x;
}
html {height: 100.05%;  }

/* mit korrekte Reihenfolge der A-Tags  */
a:link    { color: red }     /* noch nicht besuchter Link */
a:visited { color: blue }    /* schon besuchter Link   */   
a:hover   { color: lime} 	  /* Benutzer 'hovert'     */    
a:active  { color: lime }    /* Link wird ausgew?hlt   */
/********************************************************************************/ 





/****PAGE BLOCK******************************************************************/   
#page {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 880px;
	background-image: url(img/background-inner.jpg);
}
/********************************************************************************/ 





/****HEADER BLOCK****************************************************************/   
#header {
   float: left;
	width: 100%;
	height: 198px;
	/*background-color: #FFFFFF;
	background-image: url(img/header.jpg);
	background-position: top;
	background-repeat: no-repeat;*/
}
/********************************************************************************/







/****HILFS-NAVIGATIONS BLOCK*****************************************************/
#mainNav {
	border: 0px solid #000;
	height: 30px;
	text-align: center;
	padding-top:30px;
	color: #00559E;

}

/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#mainNav ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
}

#mainNav li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
}

#mainNav a {
	 padding-top: 2px;
	 padding-bottom: 2px;
	 margin-left: 10px;
	 margin-right: 10px;
	 margin-bottom: 5px;
	 text-decoration: none;
	 height: 100%;
	 color: #00559E;
	 text-transform: uppercase;
	 font-weight: bold;
}

#mainNav ul li a:link, #mainNav ul li a:visited {
}

#mainNav ul li a:hover {
	font-weight: bold;
	color: #DDBB12;
}

#mainNav ul li a.active:link, #mainNav ul li a.active:visited {
	font-weight: bold;
	color: #DDBB12;
}
/********************************************************************************/ 







/**** NAVIGATIONAREA BLOCK*******************************************************/   
#subNavArea {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	padding-left: 115px;
}
/********************************************************************************/


/****NAVIGATIONS BLOCK***********************************************************/ 
#nav {
	float: left;
	width: 100%;
	margin-top: 10px;
	padding-bottom: 0px;
	
	background: url(img/bg-subnav.gif) repeat-x;
}


/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#nav ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
}

#nav ul li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/
	 
}

#nav ul li a {
    display: block;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 padding-left: 15px;
	 margin-bottom: 0px;
	 text-decoration: none;
	 height: 100%;
	 color: #00559E;
	 border-top: 8px solid #90B3D0;
	 border-bottom: 1px solid #90B3D0;
	 text-transform: uppercase;
	 font-weight: bold;
}

#nav ul li a:link, #nav ul li a:visited {
}

#nav ul li a:hover {
	/* background-image: url(img/menu_active.jpg); */
	font-weight: bold;
}

#nav ul li a.active:link, #nav ul li a.active:visited {
	font-weight: bold;
}



/*Grundlayout-Definition Level 2. Navigation als horizontale Liste*/
#nav ul ul {
	 font-size: 1em;
}

#nav ul ul li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
}

#nav ul ul li a {
	padding: 0px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #68676B;
	text-transform: none;
	font-weight: bold;
	border-top: 0px solid #90B3D0;
	border-bottom: 1px solid #90B3D0;
}

#nav ul ul li a:link, #nav ul ul li a:visited {
	font-weight: bold;
}

#nav ul ul li a:hover {
	font-weight: bold;
	color: #FDCA00;
	background-color: #f9fafc;
}

#nav ul ul li a.active:link, #nav ul ul li a.active:visited {
	/*background-color: #90B3D0;*/
	font-weight: bold;
	color: #fff;
	background-color: #90B3D0;
}





/*Grundlayout-Definition Level 3. Navigation als horizontale Liste*/
#nav ul ul ul {
	 font-size: 1em;
}

#nav ul ul ul li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
}

#nav ul ul ul li a {
	padding: 0px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #68676B;
	text-transform: none;
	font-weight: bold;
	border-bottom: 1px solid #90B3D0;
}

#nav ul ul ul li a:link, #nav ul ul ul li a:visited {
	font-weight: bold;
}

#nav ul ul ul li a:hover {
	font-weight: bold;
	color: #FDCA00;
	background-color: #f9fafc;
}

#nav ul ul ul li a.active:link, #nav ul ul ul li a.active:visited {
	/*background-color: #90B3D0;*/
	color: #fff;
	background-color: #90B3D0;
}
/********************************************************************************/










/*Aktuelle Referenzen Liste*/
.clReferenzenTeaser {
	width: 100%;
	/*text-align: center;*/
}
.clReferenzenTeaser a, .clReferenzenTeaser a:link, .clReferenzenTeaser a:hover, .clReferenzenTeaser a:visited{
	text-decoration: none;
	color: #666;
	font-size: 0.7em;
}
.clReferenzenTeaser .clRefEintrag {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 4px;
	color: #666;
}
.clReferenzenTeaser .clRefEintrag img{
	margin-bottom: 2px;
}
/********************************************************************************/








/****HILFS-NAVIGATIONS BLOCK*****************************************************/
#hilfsNav {
	float: right;
	margin-top: 80px;
	padding-right: 75px;
	color: #68676B;
}

/*Grundlayout-Definition Level 1. Navigation als horizontale Liste*/
#hilfsNav ul {
	 margin: 0px;
	 padding: 0px;
	 font-size: 0.7em;
}

#hilfsNav li {
	 list-style: none;
	 display: inline;  /*Damit IE keine Abstand mehr macht!!!*/  
}

#hilfsNav a {
	 padding-top: 2px;
	 padding-bottom: 2px;
	 margin-left: 0px;
	 margin-bottom: 5px;
	 text-decoration: none;
	 height: 100%;
	 color: #68676B;
}

#hilfsNav ul li a:link, #hilfsNav ul li a:visited {
}

#hilfsNav ul li a:hover {
	font-weight: normal;
	text-decoration: underline;
}

#hilfsNav ul li a.active:link, #hilfsNav ul li a.active:visited {
	font-weight: normal;
}
/********************************************************************************/ 





/****CONTENT-AREA BLOCK**********************************************************/
#contentArea {
	float: left;
	width: 440px;
	background-image: url(img/logo.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 0px solid #333;
}
/********************************************************************************/ 





/****CONTENT BLOCK***************************************************************/
#content {
	float: left;
	width: 430px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0.70em;
	color: #68676B;
}

#content h1 {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	font-size: 1.6em;
	color: #00559E;
	font-weight: bold;
}

#content h2, #content h2 a {
	margin-bottom: 10px;
	font-size: 1.0em;
	color: #00559E;
	font-weight: bold;
	text-decoration: none;
}

#content p {
	margin-bottom: 18px;
	font-size: 1em;
	line-height: 1.5em;
}

#content ul, #content ol {
	margin-top: -14px;
	padding-left: 16px;
	margin-bottom: 15px;
}
#content ul ul, #content ol ol, #content ul ul ul, #content ol ol ol {
	margin-top: 0px;
}

#content li{
	/*list-style-image: url(/fileadmin/layout/img/li-1.gif);*/
	padding-left: -5px;
	list-style-type: square;
	line-height: 1.5em;
}

#content a {
	color: #00559E;
}

#content a:hover {
	color: #00559E;
	background-color: #DFE9F2;
	text-decoration: underline;
}

#content a.active:link, #content a.active:visited {
	color: #f9fafc;
}

#content hr {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content .contenttable{
	border: 0px solid #000;
	margin: 0px;
	padding: 0px;
}
#content .contenttable td{
   padding-left: 0px;
	padding-right:4px;
	vertical-align: top;
}
#content .contenttable td .bodytext{
	padding: 0px;
	margin: 0px;
}



/* Formular Style */
.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float: left;
clear: both;
display: block;
width: 170px;
padding-left: 0px;
margin-bottom: 2px;

}

/*
.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
float: left;
display: block;
width: 250px;
border: 1px solid #333;
background: #F4F4F4;
padding: 1px;
margin-bottom: 5px;
}
*/
.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
margin-bottom: 10px;
}

.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-top: 10px;
margin-left: 0px; 
/* Float wieder abschalten */
clear: both;
}


.csc-sitemap ul li a:link, .csc-sitemap ul li a:visited{
	text-decoration: none;
}
/********************************************************************************/ 





/****CONTENT-SPACER BLOCK********************************************************/
#contentSpacer {
	float: left;
	width: 35px;
	height: 100px;
	border: 0px solid #666;
}
/********************************************************************************/ 





/****FOOTER BLOCK****************************************************************/
#footer {
	width: 100%;
	height: 100px;
	background-image: url(img/bg-bottom.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	font-size: 0.65em;
	color: #00559E;
}
#footer a{
	color: #00559E;
	text-decoration: none;
	font-weight: bold;
}
/********************************************************************************/





/****SPEZIAL BEREICH*************************************************************/
.bgContentAndSpacing{
	float: left;
	width: 100%;
	background-image: url(img/bg-content.gif);
	background-position: center;
	background-repeat: repeat-y;
	padding-top:0px;
	margin-top:30px;
	margin-bottom: 30px;
	/*border: 1px solid #666;*/
	/*padding-left: 115px;
	padding-right: 115px;*/
	border: 0px solid #444;
}


.clear {
	clear: both;
	font-size: 1px;
}
.hide { 
	display: none; 
}


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