@import url("extra.css");
/*@import url("style.css");*/



body { 
	font-family:'Lato', sans-serif;
        font-size: 14px;
        font-weight:400;
        line-height: 130%;
        color:#333;
	background:none;
	width:1007px;
}

.texti {
box-shadow: inset 0 0 10px #0f0;
background:inherit!important;;
color: inherit!important;}

.light { background:rgba(255,255,255,0.7); color:#000!important}
.dark { background: rgba(37, 32, 32, .7); color: #fff}
.red {background-color: /*#333*/rgba(178, 34, 34,0.8)!important; color: #fff!important;}
.rot { color:rgba(192,11,10,1)!important}
.footer{background: rgba(37, 32, 32, .80);}


div.buttons { 
padding:5px 10px;
background:#333;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
font-weight:400;
margin:5px; float:left; min-width:20px;
}
div.buttons:hover{background: rgba(203, 11, 34,1);
}

 div.buttons>a{color:#fff!important;
}
 div.buttons>a:hover{color:#fff!important;
}

div.button2 { 
padding:5px 10px;
background:rgba(192,11,10,1)!important;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
font-weight:400;
margin:5px; float:left; min-width:20px;
}
div.button2:hover{background: #333!important;
}

 div.button2>a{color:#fff!important;
}
 div.button2>a:hover{color:#fff!important;
}

table {border-collapse:collapse;}
td {vertical-align: top; font: 0.92em} 
 
area, usemap {border:0;}
a img {border:0;}
a { color: #1c497c; text-decoration: none;}
a:hover { color:#3A7AB2;}
a{ color: #2F6392}  


div > h3 > a{padding:5px 10px ;
background:#333;color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
font-weight:400;
width: 100px;height:20px;
}
div > h3 > a:hover{background: rgba(203, 11, 34,1); color:#fff;
padding:5px 10px;
width: 100px;height:20px;
}



/* basics */
a img  { border: 0px;}

p {	margin: 5px 10px 10px 0;  }

h1, h2, h3, h4 , .nav a{
font-family:'Lato', sans-serif;}

h1, h2, h3, h4 {

	padding: 0;
	margin: 5px 0 5px 0;
	color: ;
	line-height: 120%;
}


h1 {
	font-size: 1.6em;
	font-weight:200;

	
}

h2 {	
	font-size: 1.4em;
		
}


h3 { font-size: 1.1em; }

h4 { font-size: 1em; }
h5 { font-size: 0.8em;}
h6 { font-size: 0.7em;}



hr{
	border:none;
	border-top:solid #ccc 1px; height:1px;
	clear:both;
}


li {	
	padding-bottom: 4px;		
} 

ul {	
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.6em;
	padding-left: 0.6em;
	list-style-image: url(images/li.gif);
	list-style-type: square	
}

ol {
	
	line-height: 140%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.9em;
	padding-left: 0.9em;		
}


address {
	line-height:120%;
	margin: 10px 0 20px 0;
	padding-left: 10px;
	border-left: 6px solid #1c497c;
	font-style: normal;
	font-weight: bold;
	}


blockquote {
	background-color:#ddd;
	font-size:0.9em;
	padding: 3px;
	border-left: 2px solid #aaa;
	margin: 3px 0 20px 0;
}

pre, code {
	padding: 0 0 20px 6px;
	margin: 3px 0 20px 0;
	border-top: 1px solid #1c497c;
	border-right: 1px solid #1c497c;
	border-bottom: 1px solid #1c497c;	
	border-left: 6px solid #1c497c;
	background-color: #ffffff;
	
	color: #1c497c;
	font-size:0.9em;	
	overflow:auto; 
	line-height:2.2em;	
		
}


/*-----------------------------------------------------------------*/	

/* Specials */

/*rot hinterlegtes feld mit weisser schrift*/
.claim {padding:3px 5px; font-size:18px;font-weight:300;  font-style:italic; letter-spacing:2px;margin-left:0px; background: rgba(203, 11, 34,1);  color: #fff; margin:0px;
position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left:0px;
  top:0px; 
  min-width:130px;
  -webkit-font-smoothing: antialiased;
text-shadow: 0px 0px 1px rgba(255,255,255,1);

} 

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.clearer {height:1px; clear:both;}
p img[align="right"], h3 img[align="right"] { float:right; margin: 4px 0 5px 10px; }
p img[align="left"], h3 img[align="left"]{ float:left; margin: 4px 10px 5px 0;}

