/*  
Theme Name: Designstudio
Theme URI: http://www.destio.de/
Description: Theme für Designstudio, Philipp Speck basiert auf Simply Basic
Version: 2.1
Author: Philipp Speck
Author URI: http://www.destio.de/
Tags: minimal, fixed width, two columns, widgets, thickbox, navigation, seo-optimized
*/

/* General
----------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	}

body {
	min-height: 100%;
	height: auto !important;
	font-size: 72%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #444;
	background: #fff;
	}

blockquote {
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 0.95em;
	background: url(images/quote.gif) top left no-repeat;
	}

ul {
	list-style-type: none;
	}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #06c;
	}
	
img {
	border: none;
	}

pre {
	font-size: 1.2em;
	border-width: 1px;
	border-style: dotted;
	border-color: #ccc;
	padding: 1em;
	margin-bottom: 10px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}

code {
	font-size: 1.2em;
	color: black;
}
	
/* Layout
----------------------------------------------------------------------------- */
	
#main {
	width: 900px;
	margin: 0 auto;
	}
		
#header {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	}

#navigation {
	margin: 0 auto;
	height: 70px;
	width: 900px;
	font-size: 1.4em;
	letter-spacing: -0.5px;
	background: url(images/navbar.png) bottom repeat-x;
	}

#banner {
	background: rgb(230,230,230);
	}

#teaser {
	margin: 0 auto;
	height: 180px;
	width: 900px;
	}
	
#breadcrumb {
	padding-bottom: 5px;
	}
	
#search {
	position: fixed;
	right: 0;
	padding: 10px;
	background: #ccc;
	border-left: 1px solid rgb(190,190,190);
	border-bottom: 1px solid rgb(190,190,190);
	}
	
#twitter {
	position: fixed;
	top: 280px;
	left: 0;
	width: 200px;
	heigth: 120px;
	}

#comments {
	margin-top: 10px;
}

#social {
	margin-bottom: 10px;
}

#search .submit {
	vertical-align:bottom;
	}

#search .signet {
	padding-left: 5px;
	}

#logo {
	position: relative;
	float:left;
	left: -26px;
	width: 160px;
	height: 58px;
	}

#content {
	float:left;
	width: 600px;
	margin-bottom: 10px;
	overflow: auto;
	}
		
#sidebar {
	float: right;
	width: 220px;
	line-height: 1.7em;
	}
		
#footer {
	clear: both;
	width: 900px;
	padding-top: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
	}

#legal {
	float: left;
	width: 600px;
	padding-top: 4px;
	}

#service {
	float: right;
	width: 150px;
	text-align: right;
	}

#info {
	font: 0.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #999;
	padding-bottom: 1.2em; /*Absatz*/
	}

#infobar {
	float: left;
	font: 0.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ccc;
	padding-bottom: 1.2em; /*Absatz*/
	}

#address {
	float: right;
	font: 0.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #ccc;
	padding-bottom: 1.2em; /*Absatz*/
	}

/* Sidemenu
----------------------------------------------------------------------------- */
	
ul.mainmenu {
	overflow: auto;
	padding: 32px 0 1px 1px;
	}
		
.mainmenu li {
	float: left;
	position: relative;
	}
			
.mainmenu li a {
	padding-right: 28px;
	}
		
.mainmenu li a:hover {
	text-decoration: underline;
	}
	
/* Content
----------------------------------------------------------------------------- */
	
#content h2 a {
	background: url(images/extern.png) no-repeat right;
	padding-right: 16px;
	color: #444;
	border: none;
	}
	
#content a {
	color: #06c;
	padding-bottom: 1px;
	border-bottom: 1px solid #ddd;
	}
	
#content a:hover {
	border-bottom: 1px solid #666;
	}
			
#content p a:visited, #content .metadata a:visited {
	color: #06c;
	}
	
#content p {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding-bottom: 1.2em; /* Absatz */
	color: #444;
	text-align: left;
	}
	
#content .post { /* Sucheergebnisse */
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow: auto;
	height: 1%;
	border-bottom: 1px solid #ccc;
	}	
	
#content .metadata {
	display: block;
	padding: 10px 0 20px;
	}
		
#content .anchor {
	background: url(images/anchor.gif) 0px 50% no-repeat; 
	padding-left: 10px;
	}
		
#content a.link {
	background: url(images/link.gif) 0px 50% no-repeat; 
	padding-left: 10px;
	}
#content p.strong {
font-weight: 600;
}

/* Lists
----------------------------------------------------------------------------- */

#content ul, #content ol {
	line-height: 2em;
	padding-bottom: 10px;
	}

#content ul li {
	padding-left: 20px;
	background: url(images/bullet.gif) 0 7px no-repeat;
	}

#content .post ol {
	padding-left: 25px;
	}

/* Tabellen
----------------------------------------------------------------------------- */

table th {
	font-weight: bold;
	color: #06c;
	padding: 4px 4px;
	background-color: #333;
	border-bottom: 1px solid #ccc;
}
table td {
	padding-top: 10px;
	vertical-align: top;
}
		
/* Sidebar
----------------------------------------------------------------------------- */
	
#sidebar p.title {
	margin-bottom: 11px;
	font: 2.2em 'Trebuchet MS', Verdana, Sans-Serif;
	}
			
#sidebar img {
	margin-bottom: 0;
	}

#sidebar .post {
	overflow: visible;
	}
	
#sidebar .news {
	margin-bottom: 1.2em;
	}

#sidebar ul li a {
	line-height: 1.9em;
	}
			
#sidebar ul li ul li ul {
	background: url(images/bullet.gif) 0 10px no-repeat;
	}
			
#sidebar ul li ul li ul li ul {
	padding-left: 30px;
	}
	
/* Element
----------------------------------------------------------------------------- */

.element {
	margin: 0 0 20px 0;	
}

/* Headings
----------------------------------------------------------------------------- */

h1, h1 a, h1 a:hover, h1 a:visited, 
h2, h2 a, h2 a:hover, h2 a:visited, 
h3, h3 a, h3 a:hover, h3 a:visited, 
h4, h4 a, h4 a:hover, h4 a:visited {
	color: #444;
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

h1 {
	font-size: 2.2em;
	font-weight: normal;
	padding-bottom: 8px;
	}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 8px;
	}

h3 {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h4 {
	font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}
		
/* Images
----------------------------------------------------------------------------- */

#content img {
	padding:4px 10px 10px 4px;
	/* background:url(images/shadow.gif) no-repeat right bottom;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid; */	
	}

#content img.alignright {
	float: right;		
	margin: 0 0 14px 14px;	
	}

#content img.alignleft {
	float: left; 
	margin: 0 14px 14px 0;		
	}

#content img.aligncenter {
	float: center; 
	margin: 0 14px 14px 14px;		
	}

#content img.none {
	background: inherit;
	border: none;
	padding: 0;
	}
	

.commentlist li {
	border-bottom: 1px solid #ccc;
	}