/*

	Theme Name: TeufelNET
	URI: http://henning.imaginemore.de
	Beschreibung: Ein Theme (3 Spalten) basierend auf der CI von Teufel NET Engineering
	Version: 1.0.0
	Author: Henning Schaefer
	Author URI: http://henning.imaginemore.de

	Relaxation_3column
	http://clemens.orth.me.uk/de/
	Das Original 2 Spalten Design wurde von John Wrana (http://www.jowra.de/wp/) erstellt.
	Das 3 spaltige Design wurde von Clemens Orth (http://clemens.orth.me.uk/de/) erstellt 
	und von John Wrana und Clemens Orth umgesetzt.

	Das 3 spaltige Theme hat eine Extra Spalte die frei genutzt werden kann. 
	Dort koennen Bilder (z.B. von Flickr) untergebracht werden oder ebenso eine Liste der zuletzt gelesenen Buecher, gekauften CDs etc. 
	Nur deine Phantasie setzt dir hier Grenzen.
	Schau einfach fuer was ich sie verwende um einen Eindruck davon zu gewinnen.
	
	Das Style Sheet, der XHTML code und das Design stehen unter der GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Alle Photos in dem psd file sind unter der CC Lizenz veroeffentlicht. Dies schliesst eine kommerzielle Nutzung explizit aus! Fuer mehr Details zu den einzelnen Lizenzen folge den Links in dem readme.txt file.

	HINWEIS: Um ein moeglichst fluessiges Design zu erhalten solltest du die Farben der folgenden 7 Styles in eine der Farben deiner Graphik aendern.

		a
		h1, h1 a
		h2, h2 a
		#sidebar h2
		#sidebar2 h2
		#sidebar a:hover {
		#sidebar2 a:hover {

		Picture:							|	Color Code:
		------------------------------------|---------------
		Grand Pier							|	#DC5E04
											|
		Advert in Westminster Tube Station	|	#BD6907
											|	#CBDA7D
                                            |
		View from the Brooklyn Bridge		|	#497260
		                                    |
		Sunset								|	#7A677B
											|	#D47A7A
		                                    |
		Bridge in Central Park				|	#292E31
		                                    |
		Backyard							|	#78493F
		                                    |
		Docks mirrored in Water				|	#617E8E
		                                    |
		Hundertwasserhaus					|	#B89CA8
		                                    |
		Battery Park Memorial				|	#792400
		                                    |
		Love in Manhatten					|	#7D0100
                                            |


	HINWEIS: Das Flickr Style Sheet am Ende der Datei ist fuer die flickr badges (http://www.flickr.com). Die Style Sheet Definitionen werden auch fuer andere Graphiken in den 
	rechten Spalten verwendet. Sei daher bitte sehr vorsichtig was du aenderst.

	
*/

body, form, h1, h2, h3, h4, ul, li{

	//list-style: none;

	margin: 0px;

	padding: 0px;

}

body{

	font: normal normal 11px Tahoma, Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

	background-repeat: repeat-x;

	text-align: center;

}

.container{

	margin:auto;

	text-align: justify;

	width: 1000px;

}

#logo{

	margin: 20px 0 20px 0;

}

#logo a{

	background-image: url(/content/sdd/images/logo.jpg);

	background-repeat: no-repeat;

	display: block;

	height: 50px;

	width: 280px;

}

#logo span{

	display: none;

}

/* HEADER */

#header{

	height: 190px;

	margin: 0 0 1px 0;

}

.adserver{

	background-color: #000000;

	color: #FFFFFF;

}

/* NAVIGATION(S) */

#navigation{

	background-color:#336600;

	padding: 14px 3px 6px 0;

	margin: 0 0 1px 0;

	text-align: right;

}

#navigation li{

	display: inline;

	list-style: none;

	margin: 0 0 0 10px;

}

#navigationSub{

    background-color:#336600;

	margin: 0 0 30px 0;

	padding : 5px 3px 6px 5px;
	
	text-align: right;

}

#navigationSub li{

	display: inline;

	list-style: none;

	margin: 0 10px 0 0;

}

#navigation a, #navigationSub a{

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}

#sidebar{

	float: left;

	width: 180px;
	
	padding-right: 10px;

}

#sidebar2{

	float: right;

	width: 180px;
	
	padding-left: 10px;

}

#sidebar a, #sidebar2 a{

	color: #636363;

	margin: 0 0 0px 0;

	padding: 0 0 0 0px;

	text-decoration: none;

}

#sidebar h2, #sidebar2 h2{

	color: #336600;

	font-size:11px;

	padding: 0 0 0 10px;

	margin: 0 0 10px 0;

}

#sidebar li, #sidebar2 li{

	margin: 0 0 5px 0;

}

#sidebar ul, #sidebar2 ul{

	list-style-type: none;

	margin: 0 0 10px 0;

}

#sidebar #content-address strong, #sidebar2 #content-address strong{

	background-image: none;

	padding: 0 0 0 0;

}

#navigation strong, #navigationSide strong, #navigationSub strong{

	color: #99B27F;

	font-weight: bold;

}

/* CONTENT */

#content{
    
	margin: 0 0 0 0;

	text-align: justify;

}

#content #main{

	color: #636363;

	margin-left:10px;

	float:left;

	text-align: justify;

	width: 580px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	border-right: 1px solid #636363;
	border-left: 1px solid #636363;
	
	

}



#content #main ul{

    margin-left: 30px;

    margin-right: 30px;

}



#content #main a{

	background-image: url(/wp-content/themes/teufelnet/images/bullet.gif);

	background-position: 0 2px;

	background-repeat: no-repeat;

	color: #336600;

	margin: 0 0 5px 0;

	padding: 0 0 0 15px;

	text-decoration: underline;

	font-weight: bold;

	}



#content #main h1{

	background-color: #336600;

	background-image: url(/skins/dvnd/images/navigation.gif);

	background-repeat: repeat-x;

	color: #FFFFFF;

	font-size:12px;

	margin: 10px 0 10px 0;

	padding: 14px 3px 6px 6px;

	width: 100%;

	display: block;

}

#content #main h1 a{
  color: #FFFFFF;
  text-decoration: none;
  background-image: none;
  margin: 0px;
  padding: 0px;
}



#content #main h5{

	color: #336600;

	font-size:12px;

	margin: 10px 0 10px 0;

	padding: 14px 3px 6px 6px;

	width: 480px;

	display: block;

	font-weight: bold;

}



p {

  text-align: justify;

}



/* FOOTER */

#footer{

	text-align: center;

}

#footer p {
  text-align: center;
}

#footer a {
background-image: url(/wp-content/themes/teufelnet/images/bullet.gif);

	background-position: 0 2px;

	background-repeat: no-repeat;

	color: #336600;

	margin: 0 0 5px 0;

	padding: 0 0 0 15px;

	text-decoration: underline;

	font-weight: bold;
}

#main .post .date a {
  font-weight: normal !important;
  background-image: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

div.date {
  margin-top: -5px;
  padding-top: 0px;
}

li.recentcomments, #recent-posts li, #archives li, .page_item, .linkcat li, #meta li, #noindent2 li li {
background-image: url(/wp-content/themes/teufelnet/images/bullet.gif);
background-position: 0 2px;
background-repeat: no-repeat;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
}

.commentbody {
  padding: 10px;
  background-color: #F0F0F0;
  border: 1px solid #C0C0C0;
  margin-bottom: 20px;
}

.commentbody h2 {
  font-size: 13px !important;
  font-weight: bold;
}

.commentbody a, #tagcloud a {
  background-image: none !important;
  margin: 0px !important;
  padding: 0px !important;
  font-weight: normal !important;
}

#relatedposts li {
  list-style-type: none;
}

.thickbox {
    background-image: none !important;
}

.post ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

.page_item ul {
  padding-top: 0.5em;
}

h2 a {
  background: none !important;
  padding: 0px !important;
}

.current_page_item ul {
  display: block !important;
}

.page_item ul {
  display: none;
}