/*  
Theme Name: www.powl-designz.de
Theme URI: http://www.powl-designz.de/
Description: powL - Webdesign - Grafikdesign - Printdesign - Frankfurt am Main - Offenbach
Version: 2.0
Author: Daniel Paul Töpp
Author URI: http://www.powl-designz.de/

CSS, XHTML und Design sind Eigentum des Verfassers und dürfen weder kopiert noch anderweitig bearbeitet oder veröffentlicht werden.

*/


/*allgemein*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	margin:0;
	padding:0;
	font-family:Tahoma;
	color:#000;}
	
img {border:none;}
	
/*Links*/

a {
	color:#ff6600;
	text-decoration:none;
	font-weight:bold;}
	
a:hover {
	color:#3594e4;
	text-decoration:underline;}
	
a.bottom{
	color:#000;
	font-weight:normal;}
	
a.bottom:hover{
	color:#000;
	text-decoration:none;}
	
a.valid-html{
	padding:5px 30px 5px 30px;
	background:url(_img/valid-xhtml10.png) left top no-repeat;}
	
a.valid-html:hover{
	padding:5px 30px 5px 30px;
	background:url(_img/valid-xhtml10_1.png) left top no-repeat;}
	
a.valid-css{
	padding:5px 30px 5px 30px;
	background:url(_img/vcss.png) left top no-repeat;}
	
a.valid-css:hover{
	padding:5px 30px 5px 30px;
	background:url(_img/vcss_1.png) left top no-repeat;}
	

/*Links - Ende*/	
/***********************************************************************************************************/	
/*Überschriften, Absätze, Bilder*/

h1 {
	font-size:1.6em;
	font-family:Georgia;
	font-weight:normal;
	border-bottom:1px solid #3594e4;
	padding-bottom:2px;}
	
h2 {
	font-size:1.4em;
	font-family:Georgia;
	font-style:italic;
	font-weight:normal;
	border:none;
	display:block;
	margin:30px 0;}
	
h2 a {
	font-weight:normal;}

h2 a:hover {
	text-decoration:none;}
		
h3 {
	font-size:1.2em;
	font-family:Tahoma;
	border-bottom:1px solid #3594e4;
	padding-bottom:3px;
	max-width:160px;}
	
h4 {
	font-size:1.3em;
	font-family:Georgia;
	font-style:italic;
	font-weight:500;}
	
p{
	font-size:1em;
	margin-left:20px;
	max-width:90%;
	text-align:justify;}
	
p.sonder{
	color: #ff6600;}
	
p.haft{
	font-size:0.86em;
	margin-left:20px;}
	
img.icon {
	float:left;
	margin:-15px 3px 0 0;
	border:1px solid #3594e4;}
	
hr {
	color:#3594e4;
	margin:40px 0;
	background:#3594e4;
	border:0 none;
	height:1px;
	width:100%;}
	
/*Überschriften, Absätze, Bilder - Ende*/
/***********************************************************************************************************/
/*Seitenlayout - Div IDs*/
	
#header{ 	
	width:100%;
	height:150px;
	background:url(_img/space.jpg) left top repeat-x;}
	
#headerimg{
	width:800px;
	height:150px;
	background:url(_img/head.jpg);}

#menu{
	width:100%;
	background:url(_img/nav_bg_end.jpg) right top no-repeat #000000;
	padding: 8px 0 7px 0;}
	
#menu ul {
	list-style: none;
	margin:0 0 0 303px;
	padding:0;}
	
#menu li {
	display:inline;}
	
#menu li a {
	color:#F3DC56;
	background:url(_img/nav_bg.jpg) left top no-repeat #000000;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	padding: 8px 21px 7px 21px;
	margin: 0px -4px 0px 0px;
	text-decoration:none;}

#menu li a:hover {
	color:#00121f;
	background:url(_img/nav_bg_1.jpg) left top no-repeat #000000;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	padding: 8px 21px 7px 21px;
	margin: 0px -4px 0px 0px;
	text-decoration:none;}

#container {
	width:1000px;
	margin:0 auto;
}

#content{
	float:left;
	width:640px;
	padding:10px 30px;
	margin:50px 0;
	color:#000;
	border-right:#3594e4 1px solid;
	list-style-image:url(_img/list.gif);
	font-size:1.3em;}

#sidebar{
	width:180px;
	float:left;
	padding-left:20px;
	margin:70px 0 15px;}

#sidebar ul {
	margin:0px;
	padding:5px;
	display:block;}

#sidebar li {
	list-style:none;
	font-size:1.1em;
	color:#3594e4;
	font-weight:bold;}
	
#sidebar li a{
	color:#3594e4;
	font-family:Tahoma;
	text-decoration:none;
	letter-spacing:1px;}
	
#sidebar li a:hover {
	color:#000;
	text-decoration:underline;}
	
#advertise {
	width:270px;
	float:left;
	padding-left:15px;
	margin:70px 0 0;}
	
#advertise img {
	float:left;
	margin:5px;
}
	
#footer{
	width:100%;
	color:#00121f;
	background:url(_img/space-footer.jpg) right top no-repeat #aae4ff;
	padding:8px 0 6px 0;
	text-align:center;}
	
#footer ul {
	list-style: none;
	margin:0;
	padding:0;}
	
#footer li {
	display:inline;
	padding-left:4px;}
	
#footer li a{
	padding-left:7px;
	color:#00121f;
	font-size:1.1em;
	font-family:Tahoma;
	text-decoration:none;
	font-weight:normal;
	border-left:#00121f 1px solid;}

#footer li a:hover{
	border-left:#00121f 1px solid;
	border-bottom:#00121f 1px solid;
	border-top:#00121f 1px solid;}


/*Seitenlayout - Div IDs - Ende*/	
/***********************************************************************************************************/
/*Kontaktformular, Extras*/

.contact{
	margin-left:30px;
	padding:15px;
	border-left:1px outset #ccc;
	border-bottom:1px outset #ccc;
	font-size:1em;
	color:#000;}
		
.name {
	border:1px solid #ccc;
	color:#000;
	font-size:11px;}

.button{
	background-color:#FFFFFF;
	border:#CCC 1px solid;}
	
/*Kontaktformular - Ende*/

.sitebottom{
	font-size:0.8em;
	font-family:Tahoma;
	margin-left:20px;
	padding-top:5px;
	border-top:1px dotted #3594e4;}
	
.top {
	text-align:right;
	padding-bottom:2px;}
	
.logo {
	margin:0 0 0 30px;}

.portfolio-container {
	width:100%;
	min-height:110px;
	margin-top:30px;
	border-bottom:1px solid #CCC;
}

#portfolio p {
	text-decoration:underline;
}

.portfolio {
	float:right;
	margin:-30px 0 35px 0;
	padding:3px;
	border:1px solid #3594e4;
}

.portfolio:hover {
	border:1px solid #666;
}

.clear {
	clear:both;}
	
/*Kontaktformular, Extras - Ende*/
/***********************************************************************************************************/