/*  
Theme Name: WordPress Das-Werk
Theme URI: http://wordpress.org/
Description: DAS WERK theme based on kurier / http://notenblog.org
Version: 0.1
Author: Christian Meckel, Marcus Herbert
Author URI: http://www.das-werk.de
Tags: DAS WERK Digital Media GmbH
*/

/* Rahmenbedingungen */

body {	line-height: 15px;
	height: 100.01%;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	background: url(http://www.das-werk.de/img/bg/0.gif) top center;
	background-repeat: no-repeat;
}

#rahmen { width:759px;
	padding:2px;
	margin:2px auto;
}

#links { float:left;
	width:580px;
	border-right:0px solid #333;
	text-align:left;
	padding:2px;
}

form { display: inline; }

#inhalt { margin-bottom:18px; }

#rechts { float:right;
	width:170px;
	padding:2px;
	padding-top:248px
}

#menu { margin:20px;
	padding:0;
}


/* Allg. Schriftformate */

body { font-size: 11px;
	text-align: left;
}

a { border: none; }

a:link { color: #000000; }

a:visited { color: #000000; }

a:hover { color: #c82447; }

a:active { color: #000000; }

#txt_grey { color: #9a9c9b; }


h1, h2, h3 { letter-spacing: -1px;
	line-height:1;
}

h1 { font-size:1.8em;
	margin:30px 0 0 0;
	padding:0;
}

h2 { font-size:1.2em;
	font-weight:normal;
	margin:-5px 0 0 0;
	padding:0;
}

/* Blog-Eintrag Ueberschrift */
h3 { font-size:1.5em;
	font-weight:normal;
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
}

/* Blog-Eintrag */
p { font-size:1.2em;
	line-height:1.2;
	margin:5px 0;
	padding:0;
	text-align:justify;
}


/* Spezielle Schriftformate */

#kopf h1 { font-size:1.8em;
	margin:2px 2px 2px 360px;
	padding:0;
	float:left;
}

#kopf h2 { font-size:1.2em;
	font-weight:normal;
	margin:10px;
	padding:0;
	vertical-align:middle;
	float:left;
}

#menu { color:#666; }

#menu h2 { margin:0;
	padding:0;
}

#Suchen { border:1px solid #666;
	color:#666;
	font-size:1em;
	height:1.1em;
	width:10em;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px; padding:0;
}


/* Listen */

#menu ul li { list-style-type:none;
	list-style-position:inside;
	padding:2px;
	margin-left:-10px;
}

#menu .linkcat { list-style-type:none; }

#inhalt li { list-style-type:square; }

#inhalt ul, ol { width:400px;
	text-align:justify;
	padding:1px 5px;
	margin:5px 0 5px 195px;
	font-size:1.2em;
}

ol li p { font-size:1em;
	text-align:justify;
}


/* Beitrag */

.zeit { font-family:Arial, Helvetica, sans-serif;
	color:#222;
	height:15px;
	width:80px;
	font-weight:bold;
	float:right;
	font-size:1em;
	vertical-align:middle;
	line-height:0.5;
	margin-left:2px;
	text-align:right;
}

.meta { font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
	color:#333;
	text-align:left;
}

.kommentar { margin:5px 0 30px 0;
	padding:5px 0 30px 0;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

.menu { margin:10px 0 10px 5px;
	padding:10px 0 0 0;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

blockquote { font-family:Times, Times New Roman, serif; text-align:left; }

blockquote p { text-align:left; }

textarea { width:596px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #666;
	background-color:#fff;
	padding:2px;
	margin:10px 2px;
}

.author { border:1px solid #666;
	color:#666;
	font-size:1em;
	height:1.1em;
	width:10em;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px; padding:0;
}

.url { border:1px solid #666;
	color:#666;
	font-size:1em;
	height:1.1em;
	width:10em;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px;
	padding:0;
}

.email { border:1px solid #666;
	color:#666;
	font-size:1em;
	height:1.1em;
	width:10em;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin:2px;
	padding:0;
}


/* Bilder (auch wp-gallery) */

img { border:0px solid #999;
	padding:2px;
	margin:5px;
}

.album { margin:5px 0; padding:5px; }

.album .image {}

.thumbs {}

.thumbs img {}

.big {}

a img {}


/* Werksanpassungen */

#container { padding: 52px;
        padding-top: 38px;
        width: 720px;
        text-align: left;
        min-height: 130px;
}

#logo { text-align:top left;
        float: left;
        width: 150px;
        height: 76px;
}

#logoimg { padding:0; margin:0; }

#header { margin: 0;
        padding-left: 44px;
        width: 700px;
        height: 120px;
}

#search { padding-top: 57px; }

#search input { width: 270px; height: auto; }

#search input.button { width: auto;
        font-size: 11px;
        height: auto;
        background-color: #e6e6e6;
}

#login { padding-top: 7px;
        clear: both;
        float: left;
        width: 150px;
}

#geheim { padding-top: 7px;
        clear: both;
        float: left;
	    width: 80px;
}

#news a {
        color: #c82447;
}

#footer { clear:left;
	width: 720px;
	margin: auto;
	height: 93px;
	text-decoration: none;
	background: url(http://www.das-werk.de/img/footer.gif) top left;
	background-repeat: no-repeat;
	padding-bottom: 27px;
	color: #9a9c9b;
	font-size: 100%;
}

#footer #icon{ padding: 16px 20px 0 25px; float: left; }

#footer #nav{ padding-top: 10px; line-height: 17px; }

#footer .nav a { text-decoration: none;
        color: #000000;
}

#footer .nav a:visited { text-decoration: none;
        outline: none;
        color: #000000;
}

#footer .nav a:hover { color: #c82447; }

#footer .nav a:active { text-decoration: none;
        outline: none;
        color: #000000;
}

#footer #adress{ padding: 14px 0 0 25px;
        line-height: 17px;
}


#footer div { padding: 10px 0 0 10px;
	text-align: left;
}

#navigation { padding-top: 7px;
	float: left;
	width: 500px;
}

.tab { padding-right: 7px;
	float: left;
}

.tab a { text-decoration: none;
        outline: none;
        color: #000000;
}

.tab a:visited { text-decoration: none;
        outline: none;
        color: #000000;
}

.tab a:hover { color: #c82447; }

.tab a:active { text-decoration: none;
        outline: none;
        color: #000000;
}