/* Basisvorgaben */

* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color:#333333;
/*	color: #ff00ff;	/* test für nicht zugewiesene styles */
}
html{
	background-color:#757f88; 
	height: 100.1%;	/* Scrollbalken immer anzeigen */
}
body{
	padding:20px;
	text-align: center;	/* zentriert für IE5 */
}
html,body,div,textarea{
/*
  scrollbar-base-color:#ffffff;
  scrollbar-3d-light-color:#d8d8d8;
  scrollbar-arrow-color:#f0f0f0;
  scrollbar-darkshadow-color:#bbbb22;
  scrollbar-face-color:#dddd44;
  scrollbar-highlight-color:#cccccc;
  scrollbar-shadow-color:#e0e0e0;
  scrollbar-track-color:#f0f0f0;
*/
}

h1, h2, h3, h4, p, div, span, th, td, li, b, strong, i, img, input{
	color: #333333;
	line-height:1.4em; 
}
h1{
	color: #9c2228;
	font-size: 16px;
	margin-bottom: 16px;
}
h2{
	color: #9c2228;
	font-size: 14px;
	margin-bottom: 14px;
}
h3{
	color: #9c2228;
	font-size: 12px;
}
h4{
	font-size: 12px;
}
h5{
	font-size: 12px;
	margin-bottom: 2px;
}

p, ul, ol{
	margin-bottom: 1em;
}

form{
	margin-bottom: 1em;
}
input{
	border: 1px solid #c3e0ee;
	width:200px;
}
textarea{
}
select{
	border: 1px solid #c3e0ee;
}

li{
	list-style-type:disc;
	margin-left:24px;
	padding-left:8px;
	margin-bottom:2px;
}
a{
	text-decoration:none;
	color: #9c2228;
}
a:link{}
a:visited{}
a:hover{color: #999999;}
a:active{color: #999999;}
a.aktiv{
	color: #999999;
	font-weight:bold;
}

table{
	margin-bottom: 1em;
}
th{
}
td{
	vertical-align:top;
}

img{
	border: none;
}

/******** Layout ********/
#wrapper{
	width:850px;
	margin:0 auto;

	text-align: left;	/* body zentriert aufheben */

}

/* Gerüst Seite */
#head{
	height:135px;
	background-color:#f3e1af;
	position:relative;
}
#topbar{
	background-color:#ffc819;
	height:10px;
}

#navi{
	padding:20px 15px;
	background-color: #f3e1af;
}

#content{
	padding:20px;
	background-color:#ffffff;
}

#teaser{
	background-color:#c8e9fa;
}

#innerclear{
	clear:both;
	line-height:1px;
}


/******** Inhalte ********/

/* Head */
#head_logo{
}
#head_img{
	display:block;
}


/* Navigation */
#navi1{
	margin-bottom:4em;
}
#navi1 li{
	padding:0;
	margin:0 0 0.6em 0;
	list-style-type:none;
}
#navi1 a{
	color:#086ebb;
	font-size:14px;
	font-weight:normal;
}
#navi1 a:link{
}
#navi1 a:visited{
}
#navi1 a:hover{
	color:#9c2228;
}
#navi1 a:active{
	color:#9c2228;
}
#navi1 a.aktiv{
	color:#9c2228;
}

#navi2 ul{
}
#navi2 li{
	padding:0;
	margin:0 0 0.3em 0;
	list-style-type:none;
}
#navi2 a{
	color:#9c2228;
	font-size:12px;
	font-weight:normal;
}
#navi2 a:link{
}
#navi2 a:visited{
}
#navi2 a:hover{
	color:#999999;
}
#navi2 a:active{
	color:#999999;
}
#navi2 a.aktiv{
	color:#999999;
}


/* Content */

#navi_kat{
	overflow:hidden; /* für float: BLOCK FORMATTING CONTEXT*/
	margin-bottom:0;
}
#navi_kat li{
	padding:0 24px 0 16px;
	margin:0;
	list-style-type:none;
	background-image:url(../bilder/layout/pfeil.gif);
	background-repeat:no-repeat;
	float:left;
}
#navi_kat a{
	color:#333333;
	font-size:12px;
	font-weight:normal;
}
#navi_kat a:link{
}
#navi_kat a:visited{
}
#navi_kat a:hover{
	color:#086ebb;
}
#navi_kat a:active{
	color:#086ebb;
}
#navi_kat a.aktiv{
	color:#086ebb;
}

.dot{
	color:#e94e2e;
}

.projekt{
	overflow:hidden;
}
.img_projekt{ 
	margin-right: 16px; 
	margin-bottom: 16px; 
	float:left;
}
.img_projekt a, img{ 
}
.img_projekt .clear{
	clear:left;
}


/* Teaser */
#teaser_img{
}
#teaser_projects{
	padding:10px 12px 10px 12px;
}
#teaser_projects h1{
	margin: 10px 0 0 0;
}
#teaser_projects h2{
	font-size:14px;
	color:#086ebb;
	margin: 10px 0 0 0;
}
#teaser_projects p{
	margin: 0 0 8px 0;
}

#teaser_ad{
	padding:10px;
}

/******** individuelle Formate ********/

/* Formulare */

.input100{
	width:100px;
}
.checkbox{
	border:none;
	width:20px;
	margin:2px;
}
.radio{
	border:none;
	width:20px;
	vertical-align:middle;
}
.zahl{
	width:50px;
}
.zahl2{
	width:25px;
}
.plz{
	width:50px;
}
.ort{
	width:147px;
}
.submit{
	width:100px;
}

.textarea{
	border: 1px solid #4e1b1f;
	width:300px;
}

/* spezielle Formate */