* {
  font-size: 100%;
   margin: 0;
   padding: 0;
   font-family: Arial,Helvetica,Verdana,Times;
   font-size:13px;
   line-height:17px;
   color:#003646;   
   
}

body {
  top:0;
  left:0;
  margin:0;
  padding:0;
  background-color:#99CCFF;
  position:relative;
}


h1,h2,h3,h4,h5,h6 { font-size: 100%; }

h1 {
	font-size:22px;
	font-weight:normal;
	margin-bottom:12px;
}

h2 {	
	font-size:15px;
	font-weight:bold;
}

h3 {	
	font-size:13px;
	font-weight:bold;
}

div.brightbox {
  background-color:#B7DBFF;
  padding:5px;
  margin-bottom:5px;
  float:left;
  width:470px;
}

div.label {
  background-color:#B7DBFF;
  float:left;
  width:150px;
}

div.info {
  background-color:#B7DBFF;
  width:320px;
}


a,a:link,a:visited,a:active,a:focus  {
	color : #9B4135;
	text-decoration : none;                          
}

A:HOVER  {
	text-decoration : underline;
	}
	
  
a.bestview,a.bestview:link,a.bestview:visited,a.bestview:active,a.bestview:focus {
  color : #CCCCCC;
  text-decoration: none;
  font-size:10px;
}

a.bestview:hover {
  color : #FAA631;
}
	

img.logo {
	margin-left:23px;
	margin-top:50px;
	float:left;
}

img.imgleft {
  padding:0px;
	margin-right:10px;
	float:left;
}

img.imgright {
  padding:0px;
	margin-left:10px;
	float:right;
}
	
ul.navigation {
	list-style:none;
  margin:0px;
}	

ul {
	list-style-position:outside;
  margin-left:18px;
}	
  
li.content {
	background-image:url(img/element_list.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	
} 

div.pair {
	line-height:20px;
	position:relative; 
	margin-bottom:5px;

}

label {
	width: 100px; 
	float: left;
}

label.must {
	width: 100px; 
	float: left;
	font-weight:bold;
}

p.error {
	color:#A62020;
	font-weight:bold;
}	 


/* ======================================================================= */
/* === FRAME-SETTING                                                       */
/* ======================================================================= */

#site {
  width:1000px;
  text-align:left;  
  position:relative;
}


#contentarea {  
  float:left;  
  width:680px;
}

#cow {  
  float:left;
  text-align:right;
  width:320px;
  margin-top:10px;
}

#mainnavigation {  
  background-image:url(img/bg_mainnavigation.gif);
  height:52px;  
}

#contentarea2 {  
  margin:0px;
  padding:0px;
}

#subnavigation {  
  margin:0px;
  padding:0px;
  width:200px;
  float:left;
}

#content {  
  margin:0px;
  padding:0px;
  width:480px;
  margin-top:80px;
  float:left;
}


/* ======================================================================= */
/* === NAVIGATION                                                          */
/* ======================================================================= */


/* ================================   Mainnavigation 1   =============================== */



#mainnavigation ul {
  list-style-type:none;
  padding-top:10px;
  padding-right:25px;
  float:right;
}


#mainnavigation li {   
  padding:0px;
  margin:0px;
  margin-left:10px;
  margin-right:10px;
  float:left;
}


#mainnavigation a.mainnavi1,a.mainnavi1:link,a.mainnavi1:visited,a.mainnavi1:active,a.mainnavi1:focus { 
 }
 
 #mainnavigation a.mainnavi1:hover {  
  background-color:#7EB2E6;
 }
 
 #mainnavigation a.mainnavi1over,a.mainnavi1over:link,a.mainnavi1over:visited,a.mainnavi1over:active,a.mainnavi1over:focus,a.mainnavi1over:hover {     
  background-color:#7EB2E6;
 }
 
 
 /* ================================   Subnavigation   =============================== */



#subnavigation ul {
  list-style-type:none;
  }


li.subnavigation {   
  padding:0px;
  margin:0px;
  background-color:#7EB2E6;
  width:170px;
  margin-bottom:2px;
  padding:3px;
}

li.subnavigation2 {   
  margin-left:20px;  
  padding:3px;
}




#subnavigation a.subnavigation1,a.subnavigation1:link,a.subnavigation1:visited,a.subnavigation1:active,a.subnavigation1:focus,a.subnavigation2,a.subnavigation2:link,a.subnavigation2:visited,a.subnavigation2:active,a.subnavigation2:focus { 
  color:#ECF4FB;  
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  background-image:url(img/navi_marker.gif);
  background-repeat:no-repeat;
  padding-left:10px;
  letter-spacing:1px;
 }
 
#subnavigation a.subnavigation1:hover,a.subnavigation2:hover {  
  color:#003646;
 }
 
 #subnavigation a.subnavigation1over,a.subnavigation1over:link,a.subnavigation1over:visited,a.subnavigation1over:active,a.subnavigation1over:focus,a.subnavigation1over:hover, a.subnavigation2over,a.subnavigation2over:link,a.subnavigation2over:visited,a.subnavigation2over:active,a.subnavigation2over:focus,a.subnavigation2over:hover {       
  color:#003646;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  background-image:url(img/navi_marker_over.gif);
  background-repeat:no-repeat;
  padding-left:10px;
  letter-spacing:1px;
 }
 



/* ======================================================================= */
/* === FORM-FIELDS                                                        */
/* ======================================================================= */

input.dlginput {
  border : 1px solid #000000;
  margin:0px;
  width:250px;
}

input.dlgtext {
  border : 1px solid #000000;
  line-height:20px; 
  margin-bottom:10px;
  width:250px;
}

input.dlgsearchinput {
	border : 1px solid #000000;
}

.dlgselect { 
    background-color:#ffffff; 
    border:1px solid #DDDDDD;
    }
    
.dlgselectgender { 
    background-color:#ffffff; 
    border:1px solid #DDDDDD;
    width:100px;     
    }    
    
    
    
input.dlgbutton {
  color:#D5DAD9; 
  border : 1px solid #404242;
  background-color: #666A6B ;
  cursor:pointer;
}

input.dlgerror-input {
	border : 1px solid #A62020;
}

.dlgerror-message {
  color:#A62020 ;
}
  
/* ======================================================================= */
/* === FORMULAR-GENERATOR                                                 */
/* ======================================================================= */

.formgap {
  visibility:hidden;
  line-height:1px;
}

.dlgcaption {
	font-weight : bold;
  color: #4C4C4C ;  
}

.dlgtextarea {
	border : 1px solid #5D5D5D;
  width:250px;
}

textarea {
	border : 1px solid #5D5D5D;
  width:250px;
}

.pub-form-group {
  font-weight : bold;
  color : #030303 ;
  background-color : #EDEDED;
}

.pub-form-caption {
  font-weight : bold;
  color : #4C4C4C ;
}

.pub-form-caption-req {
  font-weight : bold;
  color : #4C4C4C ;
}

.pub-form-caption-req-error {
  font-weight : bold;
  color : #A62020 ;
}

.pub-form-text {
  color : #2c2c2c;
}  
  


