body
{
    background: url( "../images/bg-body.gif" ) repeat;
    height: 100.1%;
}

html { height: 100.1%;  }
a:visited { color: #0072bc;  }
#mitte {
 position: relative; width: 590px; display:block; background:#fff; overflow:visible; border-style: solid;
  border-color: #800000;
  border-left-width: 180px;
  border-left-color: #f0f0f0;
  border-right-color: #f0f0f0;
  border-right-width: 180px;
  border-width: 0 180px 0 180px;
}

#gallery { min-height: 482px; }

#inhalt {  
  background-color: #fff;
  min-height: 482px;
  height: 100%;
  padding: 20px;   
}
.clear { clear:both;height:1px;overflow:hidden; }

#links { float:left; left: 0px; position: relative; width:180px; margin-left: -179px; display:inline;}
.leftContent { margin: 140px 10px 20px 10px;  font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    font-size: small;
    text-align: left;
    color: #000000;  } 
.rightContent { margin: 20px 10px;  }
#rechts {float:right; position:relative; width:180px; margin: 10px -179px 0 0; display:inline; }
#inhaltLinks { width: 600px; padding: 15px; float: left; min-height: 482px;  }
.rechts { width: 260px;  float: right; padding-right: 15px;  margin-top: 15px; }
.rechts .contentimage {  width 250px; margin-right: 45px; margin-top: 50px; }
.rechts table {  font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif; font-size: 90%; }
#inhaltVoll { padding: 15px; min-height: 482px; }
#all
{
    width: 950px;
    min-height: 650px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}



/* Top of the page  */
#horizon
{
    background-image: url( '/images/header-shw.jpg' );
background-image: url( '/upload/header1.jpg' );
    background-repeat: no-repeat;
    background-position: left;
    background-color: #fff;
    width: 950px;
    height: 233px;
    border-bottom: 1px solid #800000;    
overflow: hidden;
    
}

#logo
{    
    height: 100px;
    width: 100px;
    margin: 20px 40px 20px 40px;
    background: url("../images/logo-shw.gif") no-repeat;
    position: absolute;
}



/* "Hauptfenster" - da wo die info steht  */
.headLine
{
    font-family: TradeGothic-Bold, Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    color: #003366;
    font-size: medium;
    font-weight: bold;
    text-align: left;
    min-height: 30px;
    text-align: left;
    padding: 10px 10px 10px 0;   
    z-index: -1;
}


.content
{
    font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    font-size: small;
    text-align: left;
    color: #000000;
    min-height: 150px; /*margin-top: 10px;*/
}

.content h1
{  
    font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    color: #003366;
    font-size: medium;
    font-weight: bold;
}

.content h2, .contactTable h2  
{
    font-family: TradeGothic-Bold, Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    padding: 3px 0 3px 5px;
    width: 400px;
    background: #003366;
}

.contactTable { margin-left: -10px; font-size: 90%;  }
.contactTable h2  
{
    font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    padding: 3px 0 3px 5px;
    width: 220px;
    background: #003366;
}


.content table td { vertical-align: top; padding-left: 20px; }
#impressum td { width: 230px;  }
.flushleft {
    float: left;
    margin: 10px 20px 0 5px;
}	  

html>body .flushleft {
/* Correct value for browsers that don't suffer from IE Win's bugs */
   margin: 10px 10px ;
}
.sitemap
{
    font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    font-size: small;
    width: 600px;
    min-width: 482px;
}

#sitemap, #sitemap ul
{ 
    list-style: none;  
}

/* ############## News ################# */
#main { padding: 10px;  }
h1.newsContent {       font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    color: #003366;
    font-size: medium;
    font-weight: bold;
    text-align: left;
    min-height: 30px;
    text-align: left;
    padding: 10px 10px 0px 10px;   
    z-index: -1;  
}
.newsHead {background: #f0f0ff;  font-color: #003366; margin-bottom: 10px; padding: 10px;  }
.newsText {  font-family: Tahoma, Verdana, Georgia, Arial, Sans-Serif;
    font-size: small;
    text-align: left;
    color: #000000; 
    padding: 10px; 
}

.bilder { width: 930px; text-align: center; }
.vorschau table { height: 250px;  }
.bilder td table { margin-left: auto; margin-right: auto; text-align: left; width: 50%; }


/************** Kontakt *******************/
.contact
{
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    text-align:left; 
}

div.row 
{
    clear: both;
    padding-top: 3px;
    padding-bottom: 3px;
    width:400px;
}

div.row span.label
{
   float: left;
   width: 70px;
   min-width: 70px;
   text-align: left;
   color:#000;
}

div.row span.formw 
{
   float: left;
   margin-left: 0px;
   margin-bottom: 4px;
   text-align: left;
   max-width: 480px;
   width: 250px;
}

.td_left {padding-left: 50px; width: 500px;  }
/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:75px;
}
#contactForm label.labelBreit{
    display:block;
    float:left;
    width:120px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/***************************************
*****      Flowplayer
****************************************/
#page {
	background-color:#efefef;
	width:600px;
	margin:50px auto;
	padding:20px 150px 20px 50px;
	min-height:600px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	text-align:left;
}

h1, h2 {
	letter-spacing:-1px;
	color:#2D5AC3;
	font-weight:normal;		
	margin-bottom:-10px;
}

h1 {
	font-size:22px;
}

h2 {
	font-size:18px;
}

.less {
	color:#999;
	font-size:12px;
}

a {
	color:#295c72;		
}