@media all
{

* {
padding:0px;
margin:0px;
}

.clearleft {clear:left;}
option {padding-left: 0.4em;}
html {height:100%;}
img {border:none; }

body {
min-height:101%;
height:100%;
font-family: verdana, arial, sans-serif;
font-size: 100.01%;
position: relative;
text-align:center; 
overflow:scroll;
background-color: #fafaf0;
color:#000000;
overflow-y:scroll;
}

#pagemargins {
width:1024px;
margin:0px auto;
padding-bottom:40px;
background:transparent;
}

#boxlinks {
height:40px;
}

#navispecial {
float:right;
text-align:right;
height:30px;
margin-top:10px;
}

/* ### Special-Navigation ############################################### */

ul#naviy {
  list-style:none;
  margin-bottom:10px;
  clear:both;
  }
  
ul#naviy li {
  float:left;
  padding:0px;
  margin:0px 5px;
}

ul#naviy li a {
  background-repeat:no-repeat;
  display:block;
  overflow:hidden;
  text-indent:999em;
  white-space:nowrap;
  height:24px;
}

ul#naviy li a:hover,ul#naviy li.current a,ul#naviy li.over a {
  background-position:0px -30px;
}

/* ### Header ############################################################ */


#header {
height:150px;
background-color:#000;
}

#logo {
float:left;
height:150px;
}

#logo img {
margin:39px 0 0 10px;
padding:0;
}


/* ### Navigation 1. Ebene (rot) ############################################### */

#navi1 {
background-color:#000;
margin-top:110px;
margin-right:20px;
float:right;
height:40px;
}

ul#navi {
list-style:none;
  }
  
ul#navi li {
  float:left;
  padding:0px 10px;
}
ul#navi li a {
  background-repeat:no-repeat;
  display:block;
  overflow:hidden;
  text-indent:999em;
  white-space:nowrap;
  height:30px;
}

ul#navi li a:hover,ul#navi li.current a,ul#navi li.over a {
  background-position:0px -30px;
}

/* ### Beginn Content-Bereich ################################################## */

#contentwrapper {
float:left;
width:1024px;
background-color:#E6E6CD;
text-align:left;
line-height:normal;
}

#navi2 {
clear:left;
margin-top:10px;
margin-bottom:15px;
text-align:center;
}

.tabelle {
display:table;
margin:0 auto;
height:28px;
}

*html .tabelle {
display:inline;
margin:0 auto;
}


/* ### Definition Contentelemente ###########################*/

/* div with the gallery inside */
#left{ 
	float:left;
	width:500px;
	}

#right{
	float:right;
	width:514px;
	border-left:2px solid black;
	margin-bottom:15px;
	}

#mitte {
	float:right;
	width:514px;
	margin-bottom:15px;
	}
	
p.bodytext {
	margin-left:20px;
	font-size:11px;
	margin-right:4em;
	text-align:justify;
	margin-bottom:1.2em;
	line-height:1.5em;
	}
	
/* Formatierung für den grafischen Header */

h2.imageheader {
     height:26px;
      background-repeat:no-repeat;
      padding: 0;
      margin: 0 0 10px 0;
}

h2.imageheader strong{
       display:none;
}

/* Formatierung der Links */
a {text-decoration:none; color:#ff0000;}
a:visited {text-decoration:none; color:#ff0000;}
a:active {text-decoration:none; color:#ff0000;}
a:hover {text-decoration:underline; color:#ff0000;}

/* #############  Navi 2. Ebene  ##################################################### */

ul#navix {
  list-style:none;
  }
  
  
ul#navix li {
  float:left;
  padding:0px;
  margin:0px 10px;
} 

ul#navix li a {
  background-repeat:no-repeat;
  overflow:hidden;
  text-indent:999em;
  white-space:nowrap;
  height:24px;
  display:block; 
}

ul#navix li a:hover,ul#navix li.current a,ul#navix li.over a {
  background-position:0px -30px;
 }


/* ########################################################################### */


/* div around the imgs */
.carouselWrapper {

}

/* single thumbnail */
.thumbnail{
  float:left;
  border:1px solid #777759;
  background:#fafaf0;
  margin-bottom:4px;
}

/* label = title of an image */
.label {
  display:none;
}

/* number of the image */
.number {
  font-weight:normal;
  font-style:italic;
}


/* ########################################################################### */

#footer {
clear:both;
height:30px;
background-color:#000;
}

#footer p {
padding:9px 0 0 0;
color:#fafaf0;
font-size:11px;
font-weight:normal;
text-align:center;
}

#footer a:link {text-decoration:none; color:#fafaf0;}
#footer a:visited {text-decoration:none; color:#fafaf0;}
#footer a:hover {text-decoration:underline; color:#fafaf0;}
#footer a:active {text-decoration:underline; color:#fafaf0;}


/* ### Konfiguration der Inhaltselemente ####################################*/

/* ### Mailform #############################################################*/

form {
	overflow:hidden;  
	}

.csc-mailform {
	border:0;
	margin-top:15px;
	}
	
.csc-mailform-field {
	margin-bottom:6px;
	}
	
input, textarea {     	
	width:350px;
	font-size:0.7em;
	border:1px #000 solid;
    	background:#fafaf0;
	color:#64644f;
	padding:3px;
	}
	
input {
	height:22px;
	}

textarea {
	font-size:1em;
	}
	
input[type=text]:hover, input[type=password]:hover, textarea:hover {
	border:1px solid #5d5d49;
	color: #5d5d49;
	backgroundcolor:#e6e6cd;
	}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border:1px solid 7e7e68;
	color:5d5d49;
	}
	
.csc-mailform-field label {
	margin-left:20px;
	float:left;
	font-size:0.7em;
	width:80px;
	padding:4px;
	}
  

.csc-mailform-submit { 
	margin-top:1em;
	margin-bottom:2em;
	width:100px;
	margin-left:108px;
	background:#000;
	color:#e6e6cd;
	font-weight:bold;
	font-size:0.9em;
	height:28px;
	}
	
*html .csc-mailform-submit { 
	margin-left:103px;
	
	}

.csc-mailform-submit:hover {
	color:red;
	}

.csc-mailform-submit:focus {
	color:e6e6cd;
	}
	

/* ### Formatierung Bilder Referenzen ### */



.csc-textpic-image { 
	padding:0 10px 0 20px;
	}



  
}