/*
Theme Name: Landesverband Jugend und Film Schleswig-Holstein (based on Andreas 08 3 columns)
Theme URI: http://torstenlandsiedel.de/
Description: Modifiziert von Torsten Landsiedel
Version: 1.0
Author: Torsten Landsiedel, Matteo Turchetto
Author URI: http://torstenlandsiedel.de/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

	Andreas 08 3 columns ver 0.5
	http://www.italiasw.com/

	This theme was built by Matteo Turchetto,
	whose blog you will find at http://www.italiasw.com/
	and designed by Andreas Viklund at www.andreasviklund.com

	Please, leave credits untouched.

	Have fun, !

Additions from Torsten Landsiedel, 4.5.2006
http://blog.torstenlandsiedel.de

*/


/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

a:hover, a:active { outline: none; } /* Rahmen für Mausklicks entfernen */

html {overflow-y: scroll;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
background-color: #666666;
background-image: url(images/body-verlauf.png);
background-repeat: repeat-x;
background-attachment: fixed;
}


#content a, #sidebar a, #sidebar2 a {
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

#content a:hover, #sidebar a:hover, #sidebar2 a:hover {
	color:#2a5a8a; text-decoration:none; background-color:inherit;
}

a img{border:none;}

p{padding:0 0 1em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px;} /* border:1px solid #a0a0a0; */
img.left{float:left; display:inline; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; display:inline; margin:0 0 5px 12px;}

/**************** Header and navigation styles ****************/

#container{
width:1000px;
margin: 10px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
height:100px;  /* 110px; */
width:998px;
margin:0 1px 1px 1px;
background:#467aa7;
color:#ffffff;
}

#header img{  /* neu für LAG-Logo im Header */
margin:10px 20px 0px 10px;
float:left;display:inline;
}

#header h1 {
padding:30px 0 0 20px; /* erster Wert 35px */
font-size:2.4em !important;
background-color:inherit;
letter-spacing:-1px;
font-weight:normal;
}

#header h1 a { color:#ffffff; text-decoration: none;}

#header h2 {
margin:10px 0 0 40px;
font-size:1.4em;
background-color:inherit;
letter-spacing:-1px;
font-weight:normal;
}

#header h2 a { color:#f0f2f4; text-decoration: none;}

#navigation{
height:2.2em;
line-height:2.2em;
width:998px;
margin:0 1px;
background:#578bb8;
background-image: url(http://www.jugendundfilm.de/cms/wp-content/themes/LAG-Film/images/verlauf-inv.jpg);
background-position:top;
background-repeat: repeat-x;
color:#ffffff;
}

#navigation .right{  /* neu für Suche im Header */
float:right;
display:inline;
border-right:0px;
margin:0px 10px 0px 0px;
}

#navigation li{
float:left;
display:inline;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .current_page_item a, #navigation .current_page_parent a, #navigation .selected {
background:#fff !important;
color:#222 !important;
font-weight:bold;
/* background:#80b0da;
color:#ffffff; */
text-decoration:none;
}

#navigation .page_item a:hover {
background:#888;
color: #fff;
background-image: url(http://www.jugendundfilm.de/cms/wp-content/themes/LAG-Film/images/verlauf-sw.jpg);
background-position:top;
/* background:#578bb8;
background-image: url(http://www.jugendundfilm.de/cms/wp-content/themes/LAG-Film/images/verlauf.jpg); 
background-position:bottom; */
background-repeat: repeat-x;
}

/**************** Content styles ****************/

#content{
float:left;
display:inline;
width:550px;
font-size:0.9em;
padding:20px 0 0 20px;
margin:10px 10px 0px 0px;
text-align:left;
}

#content li img { margin-right: 5px; }

#content h2{
display:block;
margin:0 0 12px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
border-bottom: 1px solid #505050; /* neu, Permalink raus */
padding: 0px 0 2px 0;
}
#content h2 a { font-weight:normal; }

#content h3{
margin:0 0 5px 0;
font-size:1.4em;
letter-spacing:-1px;
color:#505050;
font-weight:normal;
border-bottom: 1px solid #505050; /* neu, h3 auch unterstrichen */}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

#content blockquote {
font-style: italic;
padding-left: 30px;	
}

/* Sidebar  1*/

#sidebar
{
	padding: 20px 0 10px 0;
	margin-right: 18px;
	float: right;
        display:inline;
	width: 205px;
}

#sidebar li img { margin-right: 5px; }

#sidebar form {
	margin: 0;
	}


#sidebar h2 {
	color: #505050; /* neu, auch grau statt schwarz */
	font-size: 1.2em;
	margin: 0 0 12px 0;
	padding: 10px 0 2px 0;
	width: 98%;
	border-bottom: 1px solid #000;
}

#sidebar p {
	margin: 5px 0 5px 0;
	padding: 0px;
}

#sidebar ul {
	margin: 0px;
	padding: 0px;
}

#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0 5px 0px 5px;
}

#sidebar li a, #sidebartop a {
	font-size: 0.8em; /* 1.1em */
	font-weight: bold;
	text-decoration: none;
}

#right ul.right-links li {
	padding: 0 5px 8px 10px;
}

#sidebar li a:hover {
	text-decoration: underline;
}
#sidebartop a:hover {
	text-decoration: underline;

}

#sidebar a img {
	border: 0px;
	text-decoration: none;
}

#sidebar a:hover img {
	text-decoration: none;
	border: 0px;
}

#sidebar a:hover  {
	text-decoration: underline;
	border: 0px;
}

/* End Sidebar  */

/* Begin Sidebar2 */

#sidebar2
{
	padding: 20px 0 10px 0;
	margin-left: 18px;
	width: 160px;
        float: left;
        display:inline;
	}

#sidebar2 form {
	margin: 0;
	}

#sidebar2 h2 {
	color: #505050; /* neu, auch grau statt schwarz */
	font-size: 1.2em;
	margin: 0 0 12px 0;
	padding: 10px 0 2px 0;
	width: 98%;
	border-bottom: 1px solid #000;
}

#sidebar2 p {
	margin: 5px 0 5px 0;
	padding: 0px;
}

#sidebar2 ul {
	margin: 0px;
	padding: 0px;
}

#sidebar2 li {
	list-style: none;
	margin: 0px;
	padding: 0 5px 3px 5px;
}

#sidebar2 li a, #sidebartop a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

#sidebar2 ul.right-links li {
	padding: 0 5px 8px 10px;
}

#sidebar2 li a:hover {
	text-decoration: underline;
}

#sidebar2 a img {
	border: 0px;
	text-decoration: none;
}

#sidebar2 a:hover img {
	text-decoration: none;
	border: 0px;
}

#sidebar2 a:hover  {
	text-decoration: underline;
	border: 0px;
}
/* End Sidebar2 */



/**************** Menublock styles ****************/

.menublock{margin:0 0 5px 8px; font-size:0.9em;}
.menublock, .tile ul{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Footer styles ****************/

#footer{
clear:both;
width:998px;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
}

#footer p{padding:0; margin:0; font-size: 1em; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;text-decoration: none;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; display:inline; width:48%;}
.splitcontentright{float:right; display:inline; width:48%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.alignleft{float:left;text-align:left;}
.alignright{float:right;text-align:right;}
img.centered, img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:5px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:5px;margin:0 7px 2px 0;display:inline;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
text-align: right;
}

/**************** Related Posts ****************/

	.related_posts {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;
		margin: 0 0 3px 0;
	}


/* --------------------------------------------------
Comments
-------------------------------------------------- */

#respond, #comments {
font-size: 12px;
color: #777;
font-weight: bold;
margin: 1.25em 0;
}

.comments_link img{border:0;}

.commentsblock { padding-left: 10px; }

.commentbody {  }

.commentfooter { margin-top: 1em; margin-bottom: 2em; }

.commentbody { margin: 5px }

.commentbody h4 { font-size: 11px; margin-bottom: 10px; }

.commentbody p { margin-left: 10px; }


/****************SEARCH FORM****************/


/****************SEARCH FORM****************/

#termin-searchform, #searchform { padding-left: 5px; }
#searchform { float:right; margin: 15px 15px 0 0; }
#termin-searchform input, #searchform input {
	background: #fff;
	font-size: 100%; 
	color: #333;  	
	padding: 4px 5px;
	border: 1px solid #999;

    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: inset 2px 2px 3px #ccc;
    -moz-box-shadow: inset 2px 2px 2px #cc;
    box-shadow: inset 2px 2px 5px #ccc;
}
#searchform input[type="submit"] { padding: 3px 4px; }
#termin-searchform input:focus, #searchform input:focus, #termin-searchform input:active[type="submit"], #searchform input:active[type="submit"] { 
        color: #000; 
        border-color: #000; 
        background: #fff; 
}

/****************ICONS****************/

.metalinks {
	margin-top: 3px;
	}

.pdflink {
	background: url('images/pdf.png') left top no-repeat;
	padding: 7px 0px 3px 36px; /* 10px 0px 10px 36px; */
	height: 22px; /* 32px; */
	display:block;
	}

.extlink {
	background: url('images/ext.png') left center no-repeat;
	padding: 0px 0px 0px 14px;
	margin-left: 2px;
	height: 10px;
	}

/****************phpBB-Wordpress****************/
#phpwp{
float:left;
display:inline;
width:940px;
font-size:1em;
padding:10px 10px 10px 10px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

/****************Pagebar****************/

.pagebar {text-align: center; margin: 20px 0 20px 0; font-weight: bold;}
.pagebar a {color:#2a5a8a; background: #f1f1f1 !important; padding: 1px 5px; margin: 0 1px; border: 1px solid #bbb;}
.pagebar a:hover {text-decoration:none !important; background: #fff !important;}
.pagebar .this-page {color:#fff; background: #2a5a8a !important; padding: 1px 5px; margin: 0 1px; border: 1px solid #bbb;}

/****************WP-Kontaktform****************/

#wpcf_msg, #wpcf_your_name, #wpcf_website, #wpcf_email {
	/* font-size: 1.4em; */
	background: #f1f1f1;
	color: #000;
	padding: 1px 2px;
	border: 1px solid #bbb;
}

#wpcf_msg:focus, #wpcf_your_name:focus, #wpcf_website:focus, #wpcf_email:focus {
         border-color: #000; background: #fff;
}

/*************** Social Media ***************/
.weiterempfehlen        {margin-bottom: 19px; text-align: left;}
.weiterempfehlen p      {font-weight: bold; margin-bottom: 5px !important;}
.weiterempfehlen ul     {list-style: none; line-height: 24px; margin: 5px 0 15px 10px !important; padding-left: 0;}
.weiterempfehlen li     {display: inline;}
.weiterempfehlen a      {float: left; width: 24px; height: 24px; margin-right: 25px; background: url('images/socialmediaiconsprite.png') no-repeat; border-bottom: none !important;}
.weiterempfehlen span   {display: none;}

.fb-einzeln a   {background-position: left 0px;}
.gp-einzeln a   {background-position: left -24px;}
.tw-einzeln a   {background-position: left -48px;}
.vz-einzeln a   {background-position: left -72px;}

.weiterempfehlen a:hover {position: relative; top: -2px;}

clearer { clear: both; }