/*  

Theme Name: strudel

Theme URI: 

Description: based on Manhattan 4.2

Version:0 

Author: christian faubel

Tags: black, white, fixed-width, right-sidebar 

*/



body{

margin:0;

font-family: Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-size: 12px;

text-align: left;

vertical-align: top;

background: black;

color: white;

}

body-kerzenlicht-kirmes{

margin:0;

font-family: Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-size: 12px;

text-align: left;

vertical-align: top;

background: #575757;

color: white;

}

body-teenagebots1{

margin:0;

font-family: Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-size: 12px;

text-align: left;

vertical-align: top;

background: white;
color black;


}

body-share{

margin:0;

font-family: Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-size: 12px;

text-align: left;

vertical-align: top;

background: white;
color black;


}



body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,p,form{

margin: 0;

padding: 0;

}





#wrapper{

margin: 0 auto 0 auto;

width: 960px;

height: 100%;

overflow:hidden;

padding: 0;

text-align: left;

background: #101010;

}
#wrapper-kerzenlicht-kirmes{

margin: 0 auto 0 auto;

width: 960px;

height: 100%;

overflow:hidden;

padding: 0;

text-align: left;

background: #1e1e1e;

}

#wrapper-teenagebots1{

margin: 0 auto 0 auto;

width: 960px;

height: 100%;

overflow:hidden;

padding: 0;

text-align: left;

background: white;
}
#wrapper-share{

margin: 0 auto 0 auto;

width: 960px;

height: 100%;

overflow:hidden;

padding: 0;

text-align: left;

background: white;
}






#container{

float: left;

width: 900px;

height:  100%;

overflow: hidden;

margin: 20px 100px 100px 100px;

display:inline; /* because IE doubles set margins  */

font-family:  Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-size: 14px;

text-transform: lowercase; 
	  }





#header{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header.jpg);

border: 0px solid black;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-top: 0;

margin-bottom: 10px;

}
#round
{
border: 0px solid black;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-top: 0;

margin-bottom: 10px;

}




#header-robots{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-robots.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}


#header-events{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-events1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}


#header-workshops{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-workshops1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#header-teenagebots1{
width: 720px;
height: 500px;
padding : 20px;

background: url(/wp-content/uploads/teenagebots1/teenagebots1-page01.png);
border: 0px solid black;

border-top: 0;

margin-bottom: 40px;
}
#header-share{
width: 680px;
height: 325px;
padding : 20px;

background: url(graphics/header-share.png);
border: 0px solid black;

border-top: 0;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;


margin-bottom: 40px;
}
#header-jmaf{
width: 680px;
height: 325px;
padding : 20px;

background: url(graphics/header-jmaf.jpg);
border: 0px solid black;

border-top: 0;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;


margin-bottom: 40px;
}


#imagenavi_teenagebots{
position: relative;
left:660px;
top:535px;
background: #484848;
opacity: .5;
width: 75px;
height: 20px;
font-family: Verdana, Georgia, Sans-serif;
font-size: 12px;
text-transform: lowercase
color: white;
padding:2px;
border: 0px solid #484848
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#imagenavi_teenagebots a:link 
{ color:white; text-decoration:none; font-size:16px; }
#imagenavi_teenagebots a:visited 
{ color:white; text-decoration:none; font-size:16px; }
#imagenavi_teenagebots a:active 
{ color:white;  text-decoration:none;font-size:16px;  }
#imagenavi_teenagebots a:hover 
{ color:#C693DA; text-decoration:none;font-size:16px; }

#imagenavi_teenagebots{
position: relative;
left:660px;
top:535px;
background: #484848;
opacity: .5;
width: 75px;
height: 20px;
font-family: Verdana, Georgia, Sans-serif;
font-size: 12px;
text-transform: lowercase
color: white;
padding:2px;
border: 0px solid #484848
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#imagenavi_share a:link 
{ color:white; text-decoration:none; font-size:13px; }
#imagenavi_share a:visited 
{ color:white; text-decoration:none; font-size:13px; }
#imagenavi_share a:active 
{ color:white;  text-decoration:none;font-size:13px;  }
#imagenavi_share a:hover 
{ color:#C693DA; text-decoration:none;font-size:13px; }







#header-overheadbots-workshop{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-workshops-overheadbots1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#header-overheadbots{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-overheadbots1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#header-rhythm-apparatus{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-rhythm-apparatus1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#header-discorobots-workshop{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-robotdisco1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#header-zoohpraxiscope-rotate-flash-animate{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-zoohp1.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}



#header-about{

width: 720px;

height: 365px;

padding: 20px;

background: url(graphics/header-about.jpg);

border: 0px solid black;

border-top: 0;

margin-bottom: 10px;

border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#header-lightseekers{
width: 720px;
height: 365px;
padding: 20px;
background: url(graphics/header-lightseekers.jpg);
border: 0px solid black;
border-top: 0;
margin-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

#header-kerzenlicht-kirmes{
width: 720px;
height: 365px;
padding: 20px;
background: url(graphics/header-kerzenlicht-kirmes.jpg);
border: 0px solid black;
border-top: 0;
margin-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

#header-build-a-robot-be-a-robot{
width: 720px;
height: 365px;
padding: 20px;
background: url(graphics/header_masken.jpg);
border: 0px solid black;
border-top: 0;
margin-bottom: 10px;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}


/* start: pagemenu */



/* NOTE:  Unlike most Suckerfish dropdowns */

/* This code uses the pagemenu division as the */

/* relative datum, not the top list items */

/* Be aware of this, if you play with the pagemenu codes */





#pagemenudiv{

width: 760px;

height: 30px;

background: #101010;

/*position:absolute;*/

opacity:.7;

margin-top: -40px;

border: 0px solid black;
border-bottom-right-radius:10 px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius:10 px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;

}



#pagemenudiv ul{

margin: 0;

padding: 0;

list-style-type:none;

}



#pagemenudiv ul li{

float:left;

text-align:center;

border: 0px solid black;
}





#pagemenudiv ul li a{

display:block;

height: 28px;

padding-top:2px;

padding-left: 5px;

padding-right: 5px;

border: 0px solid #242424;

float:left;

font-size:20px;

font-family:  Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-weight: 500;

text-decoration:none;

text-transform: lowercase;

color: white;

}



#pagemenudiv ul li a:hover{

background: white;

color: #242424;

border: 0px solid black;
border-bottom-right-radius:10 px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius:10 px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius: 10px;
}
#pagemenudiv ul li.current a{

background: white;

color: #242424;

border: 0px solid black;
border-bottom-right-radius:10 px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius:10 px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius: 10px;
}
#pagemenudiv ul li a:active{

background: white;

color: #242424;

border: 0px solid black;
border-bottom-right-radius:10 px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius:10 px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius: 10px;

}



/* sub pages below */



#pagemenudiv li ul{

position: relative;

display: none;

background: #101010;



height: 25px;

top: 0px;

left: 0px;

} 




/* end: pagemenu */







#content{
position:relative;

width: 560px;
color: #E0E0E0;

}

#content_four_columns{
    position:relative;
    top:10px;
    height:1800px;
}
#content_four_columns a:link 
{ color:white; text-decoration:none; font-size:18px; }
#content_four_columns a:visited 
{ color:white; text-decoration:none; font-size:18px; }
#content_four_columns a:active 
{ color:white;  text-decoration:none;font-size:18px;  }
#content_four_columns a:hover 
{ color:#C693DA; text-decoration:none;font-size:18px; }
#content_four_columns h3{
margin:10px;
}
#content_quarter_one{
    position:absolute;
    left:0;
    top:50px;
    width:180px;
    padding:0,10px,10px,0;
}
#content_quarter_two{
    position:absolute;
    left:193px;
    top:50px;
    width:180px;
    margin-left:8px;
    padding:0,10px,10px,0;
}
#content_quarter_three{
    position:absolute;
    left:386px;
    top:50px;
    width:180px;
    margin-left:8px;
    padding:0,10px,10px,0;
}
#content_quarter_four{
    position:absolute;
    left:579px;
    top:50px;
    width:180px;
    margin-left:8px;
    padding:0,10px,10px,0;
}





#content-pages{
position:relative;

width: 760px;

color: #E0E0E0;

}

#content-teenagebots1{
position:relative;

width: 760px;

color: #5a5a5a;

}

#content-share{
position:relative;

width: 720px;

color: #00000;

}



/* start: sidebar codes, except for calendar and links */



#sidebar{
position:absolute;
left:570px;
top:20px;

float: left;

width: 220px;

border: 0px solid black;

padding: 0px;

background: #101010;
margin: 0px 0px 0px 0px;

display:inline; /* because IE doubles set margins  */

color: white;

}



#sidebar ul{

list-style-type: none;

margin: 0;

padding: 0 5px 0 5px;

}





#sidebar ul li{

margin: 2px;

padding: 5px;

background: #6d6c78
color: #ccc;

}



#sidebar ul > li{

border: 0px solid black;

}



#sidebar ul li li{

border: 0px;

}





#sidebar ul li h2{

height: 17px;

padding-top: 0px;

padding-left: 5px;

font-family: verdana,Georgia, Sans-serif;

font-size: 15px;

color:white;

}



#sidebar ul ul li{

padding: 0;

line-height:24px;

}





/* end: sidebar codes, except for calendar and links */





#footer{

clear:both;

width: 1000px;

padding:4px;

position:relative;

background: #323232;

color: #bbb;

}





span.footercredits{

position: absolute;

left: 410px;

}





/* start: anchor/lin codes, except for page menu  */
a:link { color:white; text-decoration:none; font-size:20px; }
a:visited { color:white; text-decoration:none;font-size:20px;  }
a:active { color:white;  text-decoration:none;font-size:20px;  }
a:hover { color:#C693DA; text-decoration:none;font-size:20px; }




#content a{

text-decoration: none;

color: white;

font-weight: 600;

}
#content-teenagebots1 a{

text-decoration: none;
color: #5a5a5a;
font-weight: 600;

}

#content-teenagebots1 a.hover{

text-decoration: none;
color: black;
font-weight: 600;

}

#content-share a{

text-decoration: none;
color: #5a5a5a;
font-weight: 600;
font-size:14px; 
}

#content-share a.hover{

text-decoration: none;
color: black;
font-weight: 600;
font-size:14px; 
}
#content-jmaf a{

text-decoration: none;
color: #5a5a5a;
font-weight: 600;


}

#content-jmaf a.hover{

text-decoration: none;
color: black;
font-weight: 600;

}


#content a:hover{

text-decoration: none;

color: #C693DA;

}



#sidebar a{

text-decoration: none;

color: white;
font-size:17px; 

}



#sidebar a:hover{

text-decoration: none;

color: #C693DA;
font-size:17px; 

}




#footer a{

text-decoration: none;

color: white;

}



#footer a:hover{

text-decoration: none;

color: white;

}





/* end: anchor/link codes, except for page menu  */





.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.alignnone {
border: solid 0px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 12px;
}



.alignleft {
float: left;
border: solid 0px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 12px;
}



.alignright {

   float: right;

border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin-bottom: 12px;
}







hr{

border: 1px solid #484848;

}



acronym{

color: #484848;

font-weight: 600;

}



blockquote{

border-top: 1px solid black;

border-bottom: 1px solid black;

padding: 10px;

margin:10px;

background: #b0b0b0;

}





#header-text{
background: #484848;
opacity: .9;
width: 230px;
height: 50px;
position: relative;
font-family: Verdana, Georgia, Sans-serif;

color: white;
padding:10px;
border: 0px solid #484848
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#header-text-share{
background: #484848;
opacity: .9;
width: 500px;
height: 40px;
position: relative;
font-family: Verdana, Georgia, Sans-serif;

color: white;
padding:5px;
border: 0px solid #484848
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}




#imagetext{
position: relative;
left:570px;
top:180px;
background: #484848;
opacity: .9;
width: 130px;
position: relative;
font-family: Verdana, Georgia, Sans-serif;
font-size: 10px;
text-transform: lowercase
color: white;
padding:8px;
border: 0px solid #484848
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#imagetext a:link 
{ color:white; text-decoration:none; font-size:12px; }
#imagetext a:visited 
{ color:white; text-decoration:none; font-size:12px; }
#imagetext a:active 
{ color:white;  text-decoration:none;font-size:12px;  }
#imagetext a:hover 
{ color:#C693DA; text-decoration:none;font-size:12px; }
#imagenavi{
position: relative;
left:580px;
top:160px;
background: #484848;
opacity: .9;
width: 113px;
font-family: Verdana, Georgia, Sans-serif;
font-size: 10px;
text-transform: lowercase
color: white;
padding:2px;
border: 0px solid #484848
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

h1{

font-family: Verdana, Georgia, Sans-serif;

font-size: 24px;
}

h2{
font-family: Verdana, Georgia, Sans-serif;
line-height: .8 em; 
font-size: 18px;
}


h1_sub{

font-family: Verdana, Georgia, Sans-serif;

}



.post{

padding: 10px 0 10px 0;

}



.post h2{

font-family: Verdana, Sans-serif;
margin-top: 10px;
margin-bottom: 2px;
font-size: 20px;

}



.entry{

line-height: 18px;
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-top: 0;
margin-bottom: 0px;
}

.wp-caption img {
border-radius: 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-top: 0px;
margin-bottom: 1px;
margin-top: 10px;
}


p{

padding: 10px 0 0 0;

}



p.postmetadata{

border-top: 0px solid white;

border-bottom: 0px solid white;

margin: 0px 0px 0px 0px;

}





.navigation{

padding: 10px 0 0 0;

font-size: 14px;

font-weight: bold;

line-height: 18px;

}




table#wp-calendar{

width: 80%;

}







.comments-template{

margin: 10px 0 0;

border-top: 0px solid #ccc;

padding: 10px 0 0;

}



.comments-template ol{

margin: 0;

padding: 0 0 15px;

list-style: none;

}



.comments-template ol li{

margin: 0px;

line-height: 18px;

padding: 10px;

border-bottom: 1px solid #444;

}



.comments-template ol li.alt{

background: #101010;

border-bottom: 1px solid #444;

}





.comments-template h2, .comments-template h3{

font-family:verdana, Georgia, Sans-serif;

font-size: 16px;

border-bottom: 0px solid white;

}



.commentmetadata{

font-size: 12px;

}



.comments-template p.nocomments{

padding: 0;

}



.comments-template textarea{

font-family: Verdana,Arial, Helvetica, Georgia, Sans-serif;

font-size: 12px;

}



.comments-template img{

border: 0px solid black;

}