@import url(rte.css);
@import url(fancybox.css);
/* Import for TYPO3 RTE above */

/* 
------------------------------------------
*
* Standard-StyleSheet Peter Scheffler
* V 3 - Peter Scheffler - 09.11.10
* Projektname: worldscoutjamboree.de
* Projektstart: 01.01.10
* Typographie (Body) - Font: Helvetica, Arial, sans-serif // Color: #000 // Size: 1.2em (12px)
* Adresse: http://www.worldscoutjamboree.de
*
* Global ----------
* reset.css
* typographie.css
* - headlines
* - links #990000
* - text
Speziell -------
* layout.css
* navi.css
* elements.css
* presselogin.css
*
------------------------------------------ 
*/

/*
#############
# reset.css #
#############
*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Hilfsklassen */
.hidden {display: none;visibility:hidden}
.clear {clear: both;}
.clearleft {clear:left;}
.clearright {clear:right;}
/* clearfix */
.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
/*
###################
# typographie.css #
###################
*/
html {
font-size: 62.5%; /* makes font-size 1em equal to 10px */
font-family: Arial,Helvetica, sans-serif;
}
body {
font-size:1.2em;
line-height: 140%;
color: #000;
background-image: url(../layimages/bgbody.png);
background-repeat: repeat-x;
}
/* headlines */ 
h1,h2,h3,h4,h5,h6 {line-height: 120%;font-weight:bold;color: #002145;}
h1 {font-size: 1.7em;margin: 5px 0 10px 0; }
h1:first-child {margin-top: 0;}
h2 {font-size: 1.2em;margin: 10px 0 8px 0;} 
h3 {font-size: 1.3em;margin: 20px 0 5px 0;} 		
h3:first-child {margin: 5px 0 4px 0;}
h4 {font-size: 1.1em;margin: 6px 0 4px 0;}
h5 {font-size: 1.1em;margin: 6px 0 4px 0;}
h6 {font-size: 1.1em;margin: 0px 0 5px 0;}

/* links - LoVe HaTe Focus */
a {
	color: #4891dc;
	text-decoration: none;
	}
	a:visited {
		color: #4891dc;
		text-decoration: none;
	}
	a:hover {
		color: #4891dc;
		text-decoration: underline;
	}
	a:active {
		color: #4891dc;
		text-decoration: underline;
		outline:none;
	}
	a:focus {
		color: #4891dc;
		text-decoration: underline;
	}
/* Typo im Content */		
#content {
		line-height: 140%;
	}	
	#content p, .content ul {
		margin: 0 0 10px 0;
		width: 500px;
	}
	#content ul,#content ol {
		list-style-type: disc;
		list-style-position:outside;
		margin: 0 0 10px 20px; 
	}
	#content ol {
		list-style-type: decimal;
	}
	#content ol li{
		margin-bottom: 5px;
	}
	#content ul li ul,#content ol li ol {
		list-style-type: circle;
	}
strong {font-weight: bold;}
em {font-style: italic;}
/*
##############
# layout.css #
##############
*/
#container {
	width: 960px;
	border: 0px solid #ccc;
	min-height: 600px;
	height: auto!important;
	height: 600px;
	margin: 10px;
	position: relative;
	margin: 0 auto;
	}
#top {
	width: 960px;
	overflow:visible;
	position: relative;
	margin: 0;
	height: 150px; 
	z-index: 10;
	}
#main {
	width: 895px;
	margin: 30px 0;
	min-height: 450px;
	height: auto!important;
	height: 450px;
	background-image: url(http://2011.worldscoutjamboree.de/fileadmin/jam2011/img/lines.jpg);
	z-index: 1;
	}
	#left {
		clear: left;
		float:left;
		position: relative;
		margin: 0px 0 0px 0; padding:0;
		width: 250px;
		min-height: 500px;
		height: auto!important;
		height: 500px;
		}		
	#right {
		width: 60px;
		float:right; 
		}
	.socialmedia {
        margin: 20px 0 0 40px; 
        padding: 0;
        background-color: white;
        width: 160px;
	}	
	#content {
		float: left;width: 580px;
		min-height: 450px;
		height: auto!important;
		height: 450px;
		margin: -20px 0px 0 30px;
	}	
#footer {
	width: 100%; 
	min-height: 150px;
	height: auto!important;
	height: 150px;
	margin: 0;
	clear: both;
	background-color: #5593c9;
	background-image: url(../layimages/bgfooter.png);
	background-repeat: repeat-x;
	}
/*
############
# navi.css #
############
*/
#navi {
		margin: 0px 0 10px 0; padding:20px 0 0 0;
		width: 250px;
		background-color: white;
		background-image: url(../layimages/bgnavitop.png);
		background-position: top;
		background-repeat: no-repeat;
	}
	#last{
		background-image: url(../layimages/bgnavibottom.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		padding-bottom: 10px;
	}
	#navi li {
	}
	#navi li a, #navi li a:visited {
		display: block;
		line-height: 2em;
		color: blue
	}
	#navi li a:hover, #navi li a:active, #navi li a:focus {
		color: #002145;
		border: 0;
		outline: none;
	}
	#navi #current a, #navi #current a:visited {color: #002145;}
	
	/* 2. Ebene */
	#navi ul {
		width: 160px;
		margin: -5px 0 10px 55px;
		padding: 0;
	}
	#navi ul li a, #navi ul li a:visited {
		font-size: 1.1em;
		color: #5593C9;
		text-decoration: none;
		font-weight: bold;    
		margin-bottom: 3px;
		line-height: 1.2em;
	}
	#navi ul li a#currentsub, #navi ul li a:hover,#navi ul li a:active, #navi ul li a:focus {
		color: #001A4D;
	}
	/* 3. Ebene */
	#navi ul ul {
		margin: 2px 0 10px 10px;
	}
	#navi ul ul li a, #navi ul ul li a:visited {
		line-height: 1.15em;
	}
	#navi ul ul li a#currentsubsub, #navi ul ul li a:hover,#navi ul ul li a:active, #navi ul li a:focus {
		color: #001A4D;
	}

/*
#############
# forms.css #
#############
*/
fieldset {
	}
	fieldset div {
		background-color: #2F6992;
		margin: 0 0 5px 0;    
		line-height: 2em;
		color: white;
		font-weight: bold;
	}
	label {
		display: block;
		width: 110px;
		float:left;
		padding: 0 0 0 15px;
	}
	input[type="text"], textarea{
		width: 350px;
		border: 1px solid white;
		padding: 1px;
		margin: 4px 0;    
	}
	textarea {
		height: 150px;
		margin: 4px 0;
		overflow-y: scroll;
	}
	input[type="submit"] {
		border: 1px solid #444; 
		margin: 4px 0 4px 125px;
	}
	input[type="submit"]:active,input[type="submit"]:focus {
		border: 1px solid #fff; 
		margin-left: 127px;
		outline: 0;
	}
	select {
		width: 354px;
		border: 1px solid white;
		margin: 4px 0;    
	}
	.tx_powermail_pi1_fieldwrap_html_check  {}
	.tx_powermail_pi1_fieldwrap_html_check label{
		float:none;
		width: 400px;
		margin: 0 0 0 100px;
		}
	.tx_powermail_pi1_fieldwrap_html_check input[type="checkbox"]{
		float:left;
		margin: 5px 5px 0 100px;
	}
	.powermail_mandatory_js {
		margin-left: 135px;
	}

/*
################
# elements.css #
################
*/
/* Rootline */
#breadcrumb {
    border: 0px solid lime;
    font-size: .8em;
    margin-left: 280px;
    margin-top: -10px;
	}

/* Top Element */
#topnav {
		border: 0px solid red;
		float:right;
		margin:0; padding: 0px 8px;
		line-height: 2.5em;
		font-size: 0.95em;
		color: white;
		background-color: #3d6a91; 
		/*#4891dc;*/
		border: 1px solid #5593C9;
	
		border-top: 0;
		-webkit-border-radius: 0 0 5px 5px;
		-khtml-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
			
		-moz-box-shadow: 0px 4px 8px #5593C9;   
		-webkit-box-shadow: 0px 4px 8px #5593C9;   
		-khtml-box-shadow: 0px 4px 8px #5593C9;   	
		box-shadow: 0px 4px 8px #5593C9;   		
	}
	
	#topnav li {
		float:left;
		}
	#topnav li a, #topnav li a:visited {
		color: white;
		display: block;
		float:left; padding: 0 3px 0 3px;
	}
	#topnav li a:hover,#topnav li a:active, #topnav li a:focus {
		color: white;
		text-decoration: none;
	}			
	#logo {
		float:left;
	}
	#logo img{
		overflow: hidden;
		margin: 10px 0 0 30px;
		width: 198px; height: 210px;
	}
	#claim {
		/*margin: 35px 0 0 50px;*/
		position: absolute;
		top: 35px; left: 275px;
	}
/* 
# Footer.css #
*/
#footerinner {
		width: 940px; 
		margin: 0 auto;
		padding: 10px;
		padding-top:20px;
		background-image: url(../layimages/simplyscoutingclaim.png);
		background-repeat: no-repeat;
		background-position: 0px 40px;
	}
	#wsjlogo {
		float:right;
		width: 280px;
	}				
	#wsjlogo p{
		padding-left: 95px;
		color: white;
		font-size: 1.1em;
		font-weight: bold;
	}
	#wsjlogo p a,#wsjlogo p a:visited{
		color: white;
	}
	
/* Left Elementes */
#partners {
	width: 160px;
	padding: 0px 0 0 40px;
	margin: 200px 0 10px 0;
	}
#wosm img {
	margin: 20px 0 20px 0;
	}
#ssr {
	}
	
	
.zweispaltig {
		width: 48%;
		min-height: 250px;
		height: auto!important;
		height: 250px;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
		_height: 250px;
	
			}
	.zweispaltig p .bodytext{
		color: red;
		width: 100px;
		border:0px solid lime;
		}
	
/* Trupps */    
.truppkontakt h2{
		color: white;
		background-color: #5593C9;
		padding: 5px;
	}
	.truppkontakt {
		background-color: #CFE9FF;
	}
	.truppkontakt p {
		padding: 0 10px 10px 10px;    
	}
	/*
	.truppkontakt a,.truppkontakt a:visited, .truppkontakt a:hover, .truppkontakt a:active {
		color: white; text-decoration: underline;
	}
	*/

/* Site Elements */
#uid177 #kothe {
	background-image: url(../layimages/bgkothenbubble.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	_background-image: none;
	}
/*
################
# extensions.css #
################
*/
/* wtgallery */		
.wtgallery_list img {
	margin: 0 10px 10px 0;
	border: 0px solid #fff;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	zoom: 1;
    *display: inline;
	}
/*
# Login.css #
*/
#malogin {
		margin: 15px 0 20px 30px; 
		padding: 10px; padding-top: 0;
		width: 160px;
		overflow-x: hidden;
		border-top: 0px solid #5BA1EA;
		border: 1px solid #a6ccf4;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		background: white;
	}
	#malogin h3 {
		font-size: 1.1em!important;
		padding:3px 5px; margin:0;
        background: #5BA1EA;
        margin-left: -10px;
		width: 170px;
		-moz-border-radius: 3px 3px 0px 0px;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
        color: white;
        text-align:center;          
	}
	#malogin div {
		background: transparent;
		margin:0;
	}
	#malogin label {
		color: #5BA1EA!important;
		padding-left: 2px; 
	}
	#malogin input[type="text"],#malogin input[type="password"] {
		width: 150px;
		padding:4px 2px;
		margin: 0 0 0px 0;
		border: 1px solid #ccc;
		font-size: 0.8em;
        background: #eee;
	}
	#malogin input[type="text"]:focus,#malogin input[type="password"]:focus{
            background: #d3e6f9;
            border: 1px solid #5BA1EA;
        }
	#malogin input[type="text"]	{
	}
	#malogin input[type="password"]	{
	}
	#malogin input[type="submit"]	{
		display: block;
		padding:0 0 2px 0; margin: 10px 5px 0 0;
		width: 100px;
		background: #5BA1EA;
		color: white;
		font-size: 1em;    
		line-height: 1em;
        border: 1px solid #4c98e8;
        float:right;
	}
	/*eingeloggt*/
	#malogin fieldset div {
		color: #001A4D!important;
	}

/* ext:file_list */
.tx-filelist-pi1 {
		width: 490px;
		min-height: 100px;
		height: auto!important;
		height: 100px;
		border: 1px solid #eee;
		margin-bottom: 20px;
	}
	.tx-filelist-pi1-filename {
		width: 300px;line-height: 20px;height: 20px;
	}
	.tx-filelist-pi1-even {
		background: #eee;line-height: 20px;height: 20px;
	}
	.tx-filelist-pi1-odd {
		background: #fff;line-height: 20px;height:20px;
	}

/* Navigation Tuppseiten */

#content .navitrupps {
	list-style-type: none;
	margin: 0; padding: 0;
	overflow:hidden;
	margin-bottom: 20px;
}
	
.navitrupps li {
	list-style-type: none;
	margin: 0; paddinput[type="submit"] {
    float:right;
    padding: 3px;
    margin-right: 6px;
}
/* #########
* news.ccs
##########*/
}

.news-list {
    position: relative;
    width: 540px;
    padding: 10px 0;
    margin-left: -10px;
}
.news-list-item {
    padding: 0 10px;
    padding-bottom: 10px;
}
.news-list-date {
    position: absolute; 
    top: -10px; right: 10px; 
    font-size: 0.8em;
}
.news-list-image {
    float: left;
    margin: 0 10px 10px 0;
}
.news-list hr {
clear: both;
}
.news-list-morelink {

    position: absolute;
    bottom: 25px; right: 10px;
}

#container .count {display: none;}