/* BORN VISUAL 2006 */

/* GRUNDLAGEN - - - - - - - - - - - - - - - - - - */

* { font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; margin: 0; padding: 0; }
html { height: 100%; }
body { font-size: 100.01%; color: #222; background-color: #FFF; }

div { display: block; }
.trenner { display: block; clear: both; }

h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1em; }
h3.download, h3.links { margin: 0 0 .5em 1.5em; font-size: .6em; text-transform: uppercase; font-weight: normal; color: #777; }

a { text-decoration: none; color: #000; }
a:hover { }
a img { border: none; }

label { display: block; margin: .5em 0 0 0; width: 25em; cursor: pointer; }
p, .p_like { margin: 1em 0 1em 0; }

/* LAYOUT - - - - - - - - - - - - - - - - - - - - */

#center { position: relative; display: block; margin: 0 auto 0 auto; width: 48.75em; }
#wrapper { z-index: 10; position: relative; display: block; padding: 0 0 0 0; width: 48.75em; font-size: 1em; color: #333; text-align: left; }
.toppes { display: block; width: 25em; height: 3em; background-color: #000; }
#menue { position: relative; width: 48.75em; height: 1.5em; }

#subleft, #subright { float: left; overflow: hidden; }
#subleft { width: 25em; background-color: #000; }
#subright { width: 23.75em; }

#mediabox { z-index: 20; position: relative; height: 31.25em; width: 100%; }
#mediabox h1 { position: absolute; top: .5em; left: .5em; display: inline; color: #333; font-weight: bold; }
#mediabox a { position: absolute; top: 5em; left: 1em; }
#content { position: relative; width: 100%; margin: 0 0 2em 0; padding: 0 1em 0 1em; font-size: .9em; }

#settings { z-index: 30; position: absolute; top: 0; right: 0; }

#footer { position: relative; display: block; width: 100%; margin: 1em 0 1em 0; font-size: .6em; text-align: right; }
#center #footer a { color: #CCC; padding: 0 1em 0 0; }

/* LISTEN - - - - - - - - - - - - - - - - - - - - */

#menulist { 
	position: relative; width: 25em; height: 1.5em; overflow: hidden; margin: 0;
	list-style-type: none; background: #000 url(../style/img/site/menu_bgr.gif) left top repeat-x;
}
#menulist li { display: inline; }
#menulist li a {
	float: left; display: block; padding: .25em 0 0 1em; height: 1.5em; width: 5.25em;
	font-family: arial, verdana, helvetica, sans-serif; font-size: .95em; text-align: left; color: #AAA;
}
#menulist li a:hover, #menulist li.active a { color: #FFF; }
#menulist li#firstentry {}
#menulist li .space { display: block; float: left; background-color: #000; height: 3.13em; width: 1px; }

ul#language { display: block; width: 100%; list-style-type: none; font-size: .7em; overflow: hidden; border-top: 1px solid #333; }
ul#language li { display: block; width: 100%; padding: .25em 0 .45em 1em; color: #999; border-top: 1px solid #000; border-bottom: 1px solid #333; }
ul#language li.langu, ul#language li.langu_a { padding: 0; }
ul#language li a { display: block; padding: .25em 0 .45em 1em; width: 100%; color: #DDD; }
ul#language li a:hover, ul#language li.langu_a a  { background-color: #333; color: #FFF; }

ul.submenu, ul#downloads, ul#linklist { display: block; width: 31.55em; margin: 3em 0 0 0; list-style-type: none; font-size: .7em; }
ul#downloads, ul#linklist { margin: 0; }
ul.submenu li, ul#downloads li, ul#linklist li { display: block; width: 100%; margin: 0 0 .1em 1.25em; }
ul.submenu li a, ul#downloads li a, ul#linklist li a { display: block; padding: .25em 0 .25em 1em; width: 100%; background-color: #AAA; color: #FFF; }
ul.submenu li.active a { background-color: #555; }
ul.submenu li a:hover, ul#downloads li a:hover, ul#linklist li a:hover { background-color: #777; color: #FFF; }

/* FORMATIERUNG INHALTE - - - - - - - - - - - - - */

.breadcrumbs { display: block; color: #BBB; font-size: .7em; text-transform: uppercase; }
.breadcrumbs a { color: #777; }

#content ul { padding: 0; margin: 0 1em 0 1em; }
#content ul li { margin: 0 0 .25em 0; list-style-type: square; }

ul#articlelist {}
ul#articlelist li.articlelist_group { margin: 1em 0 0 -1em; list-style-type: none; font-weight: bold; }

#settings #setsize { display: inline; }
#make_s, #make_l { display: inline; background-color: transparent; color: #333; border: none; font-size: 2em; font-weight: bold; cursor: pointer; }

#vorname, #name, #telefon, #email, #text { width: 25em; font-size: .9em; }
#footer a { color: #333; }

.form, .formred { padding: .1em; border: 1px solid #333; }
.formred { border: 1px solid #E00; }