html
{ height:100%;}

*
{ margin:0;
  padding:0;}

body
{ font:normal 100% Arial, Helvetica, sans-serif;
  color:#000;
  background:#FFFFFF url(../images/background.jpg) center no-repeat; background-position:center}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

p
{ padding:0 0 10px 0;
  line-height:1.7em;}

img
{ border:0;}

h1, h2, h3, h4, h5, h6 
{ font:italic 250% Times, serif;
  color:#000;
  letter-spacing:-1px;
  margin:0 0 10px 0;}

h2
{ font-size:165%;}

h4, h5, h6
{ margin:0;
  padding:0 0 0px 0;
  font-size:150%;
  line-height:1.5em;}

h5, h6
{ font:normal 95% Arial, Helvetica, sans-serif;
  padding-bottom:15px;}

h7
{ font:normal 130% Arial, Helvetica, sans-serif;
  color:#000;
  letter-spacing:-1px;
  margin:0 0 10px 0;}

a, a:hover
{ color:#000;
  background:transparent;
  outline:none;
  text-decoration:underline;}

a:hover
{ color:#00F;
  text-decoration:underline;}

ul
{ margin:2px 0 22px 30px;
  line-height:1.7em;
  font-style:normal;
  font-size:80%;}

ol
{ margin:8px 0 22px 20px;}

ol li
{ margin:0 0 11px 0;}

#rot
{ font-weight:bold;
  color:red; }

#hinweis

{ font:normal 60% Arial, Helvetica, sans-serif;
  padding:150px 0 0 0; }

#main, header, #banner, #menubar, #site_content, footer, #content_grey, nav
{ margin-left:auto; 
  margin-right:auto;}

#main
{ background:transparent;}
  
header
{ height:229px;}

#banner
{ width:940px;
  position:relative;
  height:50px;
  padding:15px 0 0 0;
  background:transparent;}
 
nav
{ height:50px;}  
  
#menubar
{ width:830px;
  height:50px;
  text-align:center; 
  margin:0 auto;} 
  
#welcome
{ width:880px;
  float:left;
  height:165px;
  margin:0 auto;
  padding-left:20px;
  padding-top:20px;
  background:transparent;} 
  
#welcome_slogan
{ width:880px;
  float:left;
  height:30px;
  margin:0 auto;
  padding-left:100px;
  background:transparent;}   
   
#welcome H3
{ font:italic bold 300% Times, serif;
  letter-spacing:0px;
  color:#66F;}

#welcome_slogan H3
{ font:italic 100% Times, serif;
  letter-spacing:0px;
  color:#66F;}  
  
ul#nav
{ margin:0;}

ul#nav li
{ padding:0 0 0 0px;
  list-style:none;
  margin:2px 0 0 0;
  display:inline;
  background:transparent;}

ul#nav li a
{ float:left;
  font:bold 120% Arial, Helvetica, sans-serif;
  height:24px;
  margin:10px 4px 0 4px;
  padding:6px 25px 0 25px;
  background:transparent; 
  border-radius:7px 7px 7px 7px;
  -moz-border-radius:7px 7px 7px 7px;
  -webkit-border:7px 7px 7px 7px;
  text-align:center;
  color:#66F;
  text-decoration:none;} 
  
ul#nav li.current a, ul#nav li:hover a
{ color:#006;
  background:#CCC;
  background:-moz-linear-gradient(#DDD, #6AF);
  background:-o-linear-gradient(#DDD, #6AF);
  background:-webkit-linear-gradient(#DDD, #6AF);  
  text-shadow:none;}

#site_content
{ width:940px;
  overflow:hidden;
  margin-bottom:30px;
  background:url(../images/bgcontent.jpg) repeat;
  border-radius:0px 0px 7px 7px;
  -moz-border-radius:0px 0px 7px 7px;
  -webkit-border:0px 0px 7px 7px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;} 

#content
{ width:900px;
  margin:0 0 20px 20px;
  float:left;}

.content_item
{ width:900px;
  margin-bottom:20px;}

.content_text
{ width:890px;
  padding:5px;
  margin:20px 0 0 0;
  float:left;}
 
.content_imagetext
{ width:890px;
  padding:5px;
  margin:20px 0 0 0;
  float:left;}

.content_centertext
{ width:890px;
  padding:5px;
  margin:20px 0 0 0;
  clear:left;
  text-align:center}

 
.content_image
{ float:left; 
  width:300px;
  height:199px;
  margin:0 20px 10px 0;
  padding:10px;
  -moz-box-shadow:inset 0 0 20px #ADADAD;
  -webkit-box-shadow:inset 0 0 20px #ADADAD;
  box-shadow:   inset 0 0 20px #ADADAD;}

.content_image_double
{ float:left; 
  width:300px;
  height:402px;
  margin:0 20px 10px 0;
  padding:10px;
  -moz-box-shadow:inset 0 0 20px #ADADAD;
  -webkit-box-shadow:inset 0 0 20px #ADADAD;
  box-shadow:   inset 0 0 20px #ADADAD;}

.content_image_right
{ float:right;
  width:300px;
  height:199px;
  margin:0 20px 10px 0;
  padding:10px;
  -moz-box-shadow:inset 0 0 20px #ADADAD;
  -webkit-box-shadow:inset 0 0 20px #ADADAD;
  box-shadow:   inset 0 0 20px #ADADAD;}

.content_image_right_double
{ float:right;
  width:300px;
  height:402px;
  margin:0 20px 10px 0;
  padding:10px;
  -moz-box-shadow:inset 0 0 20px #ADADAD;
  -webkit-box-shadow:inset 0 0 20px #ADADAD;
  box-shadow:   inset 0 0 20px #ADADAD;}

.content_image_large
{ float:left; 
  width:450px;
  height:299px;
  margin:0 20px 10px 0;
  padding:10px;
  -moz-box-shadow:inset 0 0 20px #ADADAD;
  -webkit-box-shadow:inset 0 0 20px #ADADAD;
  box-shadow:   inset 0 0 20px #ADADAD;}

.content_image_right_large
{ float:right; 
  width:450px;
  height:299px;
  margin:0 20px 10px 0;
  padding:10px;
  -moz-box-shadow:inset 0 0 20px #ADADAD;
  -webkit-box-shadow:inset 0 0 20px #ADADAD;
  box-shadow:   inset 0 0 20px #ADADAD;}

.content_container
{ width:275px;
  padding:5px;
  margin:10px 10px 20px 0;
  float:left;}

.thumb_container a img
{ margin:0px 5px 5px 0px;
  padding:0px 0px 0px 0px;
  border-color:#afeeee;
  border-width:5px;
  border-style:solid;
  border-radius:10px;
  float:left;}
  
footer
{ width:940px;
  height:20px;
  padding-top:15px;
  padding-bottom:15px;
  margin-bottom:30px;  
  font-weight:bold;
  text-align:center; 
  background:transparent url(../images/transparent.png) repeat;
  border-radius:7px 7px 7px 7px;
  -moz-border-radius:7px 7px 7px 7px;
  -webkit-border:7px 7px 7px 7px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px;}

footer a, footer a:hover
{ text-decoration:none;
  padding-bottom:20px;
  color:#000;}

footer a:hover
{ text-decoration:underline;}
 
 .button_small
{ font:100% arial;
  text-align:center;  
  border:none; 
  width:99px;
  padding:5px 2px 7px 2px; 
  background:#CCC;
  background:-moz-linear-gradient(#DDD, #6AF);
  background:-o-linear-gradient(#DDD, #6AF);
  background:-webkit-linear-gradient(#DDD, #6AF); 
  color:#006;
  text-shadow:none;
  border-radius:7px 7px 7px 7px;
  -moz-border-radius:7px 7px 7px 7px;
  -webkit-border:7px 7px 7px 7px;}

 .button_small_float
{ float:left;
  font:100% arial;
  text-align:center;  
  border:none; 
  width:99px;
  padding:5px 2px 7px 2px;
  margin-right:10px; 
  background:#CCC;
  background:-moz-linear-gradient(#DDD, #6AF);
  background:-o-linear-gradient(#DDD, #6AF);
  background:-webkit-linear-gradient(#DDD, #6AF); 
  color:#006;
  text-shadow:none;
  border-radius:7px 7px 7px 7px;
  -moz-border-radius:7px 7px 7px 7px;
  -webkit-border:7px 7px 7px 7px;}

  .button_small a
{ text-align:center;
  color:#006;
  text-decoration:none;}

  .button_small_float a
{ text-align:center;
  color:#006;
  text-decoration:none;}

.form_settings
{ margin:0px 0 0 0;}

.form_settings p
{ padding:0 0 4px 0;}

.form_settings span
{ float:left; 
  width:280px; 
  text-align:left;
  text-shadow:none;
  color:#000;}
  
.form_settings input, .form_settings textarea
{ padding:2px; 
  width:299px; 
  font:100% arial; 
  border:1px solid #E5E5DB; 
  background:#FFF; 
  color:#47433F;}
  
.form_settings input[type="checkbox"]
{ padding:2px 0; 
  width:15px; 
  font:100% arial; 
  border:0; 
  background:#FFF; 
  color:#47433F;
  margin:28px 0;}

.form_settings .submit
{ font:100% arial; 
  border:none; 
  width:99px; 
  margin:0 0 0 206px; 
  height:26px;
  padding:2px 0 3px 0;
  cursor:pointer; 
  background:#CCC;
  background:-moz-linear-gradient(#DDD, #6AF);
  background:-o-linear-gradient(#DDD, #6AF);
  background:-webkit-linear-gradient(#DDD, #6AF); 
  color:#006;
  text-shadow:none;
  border-radius:7px 7px 7px 7px;
  -moz-border-radius:7px 7px 7px 7px;
  -webkit-border:7px 7px 7px 7px;}

.wichtigst
{ z-index:999;
  visibility:hidden;
  position:absolute;
  height:0;
  width:0;
  border:none;
  background:none;
  margin:0;
  top:0;
  left:0;
  clear:both;
  font-size:0px;
  line-height:0px;}