html { margin:0; padding:0; }
body {  margin:0; padding:0; font-size:12px; font-family:Helvetica, Arial, sans-serif; 
	background:url(../img/stripe.png); }
#container { position:absolute;top:0;left:50%; right:50%;margin:0 -500px;width:1000px; 
/*	background:url("../img/1.jpg") top no-repeat; */
	background-color:#fff; }
html* #container { overflow:hidden; } /* for damn long bottom-line in safari */
/* blue: #00AEEF */
#bottom-line { position:absolute;bottom:0;left:360px;right:0; border-bottom:5px solid #00AEEF; }
html* #bottom-line { position:relative; clear:both; margin-top:10px; } /* Safari-Hack unfortunately read by IE */
#middle-line { position:absolute;top:290px;left:360px;right:0; border-bottom:5px solid #BABABA; }
* + html #middle-line { top:275px !important; }
#header { float:left; margin-bottom: 30px; }

#lowcontainer { clear:both; position:relative; margin-top: 290px; margin-bottom:20px; width: 100%; padding:0;  }
#lowcontainer #content { margin: 30px 0 0 380px; color:#777; }
#brightsidelogo { float:left; margin:10px 0 40px 30px; }
/* DAMN SAFARI-HACKS */
html* #header { position:absolute; top:0; z-index:1; }
html* #lowcontainer #content { margin-top: 330px !important; margin-bottom:50px; } /* IE7 + SAFARI */
/* damn IE-hack because of damn safari-hack (only read by IE) */
* + html #brightsidelogo { margin:330px 0 40px 30px; }

#navi { position:absolute; top:0; right:0; z-index:1000; overflow:hidden;margin: 0 0 0 360px; width:640px;
	border-top: 6px solid #00AEEF; background-color:#fff;
	height: 30px; text-transform:uppercase; letter-spacing:0.1em; color: #808080; font-size:0.9em; }
#navi li { float:left; margin:8px 0px; padding:1px 10px; border-right:1px solid #999; }
/* html* #navi li#kontakt { padding-right:70px; } */
#navi li#kontakt { border-right:none; }
#navi #en_li, #navi #de_li { float:right; border-right:none; border-left:1px solid #999;}
#navi li a { text-decoration:none; display:block; }
#navi li a:hover { text-decoration:underline; } /*font-variant: small-caps;*/
/* BLOG */
.page_list {  margin:40px 0 20px 40px; font-size:10px; }
.page_list div.previous { width:10px;height:10px; }
#content ul li a { border:none; }
#content ul li a:hover { border:none; }
#content a img.img0 { margin-left:30px; }
#content a:hover h1.news span.headline,#content a:active h1.news span.headline { border-bottom:1px solid; }
a h1.news span.headline { border-bottom:1px dotted; }
h1.news { font-size:16px;margin-top:20px;padding-bottom:0px; }
h1.first { margin-top:0 !important; }
.headline { vertical-align: top; }
.h1_date { vertical-align:0px; margin-left:10px; font-size:10px; color:#a1a1a1; }
q { font-style:oblique; font-size:16px; line-height:18pt; }
q:before { content:"\00AB\00A0"; }
q:after { content:"\00A0\00BB"; }
q q:before { content:"\2039\00A0"; }
q q:after { content:"\00A0\203A"; }
div.line { margin:22px 0px 0px -20px;height:0;text-align:center;border-bottom:5px solid #BABABA; }
div.imgs_detail { display:inline-block; margin-bottom:15px; }
p.img_description { font-size:11px; text-align: center; width: 500px; margin:1px 0 0 0 !important; } /* width: 100% only in new browsers :( (because of inline-block */

/* TEXT STYLES & MODIFIERS */
p { margin:2px 50px 5px 0; line-height: 18px; }
.justify { text-align:justify; }
.emph { color:#00AEEF; font-weight:bold; }
.blue { color:#00AEEF !important; }
.small, .helptext { font-size:11px; }
.helptext { color: #aaa; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px !important; }
.big { font-size: 14px; }
.biggest { font-size: 16px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#aaa !important; font-weight:normal !important; 
	letter-spacing:100%; text-transform:none; font-variant: normal; }
.strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.light { font-weight:light; }
span.star { vertical-align:top; margin-top:5px; display:inline-block; }

table.top tr th { vertical-align: top !important; padding-top:3px; }
/* FORM DEFAULTS */
form { margin:0; padding:0; }
input { background:#fff; color:#00AEEF; margin:0; padding:0 0 0 1px;
	vertical-align:middle; font-weight:normal; font-size:11px; }
input[type=text], input[type=password], textarea, select, .vTextField { border:1px solid #bbb; }
input[type=submit], input[type=button], input[type=reset], .submit-row input { font-size:12px; 
	padding:3px; background:#cc9933; color:#fff; border:none; }
input.error, textarea.error { border:1px solid red; }
textarea { background:#fff; vertical-align:top !important; color: #666; }
input[type=submit]:active, input[type=reset]:active, input[type=button]:active { color:black; }

.form_ul li { line-height: 1.4em; }
.form_ul li label, .info_ul li span.bold { display:inline-block; width:140px; }
.form_ul li input, .info_ul li span.info { vertical-align: top; margin-top:1px; }
.info_ul { margin-bottom: 15px; }
ul.errorlist li { margin-top:0; color: #EF6A6A; }

.radio_div { margin-top:20px; }
.sub_menu, .radio_buttons { margin:5px 0 5px 20px; }
.radio_buttons { word-spacing:2em; }

/* GLOBAL DEFAULTS */
ul { margin:0; padding:0; list-style-type:none; }
ul li { margin: 5px 0; }
#content a { text-decoration:none; border-bottom:1px dotted; }
#content a:hover { border-bottom:1px solid; }
a.normal { text-decoration:none; border-bottom:1px dotted !important; }
a.normal:hover { border-bottom:1px solid !important; }
a { color: #808080; }
a:visited { color: #888; }
h1,h2,h4,h5 { font-weight:lighter; }
h1 { font-size: 22px; letter-spacing: 60%; }
h1, h2 { color: #00AEEF; }
h2 { margin: 14px 0 7px 0; font-size: 16px; }
h2,h3,h4,h5 { font-size: 12px; }
h3 { font-weight:bold; margin:0; }
h4 { margin: 20px 0 7px 0; font-size: 14px; }
dt, dd { font-size:11px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }
:link:focus, :visited:focus { -moz-outline: 0px dotted; }
img { border:none; }
a img { text-decoration:none !important; }