/****************************************************************************
version:   1.0
author:    Simone Litterst
email:     design@simone-litterst.de
website:   http://www.simone-litterst.de/
 ****************************************************************************/


/*###########################################################################
       =Allgemeine Grundeinstellungen
  ###########################################################################*/

 
/* Kommentar: Verwendete Farben:
     #96004F, 75033F  DunkelRot, Hintergrund, Logo; Navigation
     #FEFAD2  Hellgelb, Hintergrund Inhalt
	 #36352A  DunkelGrau, Fliesstext, Hauptpunkt Unternav
*/

/* Werte fuer padding and margin werden alle auf Null gesetzt */
* {
  margin: 0;
  padding: 0;
}

p {
  padding:0px 0 10px 0;
}


/* Mit dieser Klasse können floating Bereiche zurückgesetzt werden */
.clear {
  clear:both;
}


/* Rahmen um Bilder sind unerwuenscht */
img {
  border: 0;
}

body {
	background-color:#75033F;
	
}


/* ***Ueberschriften*** */
h1 {
padding:10px 0 20px 0;
padding:20px 0 35px 0;
font-size: 120%;
 color: #525151;
}
h2 {
padding:0px 0 5px 0;
font-size: 100%;
 color: #525151;
}

h3 {
padding:5px 0 5px 0;
font-size: 100%;
}
h4 {
padding-bottom:1%;
font-size: 100%;
}

.italic {
		font-style: italic;
	}
.bold {
		font-weight: bold;
	}

.enlarge {
		font-size:1.2em;
	}
.indent {
text-indent:-60px;
margin-left:60px;
}
.indent_square {
text-indent:-10px;
margin-left:25px;
}
.red {
		color:#96004F;
	}	
.grey {
		color:#36352A;
	}	

	
/* ***Links*** */

a {
		text-decoration: none;
		
	}
a:link {
		color: #96004F;
	}
a:visited {
		color: #96004F;
	}
a:hover {
		color: #36352A;
		text-decoration: none;
	}
	a:focus {
   outline: none;
}
.left {
float:left;
}
.right {
float:right;
}
.distance {
padding:70px 0 0px 0;
}
.distance1 {
padding:10px 0 20px 0;
}
.distance2 {
padding:0px 0 20px 0;
}
.distance3 {
padding:40px 0 0px 0;
}
.distance4 {
padding:20px 0 5px 0;
}
.distance5 {
padding:0px 14px 0px 0;
}
.distance6 {
padding:0px 0px 15px 0;
}

/* ***Typographische Angaben*** */
body {
  color: #36352A;
  font-family:Verdana, Helvetica,  sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  text-decoration:none;
}
/*###########################################################################
       =#wrapper
  ###########################################################################*/
#wrapper {
	width:960px;
	margin-top:45px;
	float:right;
	overflow:hidden;
	
	position:relative;
	left:50%;
	margin-left:-480px;
	float:left;
}
#logoWrapper a {
	height:106px;
	width:88px;
	position:absolute;
	top:113px;
	left:30px;
}

/*###########################################################################
       =#head: MainNav
  ###########################################################################*/
#head {
	float:left;
	background: url(../images/bg/bg_head.jpg) no-repeat;
	height:116px;
	width:960px;
}
#mainNav {		
	float:right;
	padding-top:56px;
	position:relative;
}
#mainNav ul {		
	float:right;
	color:#96004F;
  	font-size: 1em;
  	font-weight: bold;
  	text-decoration:none;
	padding:0px 14px 0px 0px;
}
#mainNav li {		
	list-style:none;
	padding:0px 14px 0px 0px;
	float:left;
}
 .element1 {	
margin-top:-3px;
}
.element2 {	
margin-top:14px;
}
.element3 {	
margin-top:28px;
}
.element4 {	
margin-top:36px;
}
.element5 {	
margin-top:24px;
}
.element6 {	
margin-top:12px;
}
#mainNav li a {		
	text-decoration:none;
	color:#96004F;
}
#mainNav li a:visited {		
	text-decoration:none;
	color:#96004F;
}
#mainNav li a:hover {
	text-decoration:none;
	color: #36352A;
}
#mainNav .NavHigh {
	text-decoration:none;
	color: #36352A;
}
/*###########################################################################
       =#Content
  ###########################################################################*/
#innerWrapper {		
	float:left;
	width:960px;
	background: url(../images/bg/bg_left.jpg) no-repeat left top;
	background-color:#FFFAD6;
	min-height:593px;
	height:auto !important;  /* für moderne Browser */
	height:593px;  /*für den IE */
}
#innerWrapperHome {		
	float:left;
	height:536px;
	height:593px;
	width:960px;
	background: url(../images/bg/bg_left.jpg) no-repeat left top;
	background-color:#FFFAD6;
}
.bg_top_right {		
	position:absolute;
	left:626px;
	top:116px; 			
}
/*###########################################################################
       =#primaryContent:SubNav
  ###########################################################################*/
#primaryContent { 
	width:157px;
	float:left;
}
/*###########################################################################
       =#SubNav
  ###########################################################################*/
#subNav ul {		/*Extra Style: IE6, IE7*/
	padding:100px 0 0 20px;
	padding:130px 0 0 20px;
}
#subNav .main {
	font-size: 1em;
	padding-left:0;
	font-weight: bold;
}
#subNav li {
	list-style:none;
	font-size: 0.9em;
	padding-left:5px;
	padding:0px 0 8px 5px;
	font-weight: bold;
}
#subNav li a {
		text-decoration: none;
	}
#subNav li a:link {
		color: #96004F;
	}
#subNav li a:visited {
		color: #96004F;
	}
#subNav li a:hover {
		color: #36352A;
		text-decoration: none;
	}
#subNav li a:focus {
   outline: none;
}
/*######=SubSubNav##############################*/
#subNav ul .subSubNav {		
	padding:0px 0 0 5px;
}
#subNav ul .subSubNav li {
	list-style:none;
	font-size: 0.9em;
	padding-left:5px;
	padding:0px 0 6px 5px;
	font-weight: normal;
}
#subNav ul .subSubNav li a {
		text-decoration: none;
	}
#subNav ul .subSubNav li a:link {
		color: #96004F;
	}
#subNav  ul .subSubNav li a:visited {
		color: #96004F;
	}
#subNav ul .subSubNav li a:hover {
		color: #36352A;
		text-decoration: none;
	}
#subNav ul .subSubNav li a:focus {
   outline: none;
}
/*###########################################################################
       =#secondaryContent
  ###########################################################################*/
#secondaryContentWrapper { 
	float:left;
	/*
	position:relative;
	padding:20px 0px 50px 30px;
	width:618px;
	*/
	padding:20px 0px 50px 40px;
	width:608px;
}
#secondaryContentWrapperHome { 
	float:right;
	height:460px;
	padding:133px 80px 0 0px;
	width:693px;
	background: url(../images/home/bg_bottom.jpg) no-repeat bottom right;
}
#secondaryContentWrapperHome a span {
	display: none;
}
#secondaryContentWrapperHome a {
	display: block;
	height: 39px;
	text-decoration: none;
	padding:30px 0px 0px 10px;
}
#secondaryContentWrapperHome .btn {
background: url(../images/home/btn_weiter.gif)
		no-repeat;
	width: 102px;
}
#secondaryContentWrapperHome .btn :hover {
	background: url(../images/home/btn_weiter_high.gif)
		no-repeat;
}
.distance7 {
padding:40px 0px 0px 400px;
}
#img { 
	float:right;
	padding:100px 0px 0px 0px;
}
#img img {
padding:0px 0px 8px 0px;
}
/*###########################################################################
       =#Table
  ###########################################################################*/
.table caption { 
	padding:10px 0 0px 0px;
font-size: 120%;
font-weight:bold;
text-align:left;
}

.table { 
	margin:10px 0 10px 0px;
	border: none;
	border: 1px solid #DCD9D9;
	border-collapse: collapse;
	font-size: 0.8em;
	width:99%;
	width:100%;
	text-align:left;
	
	/*white-space:pre;*/
}
.table thead th {
	background-color: #EEEEEE;
	border-bottom: 1px solid #DCD9D9;
	padding:0.5em;
	}
.table th, 
.table td {
	border: 1px solid #DCD9D9;
	padding:0.75em;
	}
.table th {
	background-color: #EEEEEE;
}
.table td,
.table th {
	vertical-align:top;
	}


/*###########################################################################
       =#Kontaktformular
  ###########################################################################*/

fieldset {
 margin: 0 20px;
 padding: 0;
 border :  solid 0 transparent;
}
fieldset#tx-powermail-pi1_fieldset_4 {
 margin: 30px 20px 30px 20px;
}
legend {  
 display: none;
}
div.tx_powermail_pi1_fieldwrap_html {
 margin: 0 0 2px 0;  
}
form#kontaktformular p {
display:none;
}
/*div.tx_powermail_pi1_fieldwrap_html_check {
clear:both;
padding-bottom:8px;
}*/
div.powermail_check_inner label {
float:right;
padding-left:10px;
padding-right:195px;
width:350px;
}
label {  
 float: left;
  width: 105px;
 padding-right:10px;
}
input[type="text"], input[type="file"], textarea {	/*extra Styleanweisung für: IE6*/
 border: 1px solid #75033F;
 padding:2px 5px 2px 5px;
 width:218px;
 background-color:transparent;
}

.submit,
.tx-powermail-pi1_confirmation_back,
.tx-powermail-pi1_confirmation_submit {			/*extra Styleanweisung für: IE6*/
  	color:#FEFAD2;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #75033F;
  border: 0;
  margin:2px 0 0 115px;
  cursor:pointer;
  }
  .powermail_mandatory_js {	
  	color:#FEFAD2;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 90%;
  	font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #75033F;
  border: 0;
  margin:2px 0;
  
  }
/*###########################################################################
       =#FooterNav
  ###########################################################################*/
#footerNav {		
	float:left;
	margin-top:-30px;
	padding:0px 198px;
}
#footerNav ul {		
	color:#96004F;
  	font-size: 0.9em;
  	font-weight: bold;
  	text-decoration:none;
}
#footerNav li {		
	list-style:none;
		padding:0px 28px 0px 0px;
	float:left;
}
#footerNav li a {		
	text-decoration:none;
	color:#96004F;
}
#footerNav li a:visited {		
	text-decoration:none;
	color:#96004F;
}
#footerNav li a:hover {
	text-decoration:none;
	color: #36352A;
}
#footerNav .NavHigh {
	text-decoration:none;
	color: #36352A;
}