/* CSS Document d4m.css */
/* ***********************************
     design4media (c) copyright 2007
     Type	: Stylesheet - layout
     Title	: beta 2007-01-31
     Art	: Layout -  d4m.ch
     Autor	: Felix Nikles

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


/* ********** [Start Allgemein] ********** */

/*Setzt alle wert auf 0*/
* {
	margin:0; 
	padding:0; 
	border:0;

}

html {
	height:100%
}

body {
	font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	line-height:1.3;
	background-image: url(../../media/bilder-layout/wood1.gif);
	/*text-shadow: black 0 0 0; */
	min-height: 101%;
	font-size: 100.01%;
	color:#CCCCCC;
	margin: 0px;
	background-repeat: repeat;
	background-position: 0px 0px;
	background-color: #171B20;
}
.balkenoben {
	background-color: #0D0F10;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 75%;
	height: 18px;
}
.balkenoben p {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 42px;
	padding-bottom: 2px;
	padding-left: 0px;
	color: #30363A;
	background-image: url(../../media/bilder-layout/bilder-icon/bullet_ball_glass_green.png);
	background-repeat: no-repeat;
	background-position: 800px center;
	text-align: right;
}
.balkenoben p a {
	color: #4A5459;
	padding-bottom: 5px;
	vertical-align: text-top;
}
.balkenoben p a:hover {
	color: #97A3AA;
}

/* ********** [Start Spezial-Bereiche] ********** */
/*unsichtbar*/
.direktnavi {
	visibility: hidden;
	margin: 0px;
	top: 0px;
	display: none;
	font-size: 130%;
	font-weight: bold;
}
.unsichtbar {
	visibility: hidden;
	font-weight: bold;
}

noscript p {
	font-size: 90%;
	color: #CC0000;
	border: 1px dotted #CC0000;
	padding: 5px;
	background-color: #FFFFFF;
}
.noscript p {
	font-size: 150%;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	background-color: #171B20;
}

.clearleft{
	clear:both;
}


#content{
	width: 800px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background-image: url(../d4m/pics/600.gif);
	background-repeat: no-repeat;
}


/*++++++++++++++++++++ Grundeinstellungen der Tag +++++++++++++++++++++*/

h1{
	font-size:80%;
	text-transform: none;
	letter-spacing: 0.05em;
	text-align: right;
	height: 24px;
	font-family: "Lucida Grande", Tahoma, "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: normal;
	padding-top: 2px;
}
h1 a:hover {
	color:#333333;

}



h2,h3,h4,h5,h6 {
	text-transform:uppercase;
}



/*
 * Redeclarations
 */	
:link,:visited {
	text-decoration:none;
}

a {
	color:#96BF55; /*2769D9*/

}
a:hover {
	color:#6593F3;

}
a img {
	border:none;
}

h2 {
	font-size:152%;
	font-weight:bolder;
	color:#CCC;
	text-align: left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
h3 {
	font-size:122%;
	color:#6593F3; /*679902*/ /*96BF55*/
	margin-bottom: 5px;
	display: block; 
}
h4 {
	font-size:100%; 
	color:#FFF;
}
ul, ol {
	margin:0 0 1.6em 8px;
}
ol {
	margin-left:35px
}
ul ul, ol ol {
	margin:0 0 5px 8px;
}
ul {
	list-style-type:none;
}
ul li {
	margin:0 0 0 5px; 
	padding:0 0 0 20px; 
	background:url(../navi/bullet.gif) no-repeat 3px 9px;
}/**/
strong {
	color:#B78900;
}
li img {
	background:#FFF; 
	padding:5px;
}
code {
	background:#171B20; 
	padding:1px 2px; 
	font-size:92%; 
	color:#EEE; 
	font-family:Monaco, "Courier New", Courier, mono;
}
blockquote {
	background:#171B20;
	padding:10px;
	font-style: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.6em;
	margin-left: 0;
}
pre {
	font-size:86%; 
	width:100%; 
	overflow:auto;
}


/* Kopf- und Fuss Definitionen */

.fuss {
	text-align:center;
	padding-right: 0px;
	padding-top: 5px;
	font-size: 73%;
	color: #333;
}
.fuss a {
	color: #333;
}
.fuss a:hover {
	color: #CC0000;
}

/*#header	{
	height:100px; 
	position:relative;
}

#footer	{
	font-size:100%;
	height: 30px;
}*/



/* Inerhalb der Klappfunktion */
.stretcher{
	text-align:left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 90%;
}
.display {
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.display a {
text-decoration:none;
color:#C0C7D1;
}



/*  Formular Elemente  */
form {
	margin:0px 0 5px 0;
}		
		
form br {
	clear:none;
}
		
#Name, #NameundVorname, #Email {
	width:99%;
}
.button{
	background-color: #CCCCCC;
	border:1px solid #ccc;
}
		
	
textarea, input {
	font-weight:normal;
	color: #666666;
	border: 1px solid #373E4D;
	margin-bottom: 8px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	background-color: #1D2128;
		}
		
textarea {
	width:99%;
	margin-bottom:20px;
}
input:focus, input:hover, textarea:focus, textarea:hover {
	background-color: #f5f5f5;
	border: 1px solid #ccc; 
}




/* KLAPPEN */

.angebotdetail {
	background-color: #171B20;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;/**/
	display: block;
	clear: both;
}
.angebotdetail img {
	float:left;
	height: 70px;
	width: 70px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 7px solid;
	border-color: #637289;
	clear: both;
}

#webdesign {
	display: none;
	padding-bottom: 15px;
}

#foto {
	display: none;
}
#foto1 {
	display: none;
}

#grafikdesign {
	background-color: #171B20;
	margin-bottom: 15px;
	display: none;
}

#briefpapier {
	background-color: #171B20;
	margin-bottom: 15px;
	display: none;
	clear: left;
}
#briefpapier img {
	float: left;
	border: 5px solid #FFFFFF;
	margin-right: 15px;
	margin-bottom: 5px;
}

#logo {
	background-color: #171B20;
	margin-bottom: 15px;
	display: none;
	clear: left;
}
#logo img {
	float: left;
	border: 5px solid #FFFFFF;
	margin-right: 15px;
	margin-bottom: 5px;
}

#visitenkarten {
	background-color: #171B20;
	margin-bottom: 15px;
	display: none;
	clear: left;
}
#visitenkarten img {
	float: left;
	border: 5px solid #FFFFFF;
	margin-right: 15px;
	margin-bottom: 5px;
}

#referenzen {
	display: none;
}
/*#programme table {
	display: block;
}*/

#planung {
	margin-bottom: 15px;
	display: none;
	clear: left;
}

#cms {
	margin-bottom: 15px;
	display: none;
	clear: left;
}

#programmierung {
	margin-bottom: 15px;
	display: none;
	clear: left;
}

#formular {
	display: none;
}

#postkarte {
	display: none;
}
#titelbilder {
	display: none;/**/
}

/* für navigation nach oben=top und klappen schliessen*/

/*.http {
	background-image: url(../../bilder-layout/bilder-icon/pfeil.gif);
	background-position: 9px 50%;
	background-repeat: no-repeat;
}
*/
.http {
	/*padding:3px 0 3px 20px;*/
	background:url(../../bilder-layout/bilder-icon/icon-post.gif);				
	list-style-image: url(../../bilder-layout/bilder-icon/icon-post.gif);
	background-position: 4px 50%;
	padding-left: 20px;
}

a.http {
	background:url(../../bilder-layout/bilder-icon/icon-post.gif);				
	list-style-image: url(../../bilder-layout/bilder-icon/icon-post.gif);
	background-repeat: no-repeat;
	background-position: 4px 50%;
}


.top {
	background-image: url(../../bilder-layout/bilder-icon/pfeil.gif);
	background-position: 9px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.klappe {
	background-image: url(../../bilder-layout/bilder-icon/icon-photo.gif);
	background-repeat: no-repeat;
	background-position: 4px top;
	padding-left: 20px;
}
.klappe1 {
	background-image: url(../../bilder-layout/bilder-icon/icon-photo.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 20px;
}
/*.section .wrapper .rechts  {
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;
	height: 20px;
	font-size: 80%;
}
.section .wrapper .rechts a {
	float: right;
	padding-left: 20px;
}*/

.rechts  {
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;
	height: 20px;
	font-size: 80%;
}
.rechts a {
	float: right;
	padding-left: 20px;
}


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

	
	


/**
 * Sections
*/

.section {
	margin:0px 0 15px; /*1D2128*/
	float:left;
	/*	clear:both; */
	width:800px;
	background-image: url(../../bilder-layout/feature/section_top.gif);
	background-repeat: no-repeat;
}
.section .wrapper {
	padding:20px 30px;
	width:740px;
	float:left;
	clear:left;
	background-image: url(../../bilder-layout/feature/section_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.section .wrapper .ref-links {
	height: 20px;
	width: 100%;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 15px;
	
	color: #6593F3;
	font-size: 120%;
	
	background-color: #1D2128;
}
.section .wrapper .ref-links hover {
	height: 20px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 15px;
	background-color: #6593F3;
}
.section .wrapper .ref-links a {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0px;
	color: #96BF55;
	font-size: 100%;
}
.section .wrapper .ref-links a:hover {
	color: #6593F3;
}
.section .wrapper .ref-linkssub {
	height: 20px;
	width: 100%;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 15px;
	
	color: #6593F3;
	font-size: 100%;
	
	background-color: #1D2128;
}
.section .wrapper .ref-linkssub a {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0px;
	color: #96BF55;
	font-size: 100%;
}
.section .wrapper .ref-linkssub a:hover {
	color: #6593F3;
}




/**/
.section .wrapper .ref-linie {
	margin-bottom: 15px;
	padding-bottom: 0px;
	background-color: #1D2128;
	padding-top: 15px;
	height: 21px;
	width: 100%;
	vertical-align: top;
	background-image: url(../../bilder-layout/feature/lini-v01.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-top: 15px;
}
	
	
/**
 * Posts
 */
body .post h2 {
	font-size:152%; 
	font-weight:normal; 
	text-transform:uppercase; 
	margin:0 0 10px; 
	line-height:1em;
}
.post{
	font-size:100%;
	margin:0 0 -1.6em;
	background-color: #1D2128;
}
/*.post h2 a {
	color:#FFF; text-shadow: #000 0 0 3px;
}
.post h2 a:hover {
	color:#FF9;
}*/
.post p	{
	margin-bottom: 5px;
}
.post .meta a {
	padding:3px 0 3px 20px; 
	margin:0 20px 0 0;
}
.post .date {
	font-size:70%; color:#999; 
	margin:-30px 0 20px;
}
.post .meta	 {
	font-size:82%; 
	margin:20px 0 1.6em;
}
.post .permalink {
	background:url(bilder-layout/feature/icon_book.gif) no-repeat 0 50%;
}
.post .comments {
	background:url(bilder-layout/feature/icon_comments.gif) no-repeat 0 50%;
}
.post .subscribe {background:url(bilder-layout/feature/icon_subscribe.gif) no-repeat 0 50%;
}
/*.post img {
	float:left;
	border:5px solid #121519;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}*/
.post img.button {
	padding:0; 
	border:none; 
	background:none;
}
.post h3 {
	font-weight:normal;
	padding-top: 10px;
}
.post p .photo {
	text-align:center;
	padding:20px;
	background-color: #798395;
}
.post .photo  img {
	float:none;
	background-color: #FFFFFF;
	padding: 5px;
	height: 85px;
	width: 85px;
	margin: 3px;
}
.post p.advertisement {
	text-align:center;
}
	
	
	
/**
 * Boxeninhalt .box2-1	 Section
 */	
 
 
/*blau*/
.box2-1-extra.blau-bg  {
	background-image: url(../../bilder-layout/feature/blau_bg.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .blau-top.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/blau_top.gif); 
	margin:0;
}
.box2-1-extra .blau-bottom.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/blau_bottom.gif);
}

.box2-1-extra.blau-bg-verl  {
	background-image: url(../../bilder-layout/feature/blau_bg-verl.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .blau-top-verl.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/blau_top-verl.gif); 
	margin:0;
}
.box2-1-extra .blau-bottom-verl.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/blau_bottom-verl.gif);
}

/*rot*/
.box2-1-extra.rot-bg  {
	background-image: url(../../bilder-layout/feature/rot_bg.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .rot-top.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/rot_top.gif); 
	margin:0;
}
.box2-1-extra .rot-bottom.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/rot_bottom.gif);
}

.box2-1-extra.rot-bg-verl  {
	background-image: url(../../bilder-layout/feature/rot_bg-verl.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .rot-top-verl.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/rot_top-verl.gif); 
	margin:0;
}
.box2-1-extra .rot-bottom-verl.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/rot_bottom-verl.gif);
}

/*gelb*/
.box2-1-extra.gelb-bg  {
	background-image: url(../../bilder-layout/feature/gelb_bg.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .gelb-top.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/gelb_top.gif); 
	margin:0;
}
.box2-1-extra .gelb-bottom.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/gelb_bottom.gif);
}

.box2-1-extra.gelb-bg-verl  {
	background-image: url(../../bilder-layout/feature/gelb_bg-verl.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .gelb-top-verl.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/gelb_top-verl.gif); 
	margin:0;
}
.box2-1-extra .gelb-bottom-verl.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/gelb_bottom-verl.gif);
}

/*orange*/
.box2-1-extra.orange-bg  {
	background-image: url(../../bilder-layout/feature/orange_bg.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .orange-top.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/orange_top.gif); 
	margin:0;
}
.box2-1-extra .orange-bottom.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/orange_bottom.gif);
}

.box2-1-extra.orange-bg-verl  {
	background-image: url(../../bilder-layout/feature/orange_bg-verl.gif);
	background-repeat: repeat-y;
}
.box2-1-extra .orange-top-verl.section {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/orange_top-verl.gif); 
	margin:0;
}
.box2-1-extra .orange-bottom-verl.wrapper{
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/orange_bottom-verl.gif);
}


/*grün*/
.box2-1-extra											{
	float:left;
	margin:15px 0 15px;
	background-color: #1D2128;
	background-image: url(../../bilder-layout/feature/feature_bg-verl.gif);
	background-repeat: repeat-y;
}

.box2-1-extra .section	 {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/feature_top-verl.gif); 
	margin:0;
}

.box2-1-extra .wrapper {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/feature_bottom-verl.gif);
}

.box2-1-extra.gruen-bg-verl											{
	float:left;
	margin:15px 0 15px;
	background-color: #1D2128;
	background-image: url(../../bilder-layout/feature/feature_bg-verl.gif);
	background-repeat: repeat-y;
}

.box2-1-extra .gruen-bg-verl.section	 {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/feature_top-verl.gif); 
	margin:0;
}

.box2-1-extra .gruen-bg-verl.wrapper {
	background-color:transparent; 
	background-image:url(../../bilder-layout/feature/feature_bottom-verl.gif);
}




.box2-1-extra .links490	{
	width:490px;
	float:left;
}
.box2-1-extra .links490	img{
	float:left;
	height: 90px;
	width: 90px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 7px solid;
	border-color: #637289;
}

.box2-1-extra .rechts195 {
	width:195px;
	display:inline;
	margin:0 10px 0 0;
	float:right;
	font-size: 90%;/*	*/
	color: #ffffff;
}
.box2-1-extra .rechts195 a {
	color:#FFF;
}

.box2-1-extra .rechts195 ul li {
	color:#000000;
	padding-left: 0px;
	margin-left: 10px;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(../../bilder-layout/bilder-icon/icon-ul.gif);
}

.box2-1-extra .rechts195 a:hover {
	color:#1A210E;
}
.box2-1-extra .rechts195 p {
	margin:0 0 5px;
}
.box2-1-extra .rechts195 h3 {
	color:#171B20; font-size:120%; margin:0 0 5px;
}
.box2-1-extra .rechts195 img {
	padding: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	background-color: #FFFFFF;
}
.box2-1-extra .rechts195 a.download {
	padding:3px 0 3px 20px;
	background:url(../../bilder-layout/bilder-icon/icon-post.gif) no-repeat 0 50%;				
	list-style-image: url(../../bilder-layout/bilder-icon/icon-post.gif);
}
.box2-1-extra .rechts195 .download {
	padding:3px 0 3px 20px;
	background:url(../../bilder-layout/bilder-icon/icon-post.gif) no-repeat 0 50%;				
	list-style-image: url(../../bilder-layout/bilder-icon/icon-post.gif);
}

/**
 * Boxeninhalt .box2-1	 Section
 */	
.box2-1											{
	float:left;
	margin:15px 0 15px;
	background-color: #1D2128;
	background-image: url(../../bilder-layout/feature/extras_bg2-1.gif);
	background-repeat: repeat-y;
}

.box2-1	 .section {background-color:transparent; background-image:url(../../bilder-layout/feature/section_top.gif); margin:0;}
.box2-1	 .wrapper {background-image:url(../../bilder-layout/feature/section_bottom.gif);}
.box2-1	 .links490	{
	width:490px;
	float:left;
	font-size: 75%;
}
.box2-1	 .rechts195	{
	width:195px; 
	display:inline; 
	margin:0 10px 0 0; 
	float:right;
	font-size: 80%;/*	*/
}
.box2-1 .rechts195 ul li {
	color:#000000;
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: outside;
	list-style-type: square;
	list-style-image: url(../../bilder-layout/bilder-icon/icon-ul.gif);
}
							
.box2-1 .rechts195 a:hover {
	color:#1A210E;
}
.box2-1	.rechts195 p {
	margin:0 0 5px;
	line-height: 90%;
}
.box2-1	.rechts195 h3 {
	color:#171B20; 
	font-size:120%; 
	margin:0 0 5px;
}
.box2-1	.rechts195 img {
	margin:0 0 5px;
	background-color: #FFFFFF;
}
.box2-1	 .rechts195 .download {
	padding:3px 0 3px 20px; 
}

/**
 * Homepage .box1-2	 Section
 */	
.box1-2	{
	background:#1D2128  url(../../bilder-layout/feature/section_top.gif) no-repeat; 
	float:left; 
	margin:15px 0 15px;
}

.box1-2	.section								{
	background:transparent url(../../bilder-layout/feature/section_bottom.gif) no-repeat bottom left; 
	margin:0; 
	padding:20px 0;

}
.box1-2	.wrapper {
	padding:0 30px;
	background-image: url(../../bilder-layout/feature/extras_bg1-2.gif);
	background-repeat: repeat-y;
}
.box1-2	.links195{
	width:195px;
	float:left;
}
.box1-2	.links195 img {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	height: 60px;
	width: 60px;
	margin: 5px;
}
.box1-2 .rechts490 {
	width:490px;
	display:inline;
	margin:0 10px 0 0;
	float:right;
}
.box1-2	.link {
	color:#FFF;
}
.box1-2	.link a:hover {
	color:#1A210E;
}
.box1-2	.link p	{
	margin:0 0 5px;
}
.box1-2	.link h3 {
	color:#171B20; 
	font-size:120%; 
	margin:0 0 5px;
}
.box1-2	.link img {
	margin:0 0 5px;
}

.box1-2 div#photos	{
	width:210px; 
	margin:0 10px 0 0;
}


/**
 * Bereich Impressum, Foto  
 */
.box3-0 {
	background:#1D2128  url(../../bilder-layout/feature/section_top.gif) no-repeat;
	float:left;
	font-size: 93%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
} 
.box3-0 .section {
	background:transparent url(../../bilder-layout/feature/section_bottom.gif) no-repeat bottom left; 
	margin:0; 
	padding:20px 0;
}
.box3-0 .wrapper {
	padding:0 30px;
	background-image: url(../../bilder-layout/feature/extras_bg.gif);
	background-repeat: repeat-y;
}
.box3-0 .wrapper div {
	float:left; 
	display:inline; 
	margin:0 60px 0 0;
}
.download1 {
	width:190px;
}
.download2 {
	width:240px;
}
/*.download2 img {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	height: 60px;
	width: 60px;
	margin: 5px;
}*/
.box3-0 .wrapper .download3	{
	width:190px; 
	margin:0;
}
.box3-0 .wrapper .download3 img	{
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
}/**/
.box3-0 .wrapper .download3 .kein {
	background-color: #999999;
	padding: 0px;
	float: left;
}/**/

.box3-0 p {
	margin:0 0 1em;
}

.box3-0 div#photos	{
	width:210px; 
	margin:0 30px 0 0;
}

/*.box3-0 p.download {
	margin-bottom:0;
}
.box3-0 p.download a {
	padding:1px 0 1px 20px;
	background-image: url(../../bilder-layout/bilder-icon/icon-download.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
	
	
/**
 * Extras 
 */
.extras/*, #archives*/ {
	clear:both;
	font-size:93%; /**/
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-image: url(../../bilder-layout/feature/section_top.gif);
	background-repeat: no-repeat;
		-moz-box-shadow: 4px 4px 12px #000000;
	-webkit-box-shadow: 4px 4px 12px #000000;
		/* for IE 
  	filter:alpha(opacity=80);*/
	/* CSS3 standard 
 	opacity:0.8;*/
	/* runde ecken funktionier in IE nicht
	border:1px solid #AFAFAF; */
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-image: url(../../media/bilder-layout/bg-content-70-rot.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}

.extras h3/*, #archives h3*/ {
	font-size:140%; 
	margin:0 0 10px; 
	font-weight:normal;
}
.extras .section/*, #archives .section*/ {
	margin:0;
	padding:20px 0;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.extras .wrapper/*, #archives .wrapper*/ {
	background:url(../../bilder-layout/feature/extras_bg-ref.gif) repeat-y; 
	padding:0 30px;
}
.extras .wrapper #photos /*, #archives .wrapper*/ {
	background:url(../../bilder-layout/feature/extras_bg.gif) repeat-y; 
	padding:0 30px;
}
.extras .section .wrapper .ref-text .ref-label {
	width: 60px;
	text-align: right;
	margin-top: 10px;
	display: inline;
	font-weight: bold;
}
.extras .section .wrapper .ref-text .ref-label1 {
	width: 60px;
	margin-top: 30px;
	display: inline;

}
.extras .section .wrapper .ref-text .ref-rechts  {
	width: 195px;
	text-align: right;
	margin-top: 30px;
}
.extras .section .wrapper .ref-text .ref-rechts a {
	padding-left: 20px;
}
.extras .section .wrapper .ref-text .ref-beschreib {
	width: 190px;
	margin-top: 10px;
}





.extras .wrapper div/*, #archives .wrapper div*/ {
	float:left; 
	display:inline; 
	margin:0 20px 0 0;
}
.extras .wrapper div#photos	{
	width:210px; 
	margin:0 40px 0 0;
}
.extras .section .wrapper .ref-text {
	width:295px;
}

.extras .section .wrapper .ref-bild {
	width: 390px;
}
.extras .section .wrapper .ref-bild img {
	background-color: #171B20;
	padding: 0px;
}

.extras #links/*, #archives #tags*/	{
	width:190px; 
	margin:0;
}
.extras ul/*, #archives u*/ {
	list-style-type:none; 
	margin:0; 
	padding:0;
}
.extras li/*, #archives li*/ {
	margin:0 0 8px 5px; 
	padding:0 0 0 20px; 
	background-position:0 1px; 
	background-repeat:no-repeat;
}
.extras span/*, #archives span*/ {
	display:block;
}
.extras #photos ul {
	margin:0 -20px 0 0;
}
	
#by_date {
	width:190px;
}
#by_date li	{
	background-image:url(../../bilder-layout/feature/icon_pages.gif);
}
#tags li {
	background-image:url(../../bilder-layout/feature/icon_tag.gif);
}

.ref-text li {
	background-image:url(../../bilder-layout/bilder-icon/icon-post.gif);
}
.ref-text form {
	margin:5px 0 10px;
}
.ref-text form input {
	vertical-align:middle;
}
.ref-text #q {
	width:175px;
}
.ref-text p, #photos p {
	margin:0px; clear:both;
}

.ref-rechts  {
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;
	height: 20px;
	font-size: 80%;
	background-color: #1D2128;
}
.ref-rechts a {
	float: right;
	padding-left: 20px;
}

/*#photos p {
	padding:0 20px 0 0;
}	*/
#photos li {
	/*background-color: #FFFFFF;*/
	float:left;
	height: 50px;
	width: 50px;
	margin: 5px;
	/**/
	list-style-type: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#photos img {
	height: 50px;
	width: 50px;
	/*margin-right: 0px;*/
}
#photos a.photo	{
	padding:3px 0 3px 20px; 
	background:url(../../bilder-layout/feature/icon_photo.gif) no-repeat 0 50%;
}
#links li {
	background-image:url(../../bilder-layout/bilder-icon/icon-link.gif);
}
#links li.more {
	background-image:url(../../bilder-layout/feature/icon_add.gif); 
	background-position:0 2px;
}
	


.codeEx {
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial;
	width: 650px;
	background-color: #666666;
	clear: both;
}/**/
.planungsprozess img {
	height: 380px;
	width: 250px;
}
fieldset {
	border: 1px solid #666666;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #171B20;
}
.rechts1 {
	text-align: right;
	/*margin-left: 350px;
	background-color: #171B20;*/
	margin-top:0px;
	position: absolute;
	float: right;
}


/* --Bilder-Gallerie-- */
.thumbnail {
	float: left;
	text-align: center;
	color: #CCCCCC;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	height: 100px;
	width: 130px;
}
.thumbnail img{
	border: 1px solid #444;
	padding: 5px;
}

.thumbnail-pan {
	float: left;
	text-align: center;
	color: #CCCCCC;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	height: 150px;
	width: 168px;
}
.thumbnail-pan img{
	border: 1px solid #444;
	padding: 5px;
}



/* Formatierungen für Galerie */
#box #spalte_rechts .galerie-box .thumbnail .caption a {
	text-decoration: none;
}
#box #spalte_rechts .galerie-box {
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.galerie-box {
	width: 800px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#box #spalte_rechts li {
	list-style-position: inside;
	list-style-type: square;
}

.image {
	float: left;
	padding-right: 10px;
}

.bild {
	float: left;
}
.bildnews {
	padding: 0 3px 3px 0;
}
/*.bildtext {
	margin: 3px;
	padding: 3px;
	float: left;
	height: 211px;
	width: 156px;
	border: 1px solid #999999;
	font-size: 140%;
	letter-spacing: 0.1em;
	text-align: center;
	vertical-align: middle;
}*/
blockquote {
	margin: 10px;
}


/*google plus 1*/

#___plusone_0 {
	float: left;
}