/* CSS Document 
copyright 2007-2009 by elektrofon.de -> Die Weberei Gütersloh www.die-weberei.de
designed and coded by P. Anders -> www.anders-mediadesign.com
*/

body{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; background-image: ; background-repeat: repeat-x; background-color: #000000;}


ul,ol,li,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0px; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 15px;}
ul li a 	{text-decoration: none;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

.flLeft		{float: left; padding: 0 15px 0 0;}
.flRight	{ float: right; padding: 0 0 0 15px;}

h1{
padding: 0 0 5px 3px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: 100;
letter-spacing: 0px;
border-bottom: 1px solid #c9d434;
}

h2{
padding: 0 0 5px 3px;
margin: 0 0 20px 0;
font-size: 12px;
font-weight: 100;
letter-spacing: 0px;
border-bottom: 1px solid #c9d434;
}

h3{
font-size: 12px;
font-weight: 100;
border-bottom: 1px solid #2a2a2a;
padding: 0 3px 5px 0px;
margin: 10px 10px 0 10px; 
}

h5{
margin: 50px 0 0 0 ;
padding: 10px 10px;
font-size: 24px;
text-transform: uppercase;
text-align: center;
border: 1px dotted #c9d434;
}

a{color: #c9d434; text-decoration: none;}
a:visited{#c9d434;}
a:hover{color: #fff;}
a:active{#c9d434;}

p{
padding: 0px 10px 5px 10px;
}

#header img{
border: none;
}

#navigation ul li{
display: inline;
text-transform: uppercase;
font-size: 14px;
}

/* ++++++++ 1st NAVI ++++++++++++++ */

#navigation ul li a{color: #fff; background-color: #000; padding: 2px 4px;}
#navigation ul li a:visited{color: #fff;}
#navigation ul li a:hover{color: #c9d434;}
#navigation ul li a:active{color: #fff;}

/* ++++++++ 2nd NAVI ************* */

#navi_2nd{
width: 240px;
float: right;
}

ul.nav2nd {
margin: 50px 0 0 0;
}

ul.nav2nd li{
display: block;
line-height: 3px;
padding: 0px 3px 20px 10px;
margin: 0 0 5px 10px;
}

ul.nav2nd li a{
padding: 5px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
background-color: #4a4d28;
}


ul.nav2nd li a:visited{
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

ul.nav2nd li a:hover{
color: #c9d434;
text-decoration: none;
text-transform: uppercase;
background-color: #000;
}

ul.nav2nd li a:active{
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
/* ++++++ TEASER ++++++ */

#start_teaser {
text-align: right;
}

#start_teaser img{
border: none;
}

/*+++++++++++++++ CONTENT ++++++++++++++ */
#main_content{
line-height: 18px;
overflow: auto;
}


#main_content_box{
padding: 20px 15px 10px 15px;

}

#dates_box{
padding: 1px 0 0 0;
}

#newsletter img{
border:none;
}

#newsletter {
background-image: url("http://www.elektrofon.de/files/newsletter.png");
}
#newsletter:hover{
background-image: url("http://www.elektrofon.de/files/newsletter-Kopie.png");
}

#sub_content p{
padding: 20px 15px 10px 15px;
}

#sub_content h3{
margin: 10px 10px 0 10px;
padding: 0px 3px 0px 5px;
}


/* ++++++++++ NEWSLETTER ++++++++++++*/

#GlAddUser div{

margin: 0px 0 5px 0;
}

#GlAddUser div input, #GlAddUser div select{
color: #fff;
width:320px;
background-color: #2a2a2a;
border: none;
}

#GlAddUser form input{

border:1px solid #2a2a2a;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	text-align:left;
background-color: #2a2a2a;
width: 320px;
height: 15px;
font-size: 10px;
}

#GlAddUser form #NewsletterAnmelden input{
width: 100px;
height: 25px;
text-align: center;
}

#GlAddUser form #NewsletterAnmelden input:hover{
background-color: #c9d434;
}


/* +++++++++++ KONTAKT ++++++++++++++*/

fieldset{
border: none;
}


#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
}

#form-module fieldset {
	
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	
	clear:both;
	
	
}

#form-module label {
	display:block;
	padding:5px;
	
}

#form-module label.checkbox {
	
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
padding: 1px;
color: #fff;
	float:left;
	margin:5px;
	width:295px;
background-color: #4a4d28;
border: none;
	
}

#form-module input.text {
	font-size: 14px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	
	border:1px solid #2a2a2a;
	color:#c9d434;
	font-family: arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
padding: 2px 0;
width: 60px;
}

#form-module input.submit:hover { 
	background-color: #c9d434;
	color:#fff;

}

#form-module label.textarea {
}

#form-module textarea.textarea{
height: 106px;
}

#form-module-thanks {
	display:block;
	color:#c9d434;
	font-family:arial, helvetica, sans-serif;
	font-size: 10px;
}
/* +++++++++++ GÄSTEBUCH ++++++++++++*/


.a63-entries {
margin: -20px 0 0 0;
max-height: 300px;

}

.a63-entries table {
max-width: 330px;
overflow: scroll;

}


.a63-entries table  td{
background-color: #4a4d28;
padding: 10px 0 0px 0;

}

/*++++++++++ GALLERY ++++++++++++++ */

#jaosg_galerie a{
border-style: none;
}

#jaosg_galerie a:hover {
border-style: none;
}


div.jaosg_thumbnail{
	float: left;
}



div.jaosg_thumbnail ls a img{
border-style: none;
	}


/* ls=landscape-Format der Thumbs */
div.ls img{
	
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 125px;
	width: 95px;
	margin: 4px 4px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}


/* +++++++++++ FOOTER ++++++++++++++ */

#logo img{border: none;}

#impressum{padding: 12px 0 0 0;}

#impressum a{color:#fff; text-decoration: none;}
#impressum a:visited{#fff;}
#impressum a:hover{color: #c9d434;}
#impressum aactive{#fff;}