/*  
Theme Name: webphase*
Theme URI: http://www.webphase.de/
Description: Das webphase* Theme.
Version: 1.0
Author: Silvia Lausch / Jörn Zimmermann
*/


/* ++++++++++++++++++++ Grundeinstellungen ++++++++++++++++++++ */

body		{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #2D1F11;
	background-color: #F0EDE4;

}

* html body						{
			font-size: xx-small;
			f\ont-size: small;
	}
	
html>body						{
			font-size: x-small;
	}

/* ++++++++++++++++++++ Site Layout ++++++++++++++++++++ */


#container	{
	width: 100%;
	top: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 1em;
}

#site	{
	position: relative;
	width: 720px;
	top: 70px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-image: url(img/body-hg.jpg);
}

#head-top	{
	position: relative;
	width: 715px;
	height: 28px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url(img/head-top.jpg);
	background-repeat: no-repeat;
}

#head-logo	{
	position: relative;
	width: 700px;
	height: 76px;
	top: 0px;
	left: 5px;
	padding: 0px;
	margin: 0px;
	background-image: url(img/head-logo.jpg);
	background-repeat: no-repeat;
}

#head-nav	{
	position: relative;
	width: 670px;
	height: 20px;
	top: 0px;
	padding: 0 0 0 30px;
	margin: 0px;
	left: 5px;
	background-color: #ffffff;
}

#head-img	{
	position: relative;
	width: 700px;
	height: 212px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 5px;
	background-image: none;
}

#head-navSub	{
	position: relative;
	width: 700px;
	top: 0px;
	padding: 8px 0 0 30px;
	margin: 0px;
	left: 5px;
}


#content	{
	position: relative;
	width: 670px;
	top: 0px;
	left: 5px;
	padding: 50px 0 0 0;
	margin: 0;
	background-color: #ffffff;
}

#bottom	{
	position: relative;
	width: 720px;
	height: 32px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 0px;
	background-image: url(img/bottom-hg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#bottom-links	{
	position: relative;
	width: 640px;
	top: 0px;
	padding: 10px 0 0 0;
	margin: 0px;
	left: 30px;
	background-image: url(img/linie.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#bottom-links-copyright	{
	position: relative;
	float: left;
	width: 400px;
	height: 10px;
	top: 0px;
	padding: 0px;
	margin: 0;
	left: 0px;

}

#bottom-links-kontakt	{
	position: relative;
	float: right;
	width: 200px;
	height: 10px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 0px;
	text-align: right;
}

#spalte-links	{
	position: relative;
	float: left;
	width: 265px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 30px;
	color: #000000;
}

#spalte-rechts	{
	position: relative;
	float: left;
	width: 405px;
	top: 0px;
	padding: 1em 0 0 0;
	margin: 0 0 30px 0;
	left: 0px;
}

.clear		{
	clear: both;
	color: #ffffff;
}

/* ++++++++++++++++++++ Navigation ++++++++++++++++++++ */

#head-nav ul     {
     list-style: none;
     margin: 0;
     padding: 0;
}

#head-nav li    {
     list-style: none;
     display: block;
     position: relative;
     float: left;
}

a.navLink    {
     /* border: 1px solid #000000; */
     height: 50px;
     background-image: url(img/navi-trenner.gif);
     background-repeat: no-repeat;
     background-position: right;
     padding: 4px 16px 4px 4px;
     margin-right: 10px;
}

a.navLinkLast    {
     /* border: 1px solid #000000; */
     height: 50px;
     background-image: none;
     padding: 4px 16px 4px 4px;
     margin-right: 10px;
}

/* ++++++++++++++++++++ Links ++++++++++++++++++++ */


a		{
	color: #62574D;
	text-decoration: none;
}

a:hover		{
	color: #2D1F11;
}

a.bottomLink		{
	margin-right: 0em;
}

#logoLink     {
        position: relative;
        left: 555px;
        width: 120px;
        height: 70px;
        text-align: right;
}

p a		{
	color: #776656;
	text-decoration: none;
}

 p a:hover		{
	color: #776656;
	text-decoration: underline;
	}
	
#spalte-rechts li a		{
	color: #776656;
	text-decoration: none;
}

#spalte-rechts li a:hover		{
	color: #776656;
	text-decoration: underline;
	}	

/* ++++++++++++++++++++ Typo ++++++++++++++++++++ */

p		{
	line-height: 1.8em;
	margin: 0 0 2em 0;
	padding: 0;
}

h1		{
	font-size: 1.3em;
        letter-spacing: 0px;
}

h1.titel		{
	font-size: 1.3em;
        letter-spacing: 0px; 
        color: #62574D;
}

h2		{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h3		{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#bottom-links  {
	font-size: 1em;
}

#bottom-links-copyright	{
	color: #62574D;
}


/* ++++++++++++++++++++ Bilder ++++++++++++++++++++ */

#spalte-links img     {
        border: 0;
}

#spalte-rechts img {
        border: 1px solid #cccccc;
        padding: 3px;
        background-color: #ffffff;
}

/* ++++++++++++++++++++ Listen ++++++++++++++++++++ */

#spalte-rechts	ul     {
	list-style-image: url(./img/list-style-star.gif);
        margin: 0 0 0 0;
        padding: 0 0 0 15px;
        
}

#spalte-rechts	ul li    {
	margin-bottom: 0.5em;
        
}

#spalte-links	ul     {
	list-style: none;
        margin: 0;
        padding: 0;
        width: 190px;
        
}

#spalte-links	ul li    {
	margin-bottom: 1em;
        
}

/* ++++++++++++++++++++ Elemente ++++++++++++++++++++ */

.border {
        border-bottom: 1px solid #cccccc;
}

/* ++++++++++++++++++++ Images (WP-Default) ++++++++++++++++++++ */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */