/* 
DIALOG de luxe (www.dialogdeluxe.at)
Start: 02.10.2007
Letzte Aenderung: 02.10.2007
Originales Design: Manuela Hoffmann, info@pixelgraphix.de, www.pixelgraphix.de/information
fuer DIALOG de luxe: Hannes Treichl (www.hannestreichl.com) und VOdA (www.vo-agentur.de)
*/

/* Farben
Violett: #80338a
Grau: #a1a2a5


*/

/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

html {

}

/* Allgemeines */
body {
	font: 80%/1.6em Trebuchet MS; 
        color: #050d24;
        line-height: 1.6em;
        background: #e4e6ea url('images/stripe.png') repeat;
	text-align: center;
}

a:link {
	color: #80338a;
	text-decoration: none;
}

a:visited {
	color: #80338a;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Clear Class */
.c {
	clear: both;
}

.cr {
        clear: right;
}

.cl {
        clear: left;
}

img, a img {
	border: 0;
}

.imageframe { margin: 0px; padding: 5px; border: 1px solid #aaa; }
.imgalignleft { float: left; margin: 0px 10px 10px 0px;}
.imgalignright { float: right; 0px 0px 10px 10px;}
.imgaligncenter { margin-left: auto; margin-right: auto; }

.keine-anzeige {
	display: none;
}

/* Absaetze */
p {
	font-size: 1em;
	margin: 0.5em 0;

}

strong {
background: #80338a;
color: #fff;
padding: 0px 3px 0px 3px;
font-weight: normal;}

/* Kleinerer Text */
.s {
	font-size: 0.9em;
}

/* Links- bzw. Rechtsausrichtung für Elemente, z.B. Klasse bild */

.links, .l {
	float: left;
	margin: 0 10px 10px 0;
}

.rechts, .r {
	float: right;
	margin: 0 0 10px 10px;
}

.mitte, .c {float:center;
        margin: 0 10px 0 10px;
}

/* Listen */

ul,li{ margin: 0; list-style-type: none; position: relative; }

h1 {display:none;}

h2 { color: #80338a; font-size: 1.6em; padding: 20px 0 10px 0; font-weight: normal; 
}

h2 a:hover {
text-decoration: none;
color: #80338a;
}

h3 { color: #80338a; font-size: 1.4em; padding: 20px 0 10px 0; font-weight: normal;
}


/* Layout */
#wrapper {
background: #e4e6ea;
width: 900px;
margin: 0 auto;
text-align:left;

}

#header {
width: 100%;
height: 110px;
background: #e4e6ea url('images/dialogmarketing.jpg') top no-repeat;
margin:0; 
padding: 0;
float: left;
border-top: 1px solid  #e4e6ea;
border-bottom: 10px solid #e4e6ea;
}

/* Navigation */

#navigation {
float: left;
clear: both;
padding: 12px 0;
width: 100%;
background: #e4e6ea url('images/stripe.png') repeat;
}

#navigation li, #footer-nav li {
display: block;
float: left;
margin: 0 0 0 2px;
text-align: center;
}

#navigation li a, #footer-nav li a  {
display: block;
float: left;
padding:10px 20px 0 20px;
color: #626c76;
}

#navigation li a:hover, #footer-nav li  a:hover {
color: #111;
text-decoration:underline;
}

#footer-nav {
float: left;
clear: both;
text-transform: uppercase;
}

#footer-c {
text-transform: none!important;
text-align: center;
font-size:0.8em!important;
margin-top:15px;
}

/* Gesamter Container */

#content {
background: #e4e6ea;
margin: 0 auto 0 0px;
text-align:left;
float: left;
}

/* Inhalt */

#main, .main {
float: left;
width: 650px;
background: #fff;
padding: 20px;
}

.main {
margin: 0 0 10px 0;
text-align:justify!important;
}

/* Seitenleiste */

#sidebar {
width:200px;
float: right;
text-align:justify;
}

#sidebar h2 {
color: #80338a; font-size: 1.2em; padding: 20px 0 10px 0; font-weight: normal;
}

#sidebar ul, #sidebar ul li, #sidebar ul li a {
   text-align: left!important; }


#subnavi {
margin:0;
width: 180px;
background: transparent;
}

#subnavi a:link, #subnavi a:visited { color:#80338a; padding: 10px 20px; display:block; border-bottom: 1px solid #fff;}

.subnavimain {
margin:0;
width: 180px;
background: transparent;
display:block;
text-align:left!important;
}

.subnavimain li { padding: 5px 0px; display:block; border-bottom: 1px solid #fff;}


/* Seitenfuss*/

#footer {
clear:both;
background: #e4e6ea url('images/stripe.png') repeat;
color: #111;
font-size: 0.9em;
padding: 10px 0;
width: 800px;
float: left;
}


/* Bildformatierung */

.bild { padding: 3px; border: 10px solid #716d6f; background: #fff;}

input, textarea { border: 1px solid #aaa;}

/* Textformatierung */

.postmetadata {
font-size: 0.9em;
padding: 20px 0;}

.teaser {
font-size: 1.2em;
color: #353F4A;
}

/* Teaser Startseite unten */

ul.teaserblock {
float: left;
padding: 5px 0 15px 0;
margin: 0px;
}

ul.teaserblock h2 { color: #80338a; font-size: 1.6em; line-height:1.6em; padding: 0px 0 10px 0; font-weight: normal;
}

.teaserblock li {
background: #fff;
padding: 10px;
display: block;
float:left;
width: 204px;
margin: 0 8px 0 0;
}

.teaserblock li.last {
margin-right: 0 !important;
}

.teaserblock li img {
text-align:center;
padding: 3px 0 5px 0;
}

/* Sidebar  */

.sidecontent {
margin: 0;
padding: 10px;
padding-top: 0px;
font-size: 0.95em;
}

.entry p {
font-size: 1em;
}

blockquote {
margin: 30px 0px 30px 30px;
border: 1px solid #111;
padding: 10px 10px;
background: #e4e6ea;
font-size:0.9em;
text-align:left;
}

/* Feedburner Abo Formular */
#feedblitz {
padding-bottom: 10px;
}

.feedbox {
background: #fff;
width: 80px;
border: 1px #aeaeae solid;
color: #000;
font-size: 12px;
padding: 2px;
}

.feedbutton {
background-color: #80338a;
border: 1px #000 solid;
color: #fff;
font-size: 11px;
}