/* flatten uncritical tags */

html, body, h1, h2, h3, h4, ul, ol, li, form, fieldset, p {margin:0; padding:0;}

abbr, fieldset {border:0;}

ul {list-style:none;}


/* basic stuff */

body {
font-size:75%; /* 12px */
line-height:1.25;
}

body, input, select {font-family:Arial, Helvetica, sans-serif;}

p, dl, #main h3, #main h4 {margin:1.25em 0;}

:link, :visited {text-decoration:none;}

a:hover {text-decoration:underline;}

a img {border:1px solid;}
a:hover img {border-style:solid;}

img.kontakt {position:relative; top:3px;}

sup, sub {
position:relative;
top:-.25em;
vertical-align:baseline;
}

sub {top:.25em;}

.firstBlock, #main h3.firstBlock {margin-top:0;}
.lastBlock {margin-bottom:0 !important;}

.accessibility {display:none;}


/* form elements */

#IE6_7 input.submit {line-height:1.25;}

input, select {font-size:1em;}

input.text, select, textarea {
padding:2px !important;
border:1px solid;
border-color:#949fac #bfc9d4 #b7c3cf #9ca6b1;
background:#fff url(../image/input.png) 0 0 no-repeat;
}

input.error, select.error, textarea.error {
border-color:#ac0000 #d40000 #cf0000 #b10000 !important;
}

input.submit, input.button, input.reset {
padding:1px 3px;
border:1px solid;
border-color:#91a3b5 #336699 #336699 #91a3b5;
line-height:16px;
background:url(../image/button.png) 0 50% repeat-x;
}

input.text:focus, select:focus, textarea:focus {
border-color:#728eab #a2bbd3 #97b3d0 #7d96ae;
background-image:url(../image/inputF.png);
}

#IE6_7 input.submit, #IE6_7 input.button {
overflow:visible;
padding-bottom:0;
}

/* userContent */

.userContent {
width:100%;
overflow:hidden;
}

#main .userContent h3 { /* vertical rhythm */
margin:1.3em 0 1em;
line-height:1.2em;
}

#main .userContent h4 { /* vertical rhythm */
margin:1.154em 0;
line-height:1.154em;
}

.userContent ul, .userContent ol, .userContent blockquote {margin:1.25em 0;}

.userContent ul {list-style:disc;}

.userContent ul ul {
margin:0;
list-style:circle;
}

.userContent ul ul ul {list-style:square;}

.userContent li {margin-left:2.5em;}

.userContent blockquote {
padding:0 20px 0 25px;
border:2px solid;
background:url(../../image/global/quote.gif) 6px 1.25em no-repeat;
}

.userContent code {font-family:"Courier New", Courier, monospace;}

.userContent abbr {
border-bottom-width:1px;
border-bottom-style:dotted;
cursor:help;
}

/* dataList */

.dataList {
font-family:Arial, Helvetica, sans-serif;
margin:1.25em 0;
overflow:hidden;
color:#505050;
}

.dataList ul, ul.dataList {
float:left;
border:1px solid #dde4ea;
list-style:inside disc;
}

.dataList ul {margin:0;}

.dataList li {
margin:2px;
padding:4px 8px;
background-color:#dde4ea;
}


/* graphic border */

.bTL, .bTR, .bT, .bBL, .bBR, .bB, .bL, .bR {
position:absolute;
		font-size:0; /* IE6 */
}

.bTL, .bTR {top:0;}
.bBL, .bBR {bottom:0;}
.bTL, .bBL, .bT, .bB {left:0;}
.bTR, .bBR {right:0;}
.bT, .bB {width:100%; left:0;}
.bL, .bR {top:0; bottom:0;}

.bTL, .bT, .bL {background-position:0 0;}
.bTR, .bR {background-position:100% 0;}
.bBL, .bB  {background-position:0 100%;}
.bBR {background-position:100% 100%;}
.bT, .bB {background-repeat:repeat-x;}
.bL, .bR {background-repeat:repeat-y;}


/* layout */

#blog {
position:relative; /* fix firefox body selection */
}

#header .title h1, #header .moreInfo, #navi ul.main, #header .tools, #searchWebsiteForm, #content-inner {
position:relative;
width:910px;
margin:0 auto;
}


#content-inner { padding-top:5px;}

#main, #secondary {overflow:hidden;}

#main {
position:relative;
left:-15px;
float:left;
width:560px;
padding:0 5px 0 15px;
}

#secondary {
float:right;
width:315px;
}

#bottom {
clear:both;
width:100%;
overflow:hidden;
}

#footer {
height:82px;
}

#main .section {
overflow:hidden;
margin:25px 0 0px;
padding:0 0 38px;
background:url(http://data5.blog.de/media/118/2581118_46e527d73d_o.png) 50% 100% no-repeat;
}

#main .section .subTitle, #main .section .smallTitle {margin-top:0;}

#main .lastSection {
margin-bottom:30px;
padding:0;
background:none;
}

#secondary .section {
margin:30px 0 -10px;
padding:0 0 30px;
background:url(http://data5.blog.de/media/118/2581118_46e527d73d_o.png) 50% 100% no-repeat;
}

#secondary .lastSection {
margin-bottom:30px;
padding:0;
background:none;
}

/* header */

#header .title {
border-bottom:1px solid #608bb6;
}

#header h1 {
height:106px;
background:url(http://data5.blog.de/media/090/2581090_6d8548bd2c_o.jpeg) 0 0 no-repeat;
}

#header h1 a {
position:absolute;
top:17px; left:-40px;
width:297px; height:0;
overflow:hidden;
padding-top:71px;
background:url(http://data5.blog.de/media/091/2581091_d13d2cbc3a_o.png) 0 0 no-repeat;
}

#skipLink {
position:absolute;
top:0; left:0;
height:0;
margin:0;
overflow:hidden;
color:#fff;
}

#skipLink:focus {height:auto;}

/* tools */

#header .tools {
z-index:1;
height:0;
}

#header .language {
margin-top:4px;
font-size:10px;
color:#ccc;
}

#IE6 #header .language, #IE6 #header .rss {position:relative; margin-bottom:-29px;}

#header .language {
float:right;
margin-right:7px;
padding-left:10px;
line-height:19px;
background:url(/image/language.png) 0 0 no-repeat;
}

#header .language * {
float:left;
margin:0;
}

#header .language p {
text-transform:uppercase;
}

#header .language ul {
height:19px;
margin-right:-2px;
padding-right:8px;
background:url(/image/language.png) 100% 0 no-repeat;
}

#header .language a {
width:18px; height:0;
margin:2px 0 0 6px;
padding-top:16px;
overflow:hidden;
background:url(/image/flags.png) 0 0 no-repeat;
}

#header li.en a {background-position:0 0;}
#header li.en a:hover {background-position:0 -16px;}
body.en #header li.en a {background-position:0 -32px;}
#header li.de a {background-position:-18px 0px;}
#header li.de a:hover {background-position:-18px -16px;}
body.de #header li.de a {background-position:-18px -32px;}
#header li.fr a {background-position:-36px 0px;}
#header li.fr a:hover {background-position:-36px -16px;}
body.fr #header li.fr a {background-position:-36px -32px;}

#header .rss {
float:right;
margin:6px 8px 0 0;
height:0;
}

#header .rss a {
display:block;
width:47px; height:0;
overflow:hidden;
padding-top:18px;
background:url(http://data5.blog.de/media/099/2581099_f811640b98_o.png);
}

#header .network {
position:absolute;
top:34px;
right:4px;
}

#header .network li {
float:left;
margin-left:3px;
}

#header .network a {
display:block;
width:28px;
height:0;
padding-top:27px;
overflow:hidden;
background:url(/image/network.png) 0 0 no-repeat;
}

#header .twitter a {background-position:-28px 0;}
#header .youtube a {background-position:-56px 0;}

/* searchWebsiteForm */

#searchWebsiteForm {top:-70px; right:-1px;}

#searchWebsiteForm p {
position:absolute;
top:4px; right:0;
width:295px; height:29px;
margin:0;
padding:7px 10px 0;
border:1px solid #b3bdc8;
border-width:0 1px;
text-align:right;
background:url(http://data5.blog.de/media/098/2581098_3bcdff4a3d_o.png) 0 0 repeat-x;
}

#searchWebsiteForm label{
padding-right:5px;
font-variant:small-caps;
text-transform:lowercase;
color:#3f3f3f;
}

body.de #searchWebsiteForm input.text {width:212px;}


/* navi */

#navi {
height:95px;
background:url(http://data5.blog.de/media/101/2581101_9dec887f12_o.png) 0 0 repeat-x;
}

#navi p {display:none;}

#navi ul.main {
height:29px;
border:1px solid #333;
border-width:0 1px;
background:url(http://data5.blog.de/media/103/2581103_f1f9282408_o.png) 0 0 repeat-x;
}

#navi li.main {
float:left;
padding-right:2px;
font-size:15px;
background:url(http://data5.blog.de/media/104/2581104_1ee7f620b9_o.png) 100% 50% no-repeat;
}

#navi li.noSpacer {
padding-right:0;
background:none;
}

#navi a.main {
float:left;
height:29px;
padding:0 15px;
line-height:29px;
color:#fff;
}

#navi li.active {
margin-top:-5px;
padding-right:0;
background:url(http://data5.blog.de/media/110/2581110_b454c12bd3_o.png) 0 0 no-repeat;
}

#navi .active a.main {
padding-top:5px;
color:#232323;
background:url(http://data5.blog.de/media/110/2581110_b454c12bd3_o.png) 100% -34px no-repeat;
}

#navi .active a.main:hover, #navi .activeSub a:hover {
text-decoration:none;
}

#IE6 #navi li.active {margin-top:0;}
#IE6 #navi .active a.main {padding-top:0;}

/* subnavi */

#navi li ul {display:none;}

#navi li.active ul {
position:absolute;
left:0; top:29px;
display:block;
}

#navi li li {
float:left;
padding-right:1px;
padding-bottom:6px;
font-size:15px;
background:url(http://data5.blog.de/media/111/2581111_9255209515_o.png) 100% 18px no-repeat;
}

#navi li li strong {
float:left;
padding-right:1px;
background:url(http://data5.blog.de/media/111/2581111_9255209515_o.png) 100% 18px no-repeat;
}

#navi li li.noSpacer strong {background:none;}

#navi li.main strong {font-weight:normal;}

#navi li li a {
float:left;
height:36px;
padding:0 10px;
line-height:36px;
color:#206bb7;
}

#navi li li.activeSub {
padding-right:0;

background:url(http://data5.blog.de/media/112/2581112_453942b4b2_o.png) 50% 100% no-repeat;
}

#navi li li.activeSub a {
cursor:default;
font-weight:bold;
}

/* main */

.mainTitle {
width:100%; overflow:hidden;
margin:0 0 1em;
}

#main .subTitle, #bottom .subTitle {
margin:1.5em 0 -.25em;
font-size:18px;
font-weight:normal;
color:#333;
}

#main .smallTitle {font-size:15px;}


/* widgets */

.widget {
margin-bottom:10px;
background:url(http://data5.blog.de/media/195/2581195_e26d6da869_o.png) 0 0 no-repeat;
}

#customersImg {margin-bottom:40px;}

.widget-inner {
overflow:hidden;
background:url(http://data5.blog.de/media/196/2581196_8c5c1f26aa_o.png) 0 100% no-repeat;
}

.widget-title {
display:block;
margin:9px 9px -9px;
padding:10px;
color:#fff;
background-color:#3d6e9f;
}

.widget-content {padding:19px;}

.widget .divider, .widget .divider_noSpace {
position:relative;
top:-9px;
margin-bottom:-9px;
padding-top:17px;
padding-bottom:17px;
background:url(/image/widgetDivider.png) 50% 1px no-repeat;
}

.widget .divider_noSpace {
padding:7px;
padding-bottom:6px;
}

.widget .linkList, .widget .optionList {
margin-left:16px;
list-style:disc;
}

/* widget-moreInfo */

#widget-moreInfo .widget-content {padding:10px;}

#widget-moreInfo p * {
display:block;
height:0;
overflow:hidden;
}

#widget-moreInfo a {
width:100%;
padding-top:135px;
background:url(/image/moreInfoWigetEN.png) 50% 5px no-repeat;
}

body.de #widget-moreInfo a {background-image:url(http://data5.blog.de/media/197/2581197_446c5b5e78_o.png);}

#widget-lastposts .prepos {display:none;}

#widget-lastposts .date {
margin-left:3px;
font-size:11px;
color:#777;
}

/* search */

#widget-search .term label, #widget-search legend {display:none;}

#widget-search li {position:relative;}

#widget-search li label {padding-left:18px;}

#widget-search input.radio {
position:absolute;
left:0;
margin:2px 0 0;
}

#IE6_7 #widget-search input.radio {top:-4px; left:-5px;}

#searchBlogForm_term {width:90%;}

/* becomeAuthorTeaser */

#becomeAuthorTeaser {
padding:7px 7px 0;
}

#becomeAuthorTeaser p {
position:relative;
height:0px;
margin:0;
padding-top:81px;
overflow:hidden;
background:url(../image/becomeAuthor2EN.png) 100% 0 no-repeat;
}

body.de #becomeAuthorTeaser p {background-image:url(../image/becomeAuthor2DE.png);}


#becomeAuthorTeaser p a {
position:absolute;
top:45px; left:17px;
}

/* teaserBox */

#secondary .teaserBox {font-size:13px;}

#secondary .teaserBox .title {
margin:0 0 8px;
padding:0 32px;
color:#ff6633;
}

#secondary .teaserBox .content {
padding:0 32px;
color:#666;
}

/* readMore */

.teaserBox .readMore {margin-top:-10px;}

.readMore a {
padding-right:13px;
font-size:13px;
background:url(../image/readMore.png) 100% 50% no-repeat;
}

/* standard form */

form.standard legend {display:none;}

form.standard .legend legend {display:block;}

form.standard legend span {
position:absolute;
top:0; right:370px;
font-weight:bold;
}

form.standard .legend {position:relative;margin-bottom:1.25em;}

form.standard .legend ul {
margin:0;
padding-top:1em;
}

form.standard .legend ul.first {
padding-top:2.5em;
}

form.standard li {
overflow:hidden;
margin:0 0 5px;
list-style:none;
}

form.standard .label {
float:left;
width:190px;
margin-right:10px;
text-align:right;
line-height:1.75em;
}

form.standard .label br {display:none;}

form.standard .label small {
display:block;
width:300px;
margin-left:200px;
font-family:arial;
font-size:11px;
text-align:left;
line-height:1.5em;
color:#666;
}

#IE6 form.standard .label small {display:none;}

form.standard input.text, form.standard textarea {
float:left;
width:300px;
}

form.standard input.reset {margin-left:5px;}

#contactForm #contactForm_zip {width:50px;}
#contactForm #contactForm_city {
width:238px;
margin-left:6px;
}

form.standard p.submit {margin:0 0 0 200px;}

#journeyImg {
position:relative;
left:-2px;
}

#blog.imprint dd {
margin:0 0 7px 0;
padding:0;
}


/* footer */

#footer {
background:url(http://data5.blog.de/media/199/2581199_345975635e_o.png) 0 0 repeat-x;
}

#footer p {display:none;}

#footer ul {
padding-top:47px;
text-align:center;
}

#footer li {
display:inline;
margin-left:10px;
padding-left:11px;
background:url(http://data5.blog.de/media/124/2581124_9255209515_o.png) 0 50% no-repeat;
}

#footer li.first {
margin-left:0;
padding-left:0;
background:none;
}




/* font */

#content, .post-title, .widget-title, .post-content, .readMore {font-family:Georgia, "Times New Roman", Times, serif;}
body.blog #content, .widget-content, ul.dataList {font-family:Arial, Helvetica, sans-serif;}


.post-title, .mainTitle {
font-size:24px;
font-weight:normal;
line-height:1.25em;
}

body.blog .mainTitle {font-size:20px;}

#main .teaserBoxNextTitle {
font-size:18px;
font-weight:normal;
}

#main .teaserBox {font-size:15px;}

#main .vcard {font-size:14px;}

#content, .post-content {font-size:13px;}

body.blog #content, .widget-content {font-size:12px;}

#content {line-height:1.5em;}

body.blog #content {line-height:normal;}

/* colors */

body {background-color:#326699;}
#content {background-color:#fff;}


body.blog #main a:link, body.blog #main a:visited {color:#e95d0f;}

a img {border-color:#999;}
a:hover img {border-color:#666;}

#main {color:#505050}

form label abbr, .warning {color:red;}

#main .teaserBox a {color:#e95d0f;}

#main .teaserBoxNextTitle {background-color:#e6edf4; color:#676767;}

.userContent blockquote, .commentList .comment {border-color:#e0e0e0;}

.postList li.friends .visibility, .smallPostList li.friends .visibility {color:#f90;}
.postList li.private .visibility, .smallPostList li.private .visibility {color:#f00;}
.postList li.protected .visibility, .smallPostList li.protected .visibility {color:#93f;}

.postList li.friends, .smallPostList li.friends {border-color:#fa6;}
.postList li.private, .smallPostList li.private {border-color:#f00;}
.postList li.protected, .smallPostList li.protected {border-color:#93f;}

body.blog #main .post-title a:link, body.blog #main .post-title a:visited, .mainTitle, #main p.bMore a, a:link, a:visited {color:#316598}

#IE6_7 #blog, #IE6_7 .widget-inner, #IE6_7 #contactForm li, #IE6_7 .dataList, #IE6_7 form.standard li {zoom:1;}