/*
	Theme Name: Nufinity
	Theme URI: http://www.wordpress.shinyislands.com
	Description: A very minimal theme, widget-ready, gravatar-supporting, and standards-compliant. Black on white with blue highlights, two columns with a thin right sidebar. Possibly the minimalest of minimalist themes.
	Version: 1.3
	Author: Sebastian Ross
	Author URI: http://www.wordpress.shinyislands.com/
	Tags: widgets, blue, white, right sidebar, fixed width, two columns, valid CSS, valid XHTML, widget ready, 2 column, 2 columns, clean, simple, free, Gravatar, light, minimal, minimalist, sidebar right, tags, Two Column, widgetized, widget
*/



/* whole page */
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}
body {height: 100%; padding: 0px; margin: 0px; font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #FFFFFF; text-align: left; }
#page {
	margin:auto ;
	padding: 0em;
	background: #FFFFFF;
	width: 855px;
}


h1, h2, h3, h4 { font-weight: normal;}

a:link, a:active, a:visited {color: #7968FF;}
a:hover { color: #5641FF; }
a { text-decoration: none; }
a img{ border: none;}


p { font-size: 1.2em; color:#000000;text-align: left; margin: 0px ;
	padding: 0px;}


.subtitle { font-size: 1em;color:#AFAFAF; padding: 0px}

img { 

margin: 0; outline: none;}



hr {height: 5px; border: none;}
#trenner hr{
height: 5px; border: 1px solid #8F8F8F;}
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote {
	margin: 1em 2em 1em 1em;
	
	font-size: 0.9em;
}
/* end whole page */

/* header */



#header {
	margin: 0px 0px 100px 0px;
	padding: 10px 0px 0px 0px;

	width: 850px;
	height: 60px;
	
	
}


#topbar{
clear:both;
width:855px;
height:60px;	
}


#logo {
float:left;
width:60px;
height:60px;
margin: 0px 0px 0px 0px;
padding:0px;
float:left;
}
#logo a img{
margin: 0px;
padding:0px;

}

#header #tagline {
	clear:right;
	width:600px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 16px 0px 0px 30px;
	font-size: 1.2em;
	color: #3F3D3D;
}

#portfolio {
border-top: 1px solid #5641FF;
width:212px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 20px 0px;
float: left;

}

#vita {
border-top: 1px solid #FF4EE8;
width:212px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 20px 0px;
float: left;
}


#blog {
border-top: 1px solid #FF6C00;
width:212px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 20px 0px;
float: left;
}

#blog img{
padding: 0px 0px 0px 12px;

}

#kontakt {
border-top: 1px solid #FF6C00;
width:212px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 20px 0px;

float: left;

}

#login {
border-top: 1px solid #00D21E;
width:212px;
padding: 10px 0px 0px 0px;
margin: 0px 0px 20px 0px;
float: left;
}


#user{
	float: left;
	width: 92px;
	
	
}

#password {
	float: left;
	width: 116px;
	margin: 0px 0px 0px 1px;
}



#loginform{

padding: 0px;
margin: 0px;
}

#loginbutton {
	width:21px;
	height:21px;
	padding:4px;
background-image:url(images/dotlogin.gif); background-repeat: no-repeat;

border: none;
}

#log, #pwd {
float:left;
background-image:url(images/textfield_login.gif); background-repeat: no-repeat;
border: none;

width:80px;
height:19px;
padding: 2px 0px 0px 10px;
margin: 2px 3px 0px 0px;

}

#useractions{

	
}
#useractions a{
	color: #8F8F8F;
}

#useractions p{
 	vertical-align: middle;
}

#useractions a img{
	margin: 0px;
	padding: 0px;
}

#header h1 {
	margin: 0em;
	padding: 0.5em 0em 0.5em 2em;

	
	font-size: 1.5em; 
	
	float: left;
}


/* end header */



/* sidebar */
#sidebar {
    
	margin: 0px 0px 0px 0px;
	padding: 0em;
	
	width: 850px;
	height:160px;
		
}


#header  p {
	color: #8F8F8F;
	
	font-size: 1.2em; 
}

#header  img {
	padding: 0px 0px 10px 0px;
}

#header  h2 {
	margin: 0em;
	padding: 0em;

	font-size: 1.0em;
}

#header  h2 a, #header  h2 a:visited {
	color: black;
	background: inherit;
}

#header  h2 a:hover {
	color: white;
	background: #1070c0;
}




#header  ul {  margin: 0; padding: 0 0 0 0; }	

#header  li { font-size: 1.2em; list-style: none; display:block; float: left; width:200px;}

#portfoliolist li a { float: left;color: #8F8F8F; line-height: 1.4em;  }

#portfoliolist li a:hover {color: #5641FF; }

#portfoliolist li.active a {color: #000000; }



#vitalist li a { float: left;color: #8F8F8F; padding: 0px; line-height: 1.4em;}

#vitalist li a:hover {color: #FF4EE8; }

#vitalist li.active a {color: #000000; }


#kontaktlist li {
color: #8F8F8F;line-height: 1.4em;
font-size: 1.2em; list-style: none; display:block; float: left; width:200px;
}

#kontaktlist li a {
color: #8F8F8F;
}

#kontaktlist li a:hover{
color: #FF6C00;
}


#loginlist li {
	
	line-height: 1.75em;
	color: #8F8F8F;
	font-size: 1.2em; list-style: none; display:block; float: left; width:200px;	
}
#loginlist li a{
	color: #8F8F8F;
}
#loginlist li a:hover{
	color: #00D21E;
}

#loginlist li.active a {color: #000000; }
#loginlist img {padding: 0px; margin: 1px 5px 0px 0px; float: left; }


/* end sidebar */


/* content area */

#content {
clear:both;
	margin: 0px 0px 20px 0px;
	padding: 0em;
	width: 850px;
	
	
}


#featureheader{
	margin: 0px 0px 10px 0px;
	border: none;
	
}
#featureheader img{
	float: left;
	margin: 0px 4px 0px 0px;
}

#feature{
	width: 840px;
	height: 375px;
	border: 1px solid #CDCDCD;
	margin: 0px 0px 30px 0px;
	
	
}
#featureimage{
	
	margin:2px 2px 0px 2px;
}

div .pageheader {

width:850px;
height: 20px;
margin: 0px 0px 10px 0px;

padding: 0px 0px 0px 0px;
color: #000000;
}
div .pageheader img{
	float: left;
	margin: 0px 4px 0px 0px;
}
div .pageheader p{
	font-size: 1.4em;
	
line-height: 18px;

padding: 0px;

}



.pagetitle {
	float:left;
	
	color: #000000;
	font-size: 1.2em;
	line-height:20px;
	width:100px;
	height: 20px;
	padding: 0px 0px 0px 0px;
}
.pagetitle img{
	float:left;
	margin: 0px 4px 0px 0px;
}

.pagetitle a{
	
	color: #8F8F8F;
	
}
.pagetitle a:hover{
	
	color: #5641FF;
	
}
.pagepost {
	float:left;
	
	color: #000000;
	font-size: 1.2em;
	line-height:20px;
	width:655px;
	padding: 0px 0px 0px 0px;
}

.pagedate {
	float:left;
	
	color: #000000;
	font-size: 1em;
	line-height:20px;
	width:60px;
	height: 20px;
	padding: 0.5em 0px 0.5em 0px;
	text-align:right;
}

.catheader, .catheader a{
	clear: both;
	width:855px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 1.1em;	
	
}
.streifen{
	clear: both;
	width:848px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px;

	background-image:url(images/emptyslide.gif);
	background-repeat:repeat;
	
	
}
.spacer845{
	clear: both;
	width:845px;
	height:1px;
	background-color: #FFFFFF;
}


#content .balken{
	position:relative;
	background-image:url(images/balken.gif); background-repeat: no-repeat;
	width: 206px;
	height: 117px;
	float: left;
	
	margin: 0px 6px 6px 0px;
}

#content .brandnew{
	position:absolute; top:2px; left:2px;
	z-index: 2;
	width:50px;
	height:50px;
	
}

#content .thumbnails {
	position:relative; top:0px; left:0px;
	z-index: 1;
	width: 202px;
	height: 93px;
	margin:0px 0px 0px 0px;
	
}
#content .thumbnails a img {
	
	padding: 2px 2px 0px 2px;
	border: none;
}



#content .commentbox{
	position:absolute; top:4px; right: 0px;
	z-index: 3;
	color: #777777;
	background-image:url(images/bubble.gif); background-repeat: no-repeat;
	padding:18px 0px 0px 16px;

	width: 30px;
	height: 30px;

 
}

.commentbox p{
color: #8F8F8F;
font-size: 0.9em;
line-height: 0.2em;
}
.commentbox a{
color: #3F3D3D;

}

.entrytitle{
float: left;
margin: 5px 0px 4px 8px;
width: 206px;


}

.entrytitle p{
color: #000000;
line-height: 1em;
font-size: 1.2em;


}
.entrytitle a{
color: #000000;
}
.entrytitle a:hover{
color: #5641FF;
}

#content .description {
	margin: 4px 0px 0px 8px;
	width: 400px;

	

}

#feature .description {
	margin: 4px 0px 0px 8px;
	width: 620px;

	

}

#content .description p {
	
	
	font-size: 1.1em;
	line-height: 1.2em;
	color: #3F3D3D;
}

#content .kunde {
	clear: both;
	margin: 8px 0px 0px 8px;
	width: 280px;

}

#content .kunde p {

	font-size: 1.1em;
	line-height: 1.2em;
	color: #3F3D3D;
}

#content .edit {
	clear: both;
	width: 855px;
	height: 20px;
	text-align: left;
	margin: 0px 0px 20px 0px;
}
#content .edit img{
	border:none;
	float:left;
	margin: 0px 5px 0px 0px;

}





#content .post {
	margin: 0em 0em 0em 0em;
	padding: 0px 0px 0px 0px;
	width:850px;
	 
}

#content .post h2 {
	color: #000000;
	padding: 5px 0px 5px 0px;
	font-size: 1.4em;
	
	border-bottom: 1px solid #C0C0C0;
}

.doubleimage img{
float: left;
}
.doubleimage{
clear:both;
width:850px;
}

.entry {
clear:both;
margin: 0px 0px 20px 100px;
padding: 0px;
background-color: #FFFFFF;
width: 740px;
}

.entry p{
color:   #3F3D3D;
font-size: 1.2em;
line-height: 1.3em;

}

.entry img{

margin: 4px 8px 20px 0px;
border: 1px solid #C0C0C0;
}

.entry tbody img {
outline:none;
border: none;
}

.entry tbody{ 
color:   #3F3D3D;
font-size: 1.1em;
line-height: 1.3em;
vertical-align:top;
}

#video{

margin: 0px 0px 0px -100px;

}

#soyabanner{
margin: 0px 0px 0px -50px;
}

#islands { background-image: url(images/back.gif); background-repeat: repeat-x;
background-color:#5CB9FC;
}
#lebenslauf {
margin: 20px 0px 0px 0px;

}

.entryshort {
float: left;
font-size: 1.2em;
width: 380px;
margin: 0px 0px 6px 0px;
}

.entrykunde {
clear:both;
width: 750px;
margin: 4px 0px 20px 0px;
}

.entrykunde p{
color: #8F8F8F;
}

.entrykunde span {
color:  #3F3D3D;
font-size: 1.0em;
line-height: 1.3em;
}

.entrytags {
float: right;
padding: 0px 30px 0px 0px;
width: 250px;
}

.entrytags p{
text-align: right; 
}

#content h2 {
	margin: 0em 0em 1em;
	padding: 0em;
	
	font-size: 1.5em;
}


#content h3 {
	color: #000000;
	font-size: 1.3em;
	padding: 0px 20px 0px 0px;
	margin: 0em;
	
}

#content h4 {
	color: #3f3d3d;
	font-size: 1.3em;
	width:660px;
	padding: 0em;
	margin: 0em;
}



#content .more-link {
	color: #777777;
	background-image:url(images/button.gif); background-repeat: no-repeat;
	padding:1px 0px 0px 5px;
	margin: 0px 0px 0px 40px;

	height: 30px;
	width: 140px;
	font-size: 0.9em;
}


#content .navigation {
	margin: 0em 0em 0em;
	padding: 0em;
	display:inline;
}

#content .goback {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	float: right;
	
	font-size: 1.25em;
}

#content .goforward {
	margin: 0em 0em 0em 0em;
	padding: 0em;
	
	float: right;
	
	font-size: 1.25em;
}

#commentform {
	
	width:480px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	
}

#commentform p {
	font-size: 1em;
	margin: 0px 0px 0px 0px;
	color: #777777;
	
}

#comments {
	
	margin: 40px 0px 0px 100px;
	color: #777777;
	
}

#respond {

	padding: 0px 0px 0px 0px;
	
	color: #777777;
	
}


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

#submit {

	margin: 0px 0px 0px 0px;
}

.singlecomment{
width: 500px;
margin: 10px 0px 20px 140px;
}

.singletop{
height:5px;
}
.singlemid{
background-image:url(images/bubblemid.gif); background-repeat: repeat-y;
padding: 4px 15px 10px 15px;
margin: 0px 0px 0px 0px;

}
.singlemid p{
margin: 0px 0px 15px 0px;
font-size: 1.2em;
}



.singlebot{

}


#content .commentmetadata {
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	color: #777777;
	
}


/* end content area */

/* these rules are added for compatibility with WordPress Theme Directory */

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* end Theme Directory compatibility */

/* footer */
#footer{
clear:both;
border-top: 1px solid #C0C0C0;
width:850px;
margin: 0px 0px 0px 0px;

}

.linkcat {
float: left;
width: 212px;

}
.linkcat h2 {
color: #000000;
font-size:1.2em;
}
.linkcat ul { margin: 0; padding: 0 0 1em 0; list-style: none; font-size: 1.1em; }		
		.linkcat li { list-style: none;  color: #C6C6C6; clear: both;  }
		.linkcat li a { color: #8F8F8F; padding: 0 1em 0 0; }
		.linkcat li a:hover {color: #FF9000; }
		
		ul.linkcat li span { color: #C6C6C6; float: right; background:#F5F5F5; padding: 0 0.2em; }
		ul.linkcat li br { clear: both; }


#linkholder { margin: 20px 0px 20px 0px;   ; color: #ffffff; text-align: left; width:850px; line-height: 1.6em; }
		


				
#lastline {
font-size: 0.9em;

clear: both;
 width:900px; margin: 40px 0 20px 585px; 
}

#lastline a{
color: #000000;
}

.footline p{

}

/* end footer */