/*@charset "UTF-8";
 CSS Document */

html, body, div, span, applet, object, iframe,
 h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	/*vertical-align: baseline;*/
	
 }


	
	html {
	border-top: solid #666 16px;	
	 
  }	
  
  body {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 72%;
	line-height:1.3em;
    color: black;
	background: white;
	/*background-image: url(../images/mtz_schnitt_c_px.jpg);*/
	background-repeat: repeat-x;
	background-position: 0px 113px;
}
  
  #start {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #current {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
   #references {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #competition {
	background-image: url(../images/Meran_pictos_px.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #project {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #buero {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #imprint {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #wohnungsbau {
  }
  
  #schulen {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #oeffentlich {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #senioren {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #gaerten {
	background-image: url(../images/DSC05847b_px.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #b5 {
	background-image: url(../images/cb_backband.jpg);	/*background-repeat: repeat-x;
	background-position: 0px 124px;*/
  }
  
  #cinema {
	width: 1500px;
  }
  
  
/* ----------------------------------------------------------elements */
.la{
	float:left;
}
.ra{
	float:right;
}
.clear {
	height:1px; 
	font-size:.0001em; 
	clear:both; 
}

.right {
	margin-left: 150px;
}
/* ----------------------------------------------------------Headings */
/*h1,h2,h3,h4,h5,h6 { 
  margin: 0 0 0.25em 0;
  font-weight:lighter;
}*/
h1 { 
  font-size: 200%;
  font-family: 'Georgia'; 
  color:#000;
  margin-bottom:.4em;
  line-height:1.1em;
  padding:.3em 0;
  border-top:1px dotted #ccc;
  border-bottom:1px dotted #ccc;
} 

h2 {
	font-size: 100%;
	font-weight: normal;
	background-color: #FFFFFF;
	color:#97ed00;
	line-height: 1.6em;
	/*padding:0 4px 16px 12px;
	margin-bottom: 18px;
	text-transform: uppercase;
	*/
}

/*#left-col h2{
    font-weight: bold;
		margin-bottom: 4px;
	margin-bottom: 0px;
	margin-top: 0px;
} */

#left-col h3{
	padding:3px 4px 2px 6px;
	margin-bottom: 2px;
	color:#97ed00;
}


h3 { 
  font-size: 110%;
  color:#f60;
  margin:.3em 0; 
}
/* ----------------------------------------------------------Links */
a:link, a:active, a:visited{
  color:#97ed00;
  text-decoration:none;
}
a:hover{
  color:#97ed00;
  text-decoration:none;
}

h2, a:link, a:active, a:visited, #footer a:link, a:active, a:visited{
  color:#97ed00;
	
	
}

 
/* ----------------------------------------------------------Paragraphs */
p {
	line-height: 1.6em;
	margin: 0px 0 0px 0px !important;
}
.highlight{
	color:#97ed00;
	
}
/* ----------------------------------------------------------Layout */

#wrap{
	text-align:left;
	/*font-size:100%;*/
    /*margin:auto;*/
	width:1600px;
	background-color: transparent;
}


/* Layout -Topnav */
#topnav{
	height:200px;
	background:transparent;
	margin-bottom: 45px;
	margin-top: 0px;
}
#topnav img{
	float:left;
}
#topnav li{
	float:right;
}
#topnav ul{
	margin-right:4em;
	padding-top:.7em;
}
#topnav li a{
	color:#000;
	margin-right:1em;
}

.topic{
	
	margin-left:472px;
}

ul {
	list-style: none;
}

/* Layout -Header */
#header{
	background:transparent;
	/*margin-bottom:40px;*/
	padding-left: 32px;
	width: 1044px;
	margin-top: 48px;
	height: 64px;
}
#header #image-r{
	position:absolute;
	right:0px;
	width:92px;
	height:187px;
}
#header #image-l{
	
	position:absolute;
	left:0px;
	width:156px;
	height:211px;
	top: 188px;
}
#header #nav ul{
	left:64px;
	min-width: 1000px;
	margin-bottom: 0px;
}
#header #nav li a{
	
	color:#000000;
	font-size:110%;
	float:left;
	padding:10px 14px 28px 14px;
}

#header #nav li a:hover{
	
	color:#97ed00;
  text-decoration:none;
	font-size:110%;
	float:left;
	/*padding:0.4em 1.1em 28px 1.1em;*/
}

#header #nav li a.active{
	
	color::#97ed00;
	font-size:110%;
	float:left;
	/*padding:0.4em 1.1em 28px 1.1em;*/
}

a.on{
	color:color::#97ed00; !important;
}
#header #nav li a.first{
	padding-right:232px;
	font-size: 120%;
	padding-top: 10px;
}

#header #nav li a.last{
	background:none;
}
#header #nav li a span{
	display:block;
	font-size:100%;
	margin-top:0em;
}
#nav ul li{
	float:left;
	padding-top:0px;
}
/* Layout -Main */
#main{
	margin-left:47px;
	/*max-width:1300px;*/
	min-height: 200px;
	text-align: left;
	/*width: 1600px;*/
	margin-top: 0em;
	background: url(../images/schulen/d7d7d7_px.jpg) x-repeat;
}

* html #main{
	width:1700px;
}

#mainsub{
	margin-left:72px;
	height: 720px;
	text-align: justify;
}

.first-col{
	width:200px;
	float:left;
	height: 190px;
	background-color: #eee;
	border-right: solid #fff 16px;
}

.two-co{
	width:156px;
	float:left;
	height: 72px;
}

.two-col{
	width:205px;
	float:left;
	height: 170px;
	background-color: #fff;
	padding-top: 0px;
}

.aktiv{
	color:#97ed00;
	
}



/*.two-col p{
    padding-left: 6px;
}*/

#projectxt p, #picsrun p, #competxt p,.two-col p {
	padding-left: 0px;
}

/*#picsrun p{
    padding-left: 6px;
}*/

.two-coll{
	width:185px;
	float:left;
	height: 160px;
	background-color: #fff;
}

.tw-col{
	width:56px;
	float:left;
	min-height: 72px;
	padding-top: 4px;
	padding-left: 1px;
}

.two-colll{
	/*min-width: 640px;*/
	float:left;
	/*min-height: 1px;*/
	padding-top: 4px;
	margin-bottom: 16px;
}

#main #left-coll{
	width:418px;
	float:left;
	background-color: #fff;
	height: 160px;
	margin-left: 0px;
}

#main #left-col{
	width:420px;
	float:left;
	background-color: #FFFFFF;
}
/** html  #main #left-col{
	width:45%;	
}*/
#main li{
	
	margin:.3em 2em;
}
#main #right-col{
	/*float:left;*/
	text-align:left;
	margin-bottom: 36px;
}

#main #right-coll{
	float:left;
	width:532px;
	text-align:justify;
	margin-bottom: 4em;
	padding-left: 6px;
	padding-top: 0px;
}

#main #right-coll{
	float:left;
	width:530px;
	text-align:justify;
	margin-bottom: 1em;
	padding-left: 6px;
	padding-top: 0px;
}

#main .two-coll a:link, #main .two-colll a:link, 
#main .two-coll a:link, #main .two-colll a:visited,
#main .two-coll a:link, #main .two-colll a:active{
	color:#000;
	text-decoration:underline;
}

#main a:hover, #main .two-coll a:link, #main .two-colll a:hover{
	color:#97ed00 !important;
	text-decoration:none;
	font-weight: normal;
}


#subtxt{
	text-align:justify;
}

#subtxt a{
	padding: 0.4em;
}

#picsrun{
	text-align:justify;
	margin-bottom: 12px;
}

#picsrun a{
	padding: 0.4em;
}


	

#main a:link,
#main a:visited,
#main a:active{
	color:#000;
	text-decoration:none;
}
#main a:hover{
	color:#97ed00 !important;
	text-decoration:none;
	font-weight: normal;
}

#main blockquote { 
  margin:0 0 2em 0 !important;
 
  color:#333;
  font-size:1em;
  padding:.3em 3em;
  font-style:oblique;
}
#main blockquote p{ 
  margin-bottom:.3em !important;
  color:#999;
  font-size:.9em;
}
#main blockquote strong { 
  font-size:1.3em;
  font-weight:normal;
}

#right-col img {
	/*font-size:1.3em;
	font-weight:normal;*/
	border-left: solid #fff 6px;
	border-top: solid #fff 4px;
}

.cont {
	/*font-size:1.3em;
	font-weight:normal;*/
	border-left: 0px;
}

#startxt {
	height:76px;
	min-width: 190px;
}

#projectxt {
	height:216px;
	background-color: #FFFFFF;
	width: 410px;
}

#projectxtx {
	height:185px;
	width: 360px;
	background-color: #fff;
}

#competxt {
	height:380px;
	width: 370px;
	background-color: #e8e8e8;
}


/* Layout -Footer */
#footer{
	background:#fff;
	padding:4px 0 4px 47px;
	color:#cbcbcb;
	font-family:"Courier New", Courier, monospace;
	line-height:normal;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 4px;
	font-size: 1em;
}
#footer img{	
	padding-top:1em;
}
/*W3C */
#signatur{
	background:#cbcbcb;
	padding:10px 0 10px 47px;
	color:#fff;
	font-family:/*"Courier New",*/ Courier, monospace;
	line-height:normal;
	text-align: left;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: 1.0em;
}
#signatur a{
	color:#FFFFFF;
}

/*W3C */
#w3c-tip{
	background:#cbcbcb url(images/w3c-tip.png) no-repeat 180px 10px;
	
	padding:10px 0 10px 456px;
	color:#fff;
	font-family:"Courier New", Courier, monospace;
	line-height:16px;
	text-align: left;
	margin-bottom: 0px;
}
#w3c-tip a{
	color:#fff;
}



/*http://buero-glueck/css/reset.css*/

html, body, div, span, applet, object, iframe,
 h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}