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

/* 
------------------------------------------
*
* Standard-StyleSheet Peter Scheffler
* V 1.1 - Peter Scheffler - 03.01.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 {
	list-style-type: disc;
	list-style-position:outside;
	margin: 0 0 10px 20px; 
	}
#content ul li ul {
	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; 
	}
#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;
	}
#content {
	float: left;width: 580px;
	min-height: 450px;
	height: auto!important;
	height: 450px;
	margin: -20px 0px 0 30px;
	}
.socialmedia {
        margin: 20px 0 0 40px; 
        padding: 0;
        background-color: white;
        width: 160px;
        }
/*
############
# navi.css #
############
*/
#navi {
	margin: 0px 0 10px 0; padding:20px 0 0 0;
	width: 250px;
	background-color: white;
	background-image: url(../layimages/bgnavitop.gif);
	background-position: top;
	background-repeat: no-repeat;
	/*clear: left;
	float:left;
	margin: 0px 0 10px 0; padding:0;
	width: 250px;
	background-image: url(../layimages/bgnavitop.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 20px;*/
	}
#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;}
#navi02 {
	padding: 0 0 0 60px;
    margin:0 0 15px 0;
    width: 180px;
    overflow:hidden;	
    }
#navi02 li {
    margin:0; padding:0;
	}
#navi02 li a, #navi02 li a:visited {
    color: #4891dc;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.3em;
	padding: 0; 
    margin:0 0 5px 0;        
    }
#navi02 #current02 a {
	color: #002145;
	text-decoration: none;
	}
#navi02 li a:hover, #navi02 li a:active {
	color: #002145;
	text-decoration: underline;
	}
#navi03 {
	padding: 0 0 0 10px;
	}	
/*
#############
# 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: 85px;
    float:left;
    padding: 0 0 0 15px;
    }
input[type="text"], textarea{
    width: 350px;
    border: 1px solid white;
    padding: 1px;    
    }
textarea {
    height: 100px;
    overflow-y: scroll;
    }
input[type="submit"] {
	border: 1px solid #4891dc; 
    margin: 0 0 0 100px;
    } 
select {
    width: 354px;
    border: 1px solid white;
    }
.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: 100px;
    }

/*
################
# 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;
	}
/* Footer Elements */
#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;
	}
/*
###################
# presselogin.css #
###################
*/

#malogin {
	margin: 20px 0 20px 20px; 
	padding: 10px;
	padding-top: 0;
	width: 180px;
	border-top: 0px solid #5BA1EA;
	border: 1px solid #ccc;
	border-left: 0;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	 border-radius:  0px 10px 10px 0px;
	 background: white;
	}
	
#malogin input[type="text"],#malogin input[type="password"] {
	width: 150px;
	padding:2px;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
}
#malogin input[type="text"]	{


}
#malogin input[type="password"]	{


}
#malogin input[type="submit"]	{
	margin: 0; padding:0; 
	width: 100px;
	margin-right: 100px;

}
.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;}