/* Copyright by Oliver Kandula, BMD (FH); www.no-elephant-around.de */

/* ------------ Page Styles ------------ */

body        { font: 12px  Verdana, sans-serif; line-height:18px; background-color:#333; overflow:scroll; }
#container        { margin:0px auto; width:1000px; padding:0; background:#fff; }

/* ------------ Font Definitions, Picture Definitions, etc. ------------ */

p         { margin:0; padding-top:2px; color:#666666; }
h1        { font-weight:bold; font-size:12px; color:#666; background:none; border-bottom:2px dotted #fff; padding:1px 0 4px 0; margin:0 0 2px 0; }
h2        { font:14px 'Verdana-Bold',  Verdana, sans-serif; margin:5px 0px 8px 0px; font-weight:bold; color:#666; }
h4        { font:13px 'Verdana-Italic', Verdana, sans-serif; margin:5px 0px 8px 0px; font-weight:bold; color:#666; text-decoration:underline; }
ul        { color:#fff; margin:0px; padding:0px; list-style:none; }
img        { border:0px; }
pic        { margin-top: 10px; }
li        { display: inline; }
a                { color:#ff6600; font:11px 'Verdana-Italic', Verdana, sans-serif; margin:0px; text-decoration:underline; background:none; }
a:hover        { background-color:none; color:#FF0033; }
li        a                 { color:#666; font:11px 'Verdana-Italic', Verdana, sans-serif; margin:0px; text-decoration:none; }
li a:hover        { background:none; color:#FF0033; }


/* ------------ Top Definitions ------------ */

#topbar        { clear:both; width:1000px; height:130px; background: url(layout_pics/top_pic_bg.gif) no-repeat; margin:0; }
#logo         { float:left; width:250px; padding:45px 0 10px 160px; margin:0px; }
#logo h3        { font-size:13px; padding:5px 0 0 0; margin:0; color:#666; }
#logo p                { font-size:0.9em; color:#666; padding:0; background: inherit; }
#menu        { width:580px; float:right; height:20px; margin:100px 2px 3px 2px; padding:0; text-align:center; }
#menu li        { display: inline; }
#menu li a        { color:#666; font-weight:bold; text-decoration:none; padding:2px 8px 2px 8px; height:80px; background: none; }
#menu li a:hover        { background:none; color:#FF0033; }

/* ------------ Main Content Definitions ------------ */

#contentpic        { width:1000px; height:250px; margin:5px 0 5px 0; background: url(layout_pics/tiger_sheep.gif) no-repeat; }
#spacera        { width:1000px; height:10px; background: url(layout_pics/spacer_a.gif) no-repeat; }
#spacerb        { width:1000px; height:10px; background: url(layout_pics/spacer_b.gif) no-repeat; }
#textbox        { width:996px; min-height:300px; }
#dropdown p { color:#666; font:11px 'Verdana-Italic', Verdana, sans-serif; padding:1px; margin: 0px 0px 0px 0px; text-decoration:none; background:none; text-align:left; }
.contenttext        { position: relative; width:270px; float:left; margin:0 0 0 20px; padding: 8px; color:#000; left: 50px; top: 50px; background-color:#dcddde; border: #fff; border-style:solid; }
.leftbox        { float:left; width:300px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }

.middlebox        { float:left; width:300px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.rightbox        { float:left; width:300px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }

.leftbox_wide        { float:left; width:190px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.middlebox_wide        { float:left; width:510px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.rightbox_wide        { float:left; width:200px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }

.leftbox2_wide        { float:left; width:190px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.middlebox2_wide        { float:left; width:710px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.rightbox2_wide        { float:left; width:10px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }

.leftbox_wide a        { color:#ff6600; font:11px 'Verdana-Italic', Verdana, sans-serif; padding: 10px; margin: 0px 0px 0px 11px; text-decoration:none; background:none; text-align:left; }
.leftbox_wide a:hover        { background:none; color:#FF0033; }
.leftbox_wide p        { color:#444; font:11px 'Verdana-Italic', Verdana, sans-serif; padding:1px; margin: 0px 0px 0px 19px; text-decoration:none; background:none; text-align:left; }

.leftbox_vita        { float:left; width:280px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.middlebox_vita        { float:left; width:280px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }
.rightbox_vita        { float:left; width:320px; margin: 3px 4px 3px 4px; padding:8px; min-height:350px; }



.thumbnails        img { position:relative; padding:1px; margin:1px 1px 1px 1px; border:2px solid #888; background:inherit; }
.thumbnails img:hover        { border:2px solid #ff0000; background:none; }

/* ------------ Bottom Content Definitions ------------ */

#bottom                { clear:both; max-height:30px; text-align:center; line-height:1.6em; color:#888; background: #fff; padding:5px 5px 5px 5px; margin: 10px 0 0 0; }
#bottom a        { color:#444; background:inherit; }
#bottom a:hover        { background:none; color:#FF0033; }