/*
Theme Name: ILMForum
Theme URI: http://www.conject.com
Description: Powered by conject.com / Design powered by Eric Sturm
Author: Alex Kellner
Author URI: http://www.conject.com
*/


/* Farben

türkis allgmein RGB 0,155,207
Mittelgrau Textfarbe Autorennamen etc. RGB 96,96,96
Hellgrau 1 Textfarbe Zwischenüberschriften, Rahmen Formularfelder, Textfarbe Meta etc. RGB 142,142,142
Hellgrau 2 Trennlinien RGB 209,209,209
Hellgrau 3 Hintergrund Carousel, Kommentare, Footer, Kasten rechte Spalte etc. RGB 236,236,236

*/


/* Layout */

* { padding: 0; margin: 0; }
body {padding: 0px;margin: 0px;background-color:RGB(0,155,207);background-image:url(/wp-content/themes/ilmforum/img/hg-ilm-blog.jpg);background-repeat:repeat-x}
#wrapper {background-color:#fff;margin: 0 auto;width: 960px;border-bottom:10px solid #fff;border-left:10px solid #fff;border-right:10px solid #fff;}
#left {float: left;width: 620px;display: inline;padding:20px 30px 40px 0;background-color:#fff;}
#header {color: #333;width: 960px;float: left;background-color:RGB(0,155,207);}
#content {width: 960px;float:left;margin:30px 0 20px 0;}
#footer {width: 960px;clear: both;min-height:400px;color: RGB(96,96,96);background-color:RGB(236,236,236);border-top:5px solid RGB(209,209,209);}


#right {padding-top:20px;background-color:#fff;color: RGB(96,96,96);width: 310px;float: left;}

.meta{padding:5px 0;background-color:#fff;}
#nav{border-top:5px solid #fff;height:40px;background-image:url(/wp-content/themes/ilmforum/img/hg-nav.jpg);background-repeat:repeat-x;}
.rss{float:right;margin:-31px 10px 0 0;}

.kasten /* grauer Kasten Margnialspalte */ {background-color:RGB(236,236,236);padding:8px 15px;}
.about /* türkisfarbener Kasten Footer */ {color:#fff;background-color:RGB(0,155,207);padding:8px 8px;}

.teaserhead {height:25px;border-bottom:5px solid RGB(209,209,209);margin-bottom:10px;}
.teaser {width:460px;margin-bottom:20px;float:left;}


.listen-teaser {clear:left;width:620px;margin:20px 0;}
.blaettern {clear:left;width:620px;padding:0px 0 60px 0;}
.blaettern-rechts {float:right;margin-top:-20px;}
.blaettern-links {float:left;}

.abstand20 {margin:0 20px 0 -3px;}
.abstand40 {margin-right:40px;} 

   * html .jcarousel-skin-ilmforum {display:none;}



/* Navigation */

#nav ul {margin:0 0 0 30px;color:#fff;font-size:18px;}
#nav li{margin:0px;padding:9px 0px 9px 1px;float: left;list-style:none;background-image:url(/wp-content/themes/ilmforum/img/trennstrich-nav.jpg);background-repeat:no-repeat;}
#nav li a{padding:9px 10px 10px 10px;color:#fff;text-decoration:none;text-align:center;white-space:nowrap;}
li .aktiv {padding:9px 10px 8px 10px;background-image:url(/wp-content/themes/ilmforum/img/hg-nav-aktiv.jpg);}
#nav a:hover{padding:9px 10px 9px 10px;background-image:url(/wp-content/themes/ilmforum/img/hg-nav-aktiv.jpg);}

hr {
	border: none 0;
	border-bottom: 5px solid RGB(209,209,209);
	height: 1px;
	margin: 30px 0 20px 0;
}

.kasten li {list-style:none;border-top:5px solid RGB(209,209,209);font-weight:bold;padding:9px 0;}

#footerkaesten {height:1%;overflow: hidden;}
ul#footerkaesten {margin-top:30px;padding-bottom:30px;}
ul#footerkaesten li {margin-left:30px;width:280px;float:left;list-style:none;}
   * html #footerkaesten li {margin-left:20px;}

ul#footerkaesten li ul li {margin-left:0;border-top:5px solid RGB(209,209,209);font-weight:bold;padding:9px 0;}



/* Typo */

div.bu-carousel p,
p {
	margin: 10px 0;
}
li p {
	margin: 0;
}

body {font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;font-size:16px;}

.meta{font-size:12px;color:RGB(142,142,142);}
.meta a:link, .meta a:visited {color:RGB(142,142,142);text-decoration:none;}
.meta a:hover, .meta a:active {color:RGB(142,142,142);text-decoration:underline;}

.rechts {text-align:right;}
.links {text-align:left;}

.rss a:link, .rss a:visited{color:#fff;font-size:18px;text-decoration:none;}
.rss a:hover, .rss a:active{color:#F26C0F;font-size:18px;text-decoration:none;}

#left h1 {font-size:20px;}
#left h2 {font-size:16px;margin:25px 0 10px 0;}
#left h3 /* Das ist die Dachzeile */ {font-weight:normal;font-size:18px;font-style:italic;}
#left h4 /* Unterhalb der grauen Trennlinie, z. B. bei Kommentaren */ {font-size:16px;margin:5px 0 10px 0;}
#left p {margin:18px 0 0 0;}

#left ul,
#content ul {
	margin: 0px 0 0 15px;
	list-style-type:square;
}
#left ol,
#content ol {
	margin: 0px 0 0 22px;
}

#left ul {margin-top: 10px}

#left p a:link, #left p a:visited, #left ul a:link, #left ul a:visited, #content ul a:link, #content ul a:visited, #left ol a:link, #left ol a:visited, #content ol a:link, #content ol a:visited , #content p a:link, #content p a:visited  {color:#000;}
#left p a:hover, #left p a:active, #left ul a:hover, #left ul a:active, #content ul a:hover, #content ul a:active, #left ol a:hover, #left ol a:active, #content ol a:hover, #content ol a:active, #content p a:hover, #content p a:active {color:RGB(0,155,207);}

.autor {font-size:14px;color:RGB(96,96,96);margin-top:0 !important;}
.autor a:link, .autor a:visited {font-size:14px;color:RGB(96,96,96) !important;}
.autor a:hover, .autor a:active {font-size:14px;color:RGB(0,155,207) !important;}

#left .kommentar {background-color:RGB(236,236,236);padding:10px;margin-bottom:15px;}
#left .kommentar h1 {font-size:16px;margin:0px 0 0px 0;}
#left .kommentar h1 a:link, #left .kommentar h1 a:visited {text-decoration:none;color:RGB(0,155,207);}
#left .kommentar h1 a:hover, #left .kommentar h1 a:active {text-decoration:underline;color:RGB(0,155,207);}

.socialbookmarks a {text-decoration:none;}


ul#footerkaesten h1, 
.kasten h1 {
	font-size: 18px;
	font-style: italic;
	color: RGB(142,142,142);
	margin-bottom:15px;
}
ul#footerkaesten li ul li a:link, 
ul#footerkaesten li ul li a:visited, 
.kasten a:link, 
.kasten a:visited {
	font-size: 16px;
	text-decoration: none;
	color:RGB(96,96,96); 
	line-height:1.2em;
}
ul#footerkaesten li ul li p.autor a {
	font-size: 14px;
	text-decoration: underline;
}
ul#footerkaesten li ul li a:hover, ul#footerkaesten li ul li a:active, .kasten a:hover, .kasten a:active {color:#000;}

.kategorie-button {margin:10px 0 5px 58px;color:#fff;background-image:url(/wp-content/themes/ilmforum/img/kategorie-button.jpg);background-repeat:no-repeat; text-align:center;width:222px;height:26px;padding-top:4px;}
.weiterlesen-button {margin:10px 0 5px 330px;color:#fff;background-image:url(/wp-content/themes/ilmforum/img/weiterlesen-button.jpg);background-repeat:no-repeat; text-align:center;width:130px;height:26px;padding-top:4px;}


.blaettern-button {font-size:14px;color:#fff;background-repeat:no-repeat; text-align:center;width:160px;height:26px;padding-top:4px;}
.aktiv {background-image:url(/wp-content/themes/ilmforum/img/blaettern-button-aktiv.jpg);}
.inaktiv {background-image:url(/wp-content/themes/ilmforum/img/blaettern-button-inaktiv.jpg);}

.weiterlesen-button a, .kategorie-button a, .blaettern-button a{font-size:14px !important;}
.weiterlesen-button a:link,.weiterlesen-button a:visited, .kategorie-button a:link,.kategorie-button a:visited, .blaettern-button a:link,.blaettern-button a:visited  {color:#fff !important; text-decoration:none !important;}
.weiterlesen-button a:hover,.weiterlesen-button a:active, .kategorie-button a:hover,.kategorie-button a:active, .blaettern-button a:hover,.blaettern-button a:active  {color:RGB(236,236,236) !important;}

ul#footerkaesten .about h1 {font-size:18px;color:#fff;font-style:italic;}
ul#footerkaesten .about p {font-size:15px;margin-bottom:15px;}
ul#footerkaesten .about img {vertical-align:middle;}

ul#footerkaesten .about a:link, ul#footerkaesten .about a:visited  {color:#fff;}
ul#footerkaesten .about a:hover, ul#footerkaesten .about a:active  {color:RGB(236,236,236);}

.teaserhead h2 {font-size:18px;color:RGB(142,142,142) !important;width:300px;float:left;}
.teaserhead a {font-size:12px;width:140px;display:block;float:right;text-align:right;padding-top:5px;}
.teaserhead a:link, .teaserhead a:visited {text-decoration:none;color:#000;}
.teaserhead a:hover, .teaserhead a:active {text-decoration:none;color:RGB(96,96,96);}

.listen-teaser h1, .teaser h1 {font-size:16px !important;}
.listen-teaser h3, .teaser h3 {font-size:16px !important;font-style:italic;font-weight:normal;}

.listen-teaser h1 a:link, .listen-teaser h1 a:visited, .listen-teaser h3 a:link, .listen-teaser h3 a:visited,
.teaser h1 a:link, .teaser h1 a:visited, .teaser h3 a:link, .teaser h3 a:visited {color:#000;text-decoration:none;}

.listen-teaser h1 a:hover, .listen-teaser h1 a:active, .listen-teaser h3 a:hover, .listen-teaser h3 a:active,
.teaser h1 a:hover, .teaser h1 a:active, .teaser h3 a:hover, .teaser h3 a:active {color:RGB(0,155,207);}

.klein {font-size:12px;}
.teasertext {clear:left;font-size:14px;margin:0px 0 0 0;}

.thickbox:link {text-decoration:none;}
.bu-carousel a:link, .bu-carousel a:visited, .bildunterschrift a:link, .bildunterschrift a:visited  {color:#fff !important; text-decoration:none;}
.bu-carousel a:hover, .bu-carousel a:active, .bildunterschrift a:hover, .bildunterschrift a:active {text-decoration:underline;}


/* Bilder */

img {border:0;}
.rss img {vertical-align:bottom;margin-bottom:2px;}

.bilderrahmen {float:left;margin:20px 20px 25px 0}
.credits {clear:left;margin-top:-3px;}
.artikelbild {position:relative;}
.artikelbild img, .teaser img, .listen-teaser img {border:1px solid RGB(209,209,209);}

.bildunterschrift, .bu-carousel {position:absolute;background-image:url('/wp-content/themes/ilmforum/img/hg-trans70.png');width:100%;bottom:0px;z-index:3;}
   * html .bildunterschrift {width:301px}

.bu-carousel {left:1px;}

.bildunterschrift p {font-size:16px;line-height:1.2em;color:#fff;font-style:italic;margin-top:0 !important;padding:6px 30px 6px 6px;background-image:url(/wp-content/themes/ilmforum/img/lupe-tuerkis.gif);background-repeat:no-repeat;background-position:right bottom;}

.bu-carousel p {font-size:16px;line-height:1.2em;color:#fff;margin-top:0 !important;padding:6px;}

#left p.socialbookmarks {margin:-5px 0 15px 0;}
.socialbookmarks img {margin-right:5px;}

.listen-teaser img, .teaser img {float:left;margin:0 10px 20px 0;}

/* .... Formulare ... */

#searchform {margin-top:-3px;}
#s {color:RGB(96,96,96);border:2px solid RGB(209,209,209);padding:2px; font-family:"trebuchet ms", arial, "sans serif";font-size:13px;}

#formular {margin-bottom:80px}
.formular_data{margin:8px 0 8px 0;}
.formular_data label{float:left;width:210px;padding-top:5px;}

.formular_data input[type="text"], textarea{color:RGB(96,96,96);border:2px solid RGB(209,209,209);padding:2px; font-family:"trebuchet ms", arial, "sans serif";font-size:15px;}
.formular_data input{height:18px;}
#name,#email,#website, textarea, #author, #url{width:400px;}
.formular_button{float:right;}

.formular_button input{border:0;height:26px;width:101px;text-align:center;padding:2px 6px 7px 6px;background-image:url(/wp-content/themes/ilmforum/img/button-absenden.jpg);color:#fff;font-family:"trebuchet ms", arial, "sans serif";font-size:15px;}

/* own */
table tr td {
	vertical-align: top;
	padding: 5px;
}
img.followus {
	position: absolute;
	margin-top: 113px;
	margin-left: 794px;
}
* html img.followus {display:none}
#ad {
	position: absolute;
	top: 29px;
	margin-left: 980px;
}