/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

/* reset css */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* styles */

body { margin: 0px 0px;	background: #f9f9f9 url('img/bg.jpg') repeat-x 0px 226px; font-family: Tahoma,Arial,Sans-Serif; font-size: 13px; text-align:center; }
a:link,a:hover,a:active,a:visited {	color: #261F73;	text-decoration: underline; }
h1 { font-size: 22px; font-weight: normal; color: #261F73; line-height:130%; border-bottom:#261F73 1px solid; }
h2 { font-size: 18px; font-weight: normal; color: #261F73; }
h3 { font-size: 16px; font-weight: normal; color: #261F73; }
h4 { font-size: 14px; font-weight: normal; color: #261F73; }
div { text-align:left; }
div.msg { padding: 5px; font-family: Arial; font-size: 9pt; color: #000000; background-color: #CCCCCC; border: #FF0000 1px solid; }
.clear { clear:both; }
div#layout { width:814px; margin:0 auto; }
div#header { height:195px; background: url('img/kerry_kennedy.jpg') no-repeat top left; padding:0 7px; }
div#header div { float:right; line-height:25px;font-size: 11px; }
div#header div img { margin-bottom:-2px; }
div#header div a { text-decoration:none; }
div#header a#logo { display:block; position:absolute; margin: 0px 0px; width:405px; height:150px; }
div#navi { height:30px; margin:10px 0 0 0; padding:0 7px; background: url('img/navi_bg.gif') no-repeat bottom center; }
#navi ul li { float: left; font-size: 15px; text-align:center;  }
#navi ul li a { text-decoration:none;line-height:20px;display:block;width:160px;height:25px; }
#navi ul li#active { background: url('img/navi_active.gif') no-repeat bottom center; }
#navi #ai { position:absolute; margin:19px 0 0 0;display:none; }
div#content { padding:37px 7px 7px 7px; line-height:130%; }
div#content p { margin: 12px 0; }
div#content h1,div#content h2,div#content h3,div#content h4 { margin: 10px 0; }
div#content #cont_header { clear:left; height:8px; background: url('img/content_top.png') no-repeat top center; margin-top:20px; }
div#content #cont_body { height:auto;background: url('img/content_bg.png') repeat top center; margin:0; padding:10px 20px; }
div#content #cont_footer { height:7px; background: url('img/content_bottom.png') no-repeat top center; margin-bottom:20px;  }
div#footer { clear:both; background: #D48E2A url('img/footer_bg.gif') repeat-x top left; height:22px; }
div#footer div {padding-top:8px; font-size:10px; color: #171346; text-align:center;}
div#footer div a { text-decoration:none; }

div#content ul { list-style:circle; margin: 10px 20px 15px 20px; }
div#content ul li { margin: 0 0 15px 0; }
ol { list-style:decimal; margin: 10px 20px 15px 20px; }
ol li { margin: 0 0 15px 0; }
ol ul { list-style: circle; margin: 5px 15px; }
ol ul li { margin: 0; }
blockquote { margin: 15px 30px; }

div#content p.index { margin: 0; }
div#content table td { font-size: 11px; padding:3px; }
a.index_images { display:block; width: 235px; height: 31px; font-size:16px; font-weight:normal; letter-spacing:2px; padding:150px 15px 0px 15px; float:left; margin:0px; text-align:center; text-decoration:none; line-height:100%; }
a.index_images:hover { color: #000; text-decoration:underline; }
#ikennedy { background: url('img/index_kerry_kennedy.jpg') no-repeat top center; }
#imethoden { background: url('img/index_meine_methoden.jpg') no-repeat top center; }
#iprojekte { background: url('img/index_projekte.jpg') no-repeat top center; }
#ithemen { background: url('img/index_meine_themen.jpg') no-repeat top center; }
#ikunden { background: url('img/index_kunden.jpg') no-repeat top center; }
#ikontakt { background: url('img/index_kontakt.jpg') no-repeat top center; }

div#content.kerry_kennedy #cont_body img#kerry_kennedy { float:right;  }
div#content.kerry_kennedy #cont_body { min-height:423px; height: auto !important; }

div#content.wie_ich_vorgehe #cont_body img { float: right; margin: 0px 0px 40px 30px; }
div#content.meine_themen #cont_body img { float: right; margin: 20px 50px 40px 30px; }
div#content.kunden #cont_body img { float: right; margin: 50px 0px 40px 30px; }

div#item_list { width:400px; height: 100px; }
div#item_list a { display:block; float:left; width:70px; height:70px; margin:0 20px 0 0; text-decoration: none; }
div#youtube { margin: 20px 0; }
div#youtube h2 { margin: 10px 0 20px 0; }