/* 
Theme Name: whiteboard
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,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 {font-size:100%;font-family: Arial, Helvetica, sans-serif; color:#114268; vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


/*
Hier die eigentlichen Formatierungen:
*/

body {background-color:#f5f5f5; text-align:center;}

/* Die 100% breiten Hintergründe */
#header_bg { background:url(img/header_bg.gif); height:112px; width:100%;}
#visual_bg { background:url(img/visual_bg.gif) repeat-x; height:291px; width:100%; }
#content_bg { background:url(img/content_bg.gif) repeat-x top #ffffff; width:100%; }
#footer_bg { background:url(img/footer_bg.gif) repeat-x; width:100%; min-height:100px;}

/* Der Pagecontainer, zentriert im Browser */
#head_container {width:980px; margin: 0 auto; }
#visual_container {width:980px; margin: 0 auto; }
#content_container {width:980px; margin: 0 auto; padding:20px 0; line-height:180%; font-size:80%;}
#footer_container {width:980px; margin: 0 auto; padding-top:20px; font-size:70%;}

/* Split in Sidebar & Main */
#content_container #sidebar {width:240px; float:right; min-height:100%;}
#content_container #main {width:700px; float:left; text-align:left;}


/* Sidebar */
#content_container .sidebar_box { margin-bottom:10px; text-align:left; display:block; padding:0;}
#content_container #sidebar #sidebar_box img { background:#000000; padding:0; margin:0; line-height:0px; font-size:1px; display:block; vertical-align:top;}
#content_container .sidebar_box_content { background-image:url(img/sidebar_bg.png); background-repeat:repeat-y; padding:10px 10px 14px 10px; display:block; margin:0;} 
#content_container .sidebar_box_content img { float:left; padding:0; margin:0; padding-right:3px;}
#sidebar h2 { font-weight: bold; font-size:120%;}
#sidebar p { padding:7px; padding-right:10px;}

#sidebar h2 a:link { text-decoration:none; }
#sidebar h2 a:active {}
#sidebar h2 a:visited {}
#sidebar h2 a:hover { text-decoration:underline; }

#sidebar p a:link { text-decoration:none; }
#sidebar p a:active {}
#sidebar p a:visited {}
#sidebar p a:hover { text-decoration:underline; }


/* Main Content Generelles */
#content_container h1 { font-size:200%; font-weight:bold; margin-bottom:10px; line-height:200%}
#content_container #main img { float:left; padding:5px; background:#cccccc; margin-right:8px; border:none;}
#content_container ul { padding:5px; margin-left:10px; border:none;}

#content_container a:link { text-decoration:underline; }
#content_container a:active {}
#content_container a:visited {}
#content_container a:hover { text-decoration:none; }


/* Positionierungen und Formatierungen Header, Nav und Visual */
#head_container .logo { margin-left:-50px; float:left;}
#head_container #navcontainer { float:right; width:600px; margin-top:40px;}
#visual_container .visual { float:left; margin-top:20px; text-align:left;}
#visual_container .intro { float:left; margin-left:50px; margin-top:20px; width:400px; overflow:hidden; line-height:180%; text-align:left;}
#visual_container h1 { font-size:150%; font-weight:bold; margin-bottom:10px;}



/* Nav kommt jetzt */
#head_container #navcontainer ul { float:right; list-style-type:none; font-size:90%;}
#head_container #navcontainer ul li { float:left; list-style-type:none;}

#head_container #navcontainer ul li a:link { padding:5px 8px; text-decoration:none;}
#head_container #navcontainer ul li a:active { padding:5px 8px; text-decoration:none;}
#head_container #navcontainer ul li a:visited { padding:5px 8px;text-decoration:none;}
#head_container #navcontainer ul li a:hover { padding:5px 8px; text-decoration:none; background:#114268; color:#fff;}



/* und noch ein bisschen Footer */
#footer_container a:link {}
#footer_container a:active {}
#footer_container a:visited {}
#footer_container a:hover { text-decoration:none;}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#content_container #main img.spacer-gif { margin:0; padding:0; background:none; border:none;}