/* ----------------------------------------------------------
Stylesheet zu Jan Hinnerk Voss Translations
Stand: 15.07.2014
Datei: bildschirm.css
Autor: Serkan Demiral

Aufbau:   1. Kalibirierung
          2. Allgemeine Styles
          3. Styles für Layoutbereiche
          4. Sonstige Styles
-------------------------------------------------------------
*/


/* -------------------------------------------------------------
    1. Kalibrierung
------------------------------------------------------------ */

* { padding: 0; margin: 0; }


h2, p, ul, ol { font-size: small; font-variant: none; margin-bottom: 1em; }

ol, ul { margin-bottom: 0; }

li { margin-left: 0; }

p {text-align: justify; padding: 10px; color:#000033;}





/* -------------------------------------------------------------
    2. Allgemeine Styles
------------------------------------------------------------ */

html { } 

body {
  padding: 0;
  background-color: #white;
  font-family: 'Roboto', sans-serif;
  
  font-size: medium;
}


div {
	}
	


#logo { 
	}



h1 { }



h2 { font.size: 150%; }


address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;
}



a { 
  text-decoration: none;
  outline: none;
}



.bildlinks {
float: left;
padding: 3px;
margin-right: 20px;
margin-bottom: 10px;
border: 1px solid;
border-color:#000066;
width: 240px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}



.bildrechts {
float: right;
padding: 3px;
margin-left: 10px;
margin-bottom: 10px;
border: 1px solid gray;
width: 200px;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}


img src {
	height: 120px;
	width: 80px;
	}

#logo {
	margin: none; padding: none;	
	}

/* -------------------------------------------------------------
    3. Styles für Layoutbereiche
------------------------------------------------------------ */


#wrapper {
  width: 980px;
  margin: 4px auto;
  
}

	#kopfbereich {
		margin: none; padding: none; 
	   }

				  #kopfbereich h1 {
				  
				   }
 
 
  /*--MENU--*/
  
  
  
  
	#menu {
	width: 100%;
margin: 20px 0 0 0  ;
padding: 5px 0 0 0;
background: #faeeda;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left; 
	   }
	   
				   #menu ul {
					float: left;
					margin: 0;
					padding: 0 0 10px 0;	
					list-style-type: none; 
					
					} 
									   
									  /*--definiert die Blocküberschriften--*/
					#menu ul li h3 {
					font-size: 1em;
					text-align: center;
					color: #041e69;
					border: none; /*--erforderlich für IE 7--*/
					background: none;
					width: 127px
					}
					
					/*--definiert die "Drop-Down-Links" im Normalzustand--*/
					#menu li h3 a {
					
					}
					
					/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
					#menu li h3 a:hover {
					color: #000099;
					background: none;
					}  
				  
				  
					  /*
					*verhindert im Zusammenhang mit position absolute bei ul ul
					*eine Höhenvergrößerung von #menu beim Hovern--
					*/
					
					#menu li {
					position: relative;
					}
					
					/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
					#menu ul ul {
					position: absolute;
					z-index: 2;
					display: none;
					} 
  
					  /*--lässt die Dropdown-Links beim Hovern erscheinen--*/
					#menu ul li:hover ul {
					display: block;
					} 
					  
					  
					  /*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
					
					* html #menu ul li {
					float: left;
					width: 100%;
					}
					
					/*--nur für IE 7 erkennbar--*/
					
					*+ html #menu ul li {
					float: left;
					width: 100%;
					} 
					
					/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
					*html body {
					behavior: url(csshover3-source.htc);
					font-size: 100%;
					}
					
					*html #menu ul li a {
					height: 1%;
					color:#6699cc;
					} 
					
					/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/
					
					#menu a.direkt:link {
					font-size: 1em;
					font-weight: bold;
					text-align: center;
					color: #000;
					border: 1px solid #003366;
					background: #ff8000;
					}
					
					/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
					
					#menu a.direkt:hover {
					color: #ff9224;
					background: #003366;
					border: 1px solid #ccc;
					} 


	#textbereich {
	  width: 978px;
	  min-height: 350px;
	  margin: none;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	  padding: 0px 20px 0px 0px;
	  -moz-border-radius:10px;
	  -k$html-border-radius:30px;
	  font-size:medium;
		  }
  	
					  #textbereich  {
					   
					   }
					   
					  #textbereich a {
					   }
					   
					   #textbereich ul {
					   padding: 25px 0px 0px 15px;
					   }
						
						
						 #textbereich ul h1{
					   padding: 25px 0px 0px 15px;
					   }  
					  #textbereich ul li { 
					  list-style-type: disc; 
					  color: #000000;
					  text-align:left;
					  margin: none;
					  padding: 10px 0 0 50px;
					  font-size:14px;
					  
					  
					 
					  }
					  
					   #textbereich ul li p{
					   color:#000;
					   padding-left:60px;
					  
					  }
					  
					  #textbereich a:hover,
					  #textbereich a:focus {
						
					  }

 div#box table#tabelle {
                 outline-style:none;
                 margin-left: 20px;
				 width: 800px;
                 }


                 div#box table#tabelle tr td{
                                 font-size:16px;
                                 padding-right:15px;
                                 text-align:left;
                                 border-bottom: 1px dotted black;
                                 }
								 
								 div#box {
        margin: 10px;
        left:20px;top:50px;
        min-height:550px;
        }

	#fussbereich {
	  margin-top: 0px;
	  width: 580px;
	  float: right;
	  margin-right: 30px;
	}

					#fussbereich ul li {
						color: #CCCCCC;
						float: right;
						display: inline;
						padding: 0;
					}
				  
/* -------------------------------------------------------------
    4. Sonstige Styles
------------------------------------------------------------ */
form {
	background-color: #cccccc;
	color: black;
	width: 500px;
	padding: 20px;
	margin: 10px 20px 20px 0;
	-moz-border-radius:10px;
-khtml-border-radius:30px;
}

label {
	display: block;
	cursor: pointer;
	}
	
input#absender, textarea {
	width: 300px;
	border: 1px solid gray;
	margin-bottom: 1em;
	}

textarea{
	height: 6em;
	}

input#absender:focus, textarea:focus {  
	background-color: #eeeeee;
	color: black;
	}

.klick {
  text-align: right;
  padding-right: 10px;
  }


/* -------------------------------------------------------------
    Hyperlinks
------------------------------------------------------------ */


a { 
  text-decoration: none;
  outline: none;
}


a:link { color:#6699cc; font-weight:bold; padding-right:11px; }
a:visited { color: #042d5b; }
a:focus, a:active, a:hover { 
  background-color: none; 
  color: #042d5b;
  }

#menu ul li .hier {
	color: red;}
/* -------------------------------------------------------------
    Klassen und IDs
------------------------------------------------------------ */

/* -------------------------------------------------------------
    BOXEN
------------------------------------------------------------ */

#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background:#fcedd5;
 margin: 5px 5px 0px 0px;
 padding: 10px;
 height: 250px;
 width: 218px;
 float: left;
}
					#leftcolumn ul li p{ 
					color:black;
					padding-left:10px;
					}

#leftmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background:#c6e4f9;
 margin: 5px 5px 0px 0px;
 padding: 10px;
 height: 250px;
 width: 219px;
 float: left;
}
#rightmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background:#f8e0b8;
 margin: 5px 5px 0px 0px;
 padding: 10px;
 height: 250px;
 width: 220px;
 float: left;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background:#a9d8fa;
 margin: 5px 0px 0px 0px;
 padding: 10px;
 height: 250px;
 width: 218px;
 float: right;
 }
 
 
 
 
 
 /* -------------------------------------------------------------
    3 er BOXEN
------------------------------------------------------------ */
 
 
 
 #left3column { 
 color: #333;
 border: 1px solid #ccc;
 background:#fcedd5;
 margin: 5px 5px 0px 0px;
 padding: 10px;
 height: 280px;
 width: 299px;
 float: left;
}
					
					#left3column h1 {
					font-size: 105%; 
					font-type: verdana; 
					padding:20px 0 0 0 ; 
					color:#000033;
					}
									
					
					#left3column ul li {
					font-size:small;
					padding: 0 0 7px 0;
					list-style-type:disc;

					}
					
					
					#left3column ul li p{ 
					color:black;
					padding-left:10px;
					}

#left3middle { 
 color: #333;
 border: 1px solid #ccc;
 background:#c6e4f9;
 margin: 5px 5px 0px 0px;
 padding: 10px;
 height: 280px;
 width: 301px;
 float: left;
}
					#left3middle h1 {
					font-size: 105%; 
					font-type: verdana; 
					padding:20px 0 0 0 ; 
					color:#000033;
					}

				#left3middle ul li {
				list-style-type:disc;
				padding: 0 0 7px 0;
				font-size:small;

				}

#right3column { 
 color: #333;
 border: 1px solid #ccc;
 background:#a9d8fa;
 margin: 5px 0px 0px 0px;
 padding: 10px;
 height: 280px;
 width: 299px;
 float: left;
 }
 				
				#right3column h1 {
					font-size: 105%; 
					font-type: verdana; 
					padding:20px 0 0 0 ; 
					color:#000033;
					}
					
					
				 #right3column ul li {
				list-style-type:disc;
				padding: 0 0 7px 0;
				font-size:small;

				}


/* -------------------------------------------------------------
   2er  BOXEN
------------------------------------------------------------ */



#left2column { 
 color: #333;
 border: 1px solid #ccc;
 background:#c6e4f9;
 margin: 5px 5px 0px 0px;
 padding: 10px;
 min-height: 310px;
 width: 463px;
 float: left;
}
			#left2column h1 {
					font-size: 105%; 
					font-type: verdana; 
					padding:20px 0 0 0 ; 
					color:#000033;
					}
									
					
					#left2column ul li {
					font-size:small;
					list-style-type:disc;
					padding: 0 0 7px 0;

					}
					
					
					#left2column ul li p{ 
					color:black;
					padding-left:10px;
					}


#right2column { 
 color: #333;
 border: 1px solid #ccc;
 background:#fcedd5;
 margin: 5px 0px 0px 0px;
 padding: 10px;
 min-height: 310px;
 width: 463px;
 float: right;
 }
 
				 #right2column h1 {
					font-size: 105%; 
					font-type: verdana; 
					padding:20px 0 0 0 ; 
					color:#000033;
					}
					
					
				 #right2column ul li {
				list-style-type:disc;
				padding: 0 0 7px 0;
				font-size:small;

				}