/*
Theme Name: WordPress Standard  DE-Edition
Theme URI: http://wordpress.org/
Description: Gebaut für das Architekturbüro Kränzel-Jansen.
Version: 1.0
Author: Wei&szlig;enfels Benjamin von <a href="http://pixeldrama.de">pixeldrama</a>


Standard Stylesheet
Aufritt der Architekten Kraenzel-Jansen und Rose
Start: 28.07.2006
Letzte Aenderung: 27.07.07

Entwickelt von Benjamin Wei&szlig;enfels
Homepage: http://pixeldrama.de
email: kontakt@pixeldrama.de

Aufbau der Stylesheet

 1. Allgemeines
 2. Typografie
 3. Layout
 
*/


/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/*********************
  1. Allgemeines
*********************/


body {
	font-size: 80%;
	line-height: 1.6em;
	color: #333;
	background: #fff;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	text-align: center;
}

a, a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #636161;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
	
}

.keine-anzeige {
	visibility: hidden;
}

ul {
	list-style-type: none;
}

/*********************
 2. Typografie
*********************/
 

/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.7em;
	margin: 7px 0;
	clear: both;
}

/* Kleinerer Text */
.s {
	font-size: 0.9em;
}

/* Links- bzw. Rechtsausrichtung f�r Elemente */

.leftalign {
	float: left;
	margin: 0 10px 0 0;
}

.rightalign {   
	float: right;
	margin: 0 0 0 10px;	
}

h1 {
	 width: 300px; 
	 display: inline; 
	 margin: 44px 15px 0 0; 
	 float: right; text-align: right; 
	 font: bold 1.2em/1.5 verdana, helvetica, arial, sans-serif;
}

h1#unterseite {
	width: 622px;
}

h1#h1_left {
	margin: 44px 0 0 0; text-align: left;
}

h2 {
	width: 151px; float: right; margin: 45px 0 0 0; padding-right: 9px; text-align: right; font: bold 1.2em/1.5 verdana, helvetica, arial, sans-serif;
}

h2#h2_left {
	width: 135px; text-align: left; padding: 0px;
}

h3 {	
	font: bold 1.2em/1.5 verdana, helvetica, "arial", sans-serif; border-bottom: 1px solid #e3e3e3; 
}

h4 {
	font: normal 1.2em/1.5 verdana, helvetica, arial, sans-serif; color: #b71221; border-bottom: 1px solid #e3e3e3;
}


/*********************
  3. Layout
*********************/

/*navi*/

#NavCol { 
          margin: 0 0 50px 0; 
			 padding: 0 20px; 
			 text-align: left;
          float: left;   
			 background: transparent;	
			 }
			 
#NavCol { 			 		 
			 width: 327px; /* Angabe f�r den IE 5.x */
          voice-family: "\"}\"";
          voice-family: inherit;
          width: 287px; /*Angabe f�r die anderen Browser */          
}

.dummy1 {
margin: 0; /* Dummy-Angabe */
}

.navi-left { float: left; width: 140px; margin: 0 0 50px 0; text-align: left; background: transparent;	}

.navi-right { float: left; width: 140px; background: transparent; }

.naviList li { display: inline; background: transparent;	}

.naviList li a {
   display: block;
	padding: 0 20px;
	font-family:  Arial, verdana, helvetica, arial, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	background: url(images/buttonLink.png) no-repeat;
	background-position: 0 3px;		
}	

.naviList li a:hover {
	background: url(images/buttonHoverLink.png) no-repeat;
	background-position: 0 3px;	
	text-decoration: none;
}

/*adresse auf Der Startseite*/

#adresse { width: 190px; margin:210px 0 0 0; font-size: 0.9em; line-height: 1.2em; }

.r { width: 150px; float: right; text-align: left; }

.l { width: 20px; float: left; text-align: left; }

/* Projektbeschreibung in der Sidebar*/

#description {  margin: 25px 0; font-size: 0.9em; }

/*Spiegelung am Steuerungs Ende */

.spiegelung { 
   clear: both;
   width: 100%;
	height: 243px;
	text-align: left;
	background: url(images/navi-footer.png) no-repeat -1px 1px #fff ;	
} 

.spiegelung-page { 
   clear: both;
   width: 100%;
	height: 243px;
	text-align: left;
	background: url(images/navi-footer-2.png) no-repeat -1px 1px #fff ;	
} 

/*aktuellerLink*/

#aktiv {
   display: block;
	background: url(images/buttonAktivLink.png) no-repeat;
	background-position: 0 3px;	
	text-decoration: none;
}

#aktiv_2 {
	display: block;
	background: url(images/buttonHoverLink.png) no-repeat;
	background-position: 0 3px;	
	text-decoration: none;
}

/*Layout im Groben*/

#wrapper { width: 950px; margin: 0 auto; background: url(images/content.png) repeat-y; }

#wrapper_unterseite { width: 950px; margin: 0 auto; background: url(images/content_unterseite.png) repeat-y; }

#header {
   width: 951px;
	height: 109px;
   background: url(images/header.png) no-repeat;
	background-position: -1px;	
}

#header_2 {
	width: 950px;
	height: 109px;
   background: url(images/header_unterseite.png) no-repeat;
	background-position: -1px;	
}

#content { float: left;	width: 622px; text-align: center; }

.col_wrapper {	width: 950px; margin: 20px 0; background: url(images/projekteBackground.png) -1px 0 repeat-y;  }

.col_wrapper:hover {	width: 950px; margin: 20px 0; background: url(images/projekteBackground_2.png) -1px 0 repeat-y;  }

.col_wrapper_2 {width: 950px; margin: 20px 0; }

.col_wrapper_2 p, .col_wrapper p {
	text-align: left;
}

.projekt_col {	width: 328px; float: left; }

.projekt_col a {	
   display: block;
	margin: 15px 0; 
	padding: 0 0 0 20px; 
	font-family:  Arial, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	background: url(images/buttonHoverLink.png) no-repeat; 
	background-position: 0 4px;	
	}

.projekt_col_2 { width: 622px; float: left; }

/* Contentformatierungen */

.text { width: 400px; margin: 0 auto 15px auto; text-align: left; }

.text a { font-weight: bold; color: #e06365; }

p.projektStart { width: 160px; margin: 0 auto 15px auto; border: 5px solid #e3e3e3; padding: 12px;  font-size: 1.2em; }

p.projektStart a:hover, p.projektStart:visited { text-decoration: none; }

p.projektStart:hover {
	border: 5px solid  #e06365;
}

#content img { border: 4px solid #e3e3e3;	padding: 4px;}

.projekt_col p { width: 255px; margin: 5px auto; }

.projekt_col_2 p { width: 460px; margin: 5px auto; }

.projekt_col_2  p { font-size: 0.9em; line-height: 1.3em;  }

/* Galerie */

.mypicsgallery { width: 483px; margin: 0 0 0 100px; text-align: center; }

.mypicsgallery a { float: left; width: 130px; display: block; margin: 0 25px 20px 0; }

/*Kontaktformular*/

form { width: 100%; }

input, textarea { border: 2px solid #e3e3e3;  padding: 2px; font: normal 1.0em/1.5 sans, verdana, helvetica, arial, sans-serif; background: #fff; }

input { width: 230px; margin: 1px 0; border: 2px solid #e3e3e3; }

textarea { width: 392px; height: 200px;  }

.label { float: left; margin: 2px 0 0 0; }

input[type=text]:focus, textarea:focus, input:hover, textarea:hover { border: 2px solid #e06364; }

.warning {color: #E06364; font-weight: bold; }
.thankx {font-weight: bold; }