/* screen css all */

/************************ 0: undoHTML ************************/
/* no list-markers by default, since lists are used more often for semantics */
ul {list-style-type:none;}
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, iframe, p, blockquote, table, thead, tbody, tfoot, caption, th, tr, td, a, fieldset { margin:0; padding:0; border-collapse:collapse; border:0}
input, textarea, select, option { margin:0; padding:0; border-collapse:collapse }
/* whoever thought blue linked was a good idea? */
a img { border:none }
a, a:link, a:visited { text-decoration:none; color:#000000; outline:none; }
img { border:0; }

/************************ 1: nice way to clear divs in gecko browsers without superflous markup ************************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* here we go... */
/************************ 2: BODY / HTML ************************/
/* BODY */
/* Hides from IE-mac \*/
html {
margin:0;
padding:0;
}
/* End hide from IE-mac */
body {
/*style*/
background-color:#e5e5e5;
margin:0;
padding:0;
text-align:center;
/*default*/
font-family:Verdana, sans-serif;
font-size:12px;
}

/************************ 3: STRUKTUR MAIN DIVS ************************/
#box {
/*debug ie7 for full height*/
top:0;
bottom:0;
/*debug*/
border:solid 1px #e5e5e5;
position:relative;
display:block;
width:982px;
height:auto;
/*height:730px;*/
margin:0 auto !important;
padding:85px 0 0 0;
/**/
text-align:left;
}

/*** navigation -> 3.1 ***/
#navi {
position:absolute;
top:17px;
left:16px;
width:940px;
height:30px;
/**/
text-align:center;
margin:0 !important;
padding:0 !important;
/**/
}

/*** header + meta-navi + search -> 3.3 ***/
#header {
position:absolute;
z-index:888;
width:982px;
height:93px;
top:1px;
left:0;
/**/
overflow:hidden;
}

/*** footer -> 3.7 ***/
#footer {
position:absolute;
z-index:777;
width:982px;
height:100px;
/*top:590px;*/
bottom:-40px;
left:0;
/**/
margin:0;
padding:0;
}
/*** content center -> 4 ***/
#content {
/*position:absolute;*/
position:relative;
width:974px;
min-height:550px;
margin:0 0 39px 0;
padding:0;
/**/
border:solid 4px #000;
background-color:#fff;
}
/*ie*/
*html #content {
height:598px;
}

/* text field */
#innercontent {
position:relative;
padding:60px 0 0 17px !important; /*52*/
margin:0;
height:auto;
min-height:auto;
}

/* text field title area */
#innercontent_titel {
position:absolute;
z-index:4;
top:66px; /*66*/
left:20px;
width:940px;
height:28px;
background-color:#FFF;
overflow:hidden;
/**/
padding-top:8px;
/*background-image:url(http://www.kobikoeter.ch/wp-content/themes/kobikoeter/i/linien_navi.gif);*/
}

#innercontent_titel h1 {
line-height:25px !important;
color:#000000 !important;
margin:0 !important;
}

#innercontent_bild, .innercontent_bild_relativ {
position:relative;
width:940px;
min-height:360px;
padding:0;
margin:0;
}
*html #innercontent_bild, *html .innercontent_bild_relativ {
height:373px;
}
.innercontent_bild_relativ {
padding-top:46px !important;
margin-bottom:15px !important;
}
/*listen...*/
.innercontent_bild_liste {
margin-bottom:0 !important;
min-height:326px !important;
}
.innercontent_bild_titel {
position:absolute;
z-index:4;
top:31px;
left:0;
width:719px;
height:37px;
background-color:#FFF;
overflow:hidden;
}
/* same as #innercontent_titel h1 */
.innercontent_bild_titel h2, .innercontent_bild_titel h1 {
line-height:25px !important;
color:#000000 !important;
margin:0 !important;
}

/*bookmarks*/
.innercontent_bild_bookmark {
position:absolute;
z-index:55;
top:0;
right:0;
width:221px;
height:67px;
padding:0;
margin:0;
background-color:#fff;
}
.innercontent_bild_liste .innercontent_bild_bookmark {
}
.innercontent_bild_bookmark a {
float:left;
margin-left:4px;
color:#FFF !important;
}
.innercontent_bild_bookmark a:hover {
cursor:pointer;
}

/*date*/
.innercontent_bild_date {
position:absolute;
z-index:2;
top:0;
left:1px;
width:200px;
height:20px;
overflow:hidden;
}

#innercontent_text, .innercontent_text {
position:relative;
width:940px;
height:auto;
padding:23px 0 0 0;
margin:0;
}

/*subnavi*/
#innercontent_navi {
position:relative;
width:938px;
height:50px;
overflow:hidden;
/**/
font-size:12px !important;
font-weight:bold;
/**/
padding:0;
margin:0;
}
.innercontent_navi_rel {
position:relative;
width:938px;
height:30px;
margin-bottom:10px;
}
/*no risk link styling*/
.backlink1 {
position:absolute;
top:8px;
left:0;
}
.backlink2 {
position:absolute;
top:32px;
left:0;
}
.forwardlink1 {
position:absolute;
top:8px;
right:0;
}
.forwardlink2 {
position:absolute;
top:32px;
right:0;
}

/*tag*/
.tagcloud {
text-align:center;
}
.tagcloud a {
padding:0 7px;
line-height:23px;
}

/************************ 3.1: NAVIGATION ************************/
/* stufe 1 */
#navi ul {
width:930px; /*max 940px*/
height:37px;
/**/
margin:0 auto !important;
padding:0 !important;
text-align:center;
/**/
overflow:hidden;
}
#navi ul li {
display:inline-block !important;
padding:7px !important;
}
#navi ul li a, #navi ul li a:active, #navi ul li a:visited {
display:block;
width:160px !important;
height:30px;
/**/
text-align:center;
text-decoration:none;
outline:none !important;
/**/
color:#eee;
font-size:13px;
}
#navi ul li a.klein {
width:90px !important;
}
#navi ul li a.gross {
width:200px !important;
}
#navi ul li a.last {
border-right:0 important;
}
#navi ul li a:hover, #navi ul li a.current {
color:#fff !important;
}

/************************ 3.3: HEADER + LOGO ************************/
#header img.bg {
margin:0 !important;
}
#header #logo {
position:absolute;
z-index:3;
top:0;
left:0;
}
#header #info {
position:absolute;
z-index:2;
top:57px;
right:161px;
/**/
text-alight:right;
font-size:14px;
line-height:14px;
/*font-weight:bold;*/
}
#header #ad_1 {
position:absolute;
z-index:1;
top:125px;
left:210px;
}
#header #ad_1 iframe {
margin:0 !important;
}
/*multilang*/
#altlang1 {
position:absolute;
z-index:2;
top:5px;
right:200px;/*DE:*/
}
#altlang2 {
position:absolute;
z-index:1;
top:5px;
right:1px;/*DE:*/
}
.multilang {
width:180px !important; /*EN:180*/
}
.multilang a {
color:#AA0000;
font-size:13px;
}
.multilang a:hover {
color:000000;
}
.multilang object, .multilang embed {
margin:0 !important;
padding:0 !important;
}
/*social*/
#social {
position:absolute;
right:1px;
top:53px;
}
#social a, #social span {
float:right;
margin-left:5px;
width:26px;
height:26px;
}
#social a:hover img {
visibility:hidden;
}
#social span {
line-height:32px;
color:#cfcfcf;
font-weight:bold
}

/************************ 3.7: FOOTER ************************/
#footer img.bg {
margin:0 !important;
}
#footer #copyright {
margin-left:4px;
font-size:11px !important;
}
#footer #copyright a {
font-size:11px !important;
}

/************************ 3.8: ADS ************************/
#adspace_1, .adspace_1 {
position:relative;
width:940px;
height:60px;
margin:0 0 15px 0;
background-color:#fff;
}
#adspace_1 iframe, .adspace_1 iframe {
}
#adspace_1 .left, .adspace_1 .left {
position:absolute;
top:0;
left:0;
}
#adspace_1 .right, .adspace_1 .right {
position:absolute;
top:0;
left:472px;
}

#adspace_3c, .adspace_3c {
position:relative;
width:940px;
height:60px;
margin:0 0 15px 0;
background-color:#fff;
}
#adspace_3c iframe {
}
#adspace_3c .left, .adspace_3c .left {
position:absolute;
top:0;
left:0;
}
#adspace_3c .center, .adspace_3c .center {
position:absolute;
top:0;
left:236px;
}
#adspace_3c .right, .adspace_3c .right {
position:absolute;
top:0;
left:472px;
}

#adspace_3 {
width:940px;
height:15px;
text-align:center;
}
#adspace_3 iframe {
margin:0 auto;
}

/************************ 3.9.1: FEATURE ************************/
.feature {
clear:both;
position:relative;
width:940px;
height:68px;
margin:0 0 15px 0;
}

/************************ 3.9.2: FEATURE ARCHIVE ************************/
#feature_archive {
width:940px;
margin:0 0 15px 0;
padding:0 !important;
}
#feature_archive h2 {
float:left;
width:940px;
text-align:center;
}
#feature_archive .themen {
float:left;
width:940px;
margin:0 0 15px 0;
}
#feature_archive .themen td {
padding:auto !important;
}
#feature_archive .random {
float:left;
width:703px;
margin:3px 0 0 0 !important;
}
#feature_archive .shop {
float:right;
margin:3px 0 0 0 !important;
}

/************************ 3.9.3: FEATURE FREUNDE ************************/
#feature_freunde {
width:940px;
height:298px;
margin:3px 0 15px 0;
}
#feature_freunde .left {
border:solid 4px #000;
float:left;
width:300px;
margin-top:30px;
padding:0;
}
#feature_freunde .right {
float:right;
width:624px;
height:298px;
}

/************************ 3.9.3: FEATURE FREUNDE ************************/
#feature_fotoalbum .innercontent_bild_relativ {
padding-top:34px !important;
}

/************************ 4: GENERAL CONTENT ************************/
/* 4 size-setters in this doc, h2+h3 for IE */
/* replace line-height + padding-bottom + margin-bottom */
/* no IE support for inherit - so watch out... */


/************ TITELS ************/
#innercontent h1 {
/* set size 2 */
font-size:20px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color:#000000;
font-weight:bold;
/* border setting */
margin:0;
padding:0 0 16px 1px;
}
#innercontent h2 {
/* set size 3 */
font-size:19px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color:#000000;
font-weight:bold;
/* border setting */
margin:0;
padding:0;
padding-bottom:8px;
}
#innercontent h3, #innercontent h4, #innercontent h5, #innercontent h6 {
/* set size 4 */
font-size:12px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color: #000000;
font-weight:bold;
/* border setting */
margin:0;
padding:0;
}

/************ TEXT ************/
#innercontent p {
font-size:12px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color:#000000;
font-weight:normal;
/* border setting */
margin:0;
padding:0;
}

/************ LINKS ************/
#innercontent a  {
color:#AA0000;
text-decoration:none;
}
#innercontent a:hover {
color:#000000 !important;
text-decoration:none;
}
#innercontent a:visited {
color:#AA0000;
text-decoration:none;
}

/************ TABLES ************/
#innercontent table {
width:100%;
height:auto;
/* border setting */
margin:0;
padding:0;
border:0;
border-spacing:0;
border-collapse:collapse;
}
#innercontent td {
width:auto;
/**/
background-color:#fff;
text-align:left;
vertical-align:middle;
/* border setting */
margin:0;
padding:0;
}

/************ LISTS ************/
/*** NUMBERED LISTS ***/
#innercontent ol {
color: #000000;
/* border setting */
margin:0;
padding-left:18px;
padding-bottom:16px;
}
/* nur IE */
* html #innercontent ol {
/**/
padding-left:0px;
margin-left:22px;
}
#innercontent ol li {
font-size:12px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color:#000000;
font-weight:normal;
/* border setting */
margin-bottom:8px;
}

/*** UNNUMBERED LISTS ***/
#innercontent ul {
list-style-type:none;
/* border setting */
margin:0;
padding:0;
padding-bottom:16px;
}
#innercontent ul li {
font-size:12px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color:#000000;
font-weight:normal;
/**/
display:block;
/*
background-image:url('../i/bullet_list.gif');
background-repeat:no-repeat;
background-position:0px 0px;
*/
/* border setting */
padding-left:10px;
}

/************ IMAGES ************/
#innercontent img {
/* border setting */
margin:0;
padding:0;
border:0;
}

/************ FORMULAR ************/
#innercontent form {
font-size:12px;
line-height:16px;
/**/
font-family:verdana, sans-serif;
color:#000;
font-weight:normal;
/* border setting */
margin:0;
padding:0;
border:0;
}
#innercontent label {
font-size:12px;
line-height:21px;
display:block;
width:130px;
float:left;
clear:both;
}

/*** FORMULAR TABLE ***/
#innercontent form table {
width:auto;
height:auto;
/* border setting */
margin:0;
padding:0;
border:0;
}
#innercontent form td {
width:auto;
/**/
background-color:#FFFFFF;
text-align:left;
vertical-align:middle;
/* border setting */
margin:0;
padding:5px;
padding-top:0;
border:0;
}

/*** FIELDS ALL - INCL IE OHNE ZUSAETZL. CLASS DEF. ***/
#innercontent input {
font-size:12px;
line-height:16px;
/**/
width:200px;
/**/
font-family:verdana, sans-serif;
color:#000000;
background-color:#fff;
/* border setting */
border:2px solid #000000;
margin:0;
margin-bottom:2px;
padding:2px;
float:left;
}
/**/
#innercontent input.scripter {
font-size:12px;
/**/
width:916px !important;
height:16px;
/**/
font-family:verdana, sans-serif;
font-weight:bold;
color:#AA0000 !important;
background-color:#ddd;
/* border setting */
border:2px solid #000000;
margin:0;
margin-bottom:16px;
padding:10px;
}
#innercontent textarea {
font-size:12px;
line-height:16px;
/**/
width:200px;
height:70px;
/**/
font-family:verdana, sans-serif;
color:#000000;
background-color:#FFF;
/* border setting */
border:2px solid #000;
margin:0;
padding:0;
padding-left:2px;
padding-top:2px;
margin-bottom:2px;
float:left;
}
#innercontent select {
font-size:12px;
line-height:16px;
/**/
width:208px;
/**/
font-family:verdana, sans-serif;
color:#000000;
background-color:#FFF;
/* border setting */
border:#000 2px solid;
padding:2px;
margin-bottom:2px;
float:left;
}

/*** RADIO ***/
/*** RADIO OHNE IE ***/
#innercontent input[type=radio] {
width:auto;
height:auto;
/**/
vertical-align:bottom;
/* border setting */
margin:0;
padding:0;
margin-right:3px;
margin-bottom:4px;
}
/*** RADIO IE MIT CLASS DEF. ***/
* html #innercontent input.radio {
width:auto;
height:auto;
/* border setting */
margin:0;
margin-left:-4px;
vertical-align:middle;
}

/*** CHECKBOX ***/
/*** CHECKBOX OHNE IE ***/
#innercontent input[type=checkbox] {
width:auto;
height:auto;
/* border setting */
margin:0;
padding:0;
margin-left:-2px;
margin-right:3px;
margin-bottom:3px;
}
/*** CHECKBOX IE MIT CLASS DEF. ***/
* html #innercontent input.checkbox {
width:auto;
height:auto;
margin:0;
margin-left:-4px;
}

/*** SUBMIT ***/
/*** SUBMIT + BUTTON OHNE IE ***/
#innercontent input[type=submit], #innercontent input[type=button] {
font-size:12px;
line-height:16px;
/**/
width:204px;
/**/
color:#000000;
background-color:#FFF;
font-family:verdana, sans-serif;
font-weight:normal;
text-decoration:none;
cursor:pointer;
/* border setting */
border:2px solid #000;
margin:0;
padding:0;
}
/**/
#innercontent input[type=submit] a {
text-decoration:none;
}
/*** SUBMIT + BUTTON IE MIT CLASS DEF. ***/
* html #innercontent input.senden, * html #innercontent input.button {
font-size:12px;
line-height:16px;
/**/
width:204px;
/**/
color:#000;
background-color:#FFF;
font-family:verdana, sans-serif;
text-decoration:none;
cursor:hand;
/* border setting */
border:2px solid #000;
margin:0;
padding:0;
}

/* 5: SPECIAL CONTENT */

#error {
color:#AA0000 !important;
}

/* comic strips quick flip */
#cs_flip, #cs_flip option {
color:#AA0000 !important;
font-weight:bold;
height:auto !important;
}
#cs_flip option {
padding:0 6px !important;
line-height:22px !important;
}

/* 6: SPECIAL CONTENT: WORDPRESS */