@import url("stile_font.css");
@import url("stile_menu.css");
@import url("stile_slider.css");
@import url("stile_speziell.css");


html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

:hover, :focus, :active { outline: none; }


html, button, input, select, textarea {
	font-family: "open_sansregular", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: #404040; 
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

body { margin: 0; font-size: 1.05em; line-height: 1.7em; }

a, a:active, a:focus { 
	color: #0000CD; 
	font-weight: normal;
	cursor: pointer;  
	text-decoration: none;
	transition:color 0.2s ease; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; -o-transition:color 0.2s ease;}

a:hover { color: #125791; text-decoration: underline;} 
a:visited {opacity:0.9;}

a.nohover, a.nohover:hover {
	color: #0000CD;
}

a.weiss { color: #989fa2; }

a.link_top {
	text-decoration: none; 
	color: #393939;
}
a.link_top:hover { color: #57d72a; }


p{margin: 0 0 1em 0}
p:last-child {margin-bottom: 0;}
p.small {font-size: 0.8em; line-height: 1.2em;}

b, strong{font-weight:700}
sup{top:-0.5em}

h1, h2, h3 {
	margin: 0 0 0.8em 0;
	font-family: "open_sanslight", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: #003399;
}

h4,h5,h6 {
	margin: 0 0 0.5em 0;
	font-family: "open_sanslight", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: #003399;
}

h1 {
	font-size: 2.1em;
	padding-bottom: 0.3em;
}


h2 {
	font-size: 1.6em;
}


h3 {
	font-size: 1.1em;
}


h2.center {
	text-align: center;
} 




hr { border:solid #969696 1px; height: 1px; border-width:0 0 1px 0;}


img.responsive {
    max-width: 100%;
    height: 100%;
}

img.inhalt {
    max-width: 100%;
    height: auto;
    margin:  20px;
}


.shadow {
	box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.75);
	-o-box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.75);
}

.shadowlight {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.5);
	-moz-box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.5);
	box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.5);
	-o-box-shadow: 0px 0px 10px 2px rgba(156,156,156,0.5);
}

.rahmen { border:solid #dcdcdc 1px;}

table.rahmen { 
	border: solid #333333 1px;
}

.clear {
	clear: both;
}


.clearfix {
	clear: both;
}

.semibold {
	font-family: "open_sanssemibold", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
}
/* Formulare -------------------------------------------------------------------------------------------------------------- */

form{margin:0}
input {  
	padding: 2px; 
	border:1px solid #bbbbbb; 
	height: 1em;
	font-size: 1em;
}
input:hover, input:focus {
	background-color: #eeeeee;
	border-color: #505050;
	box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
}

select {  
	padding: 2px 2px 4px 2px;
	border:1px solid #bbbbbb; 
	height: 28px;
}
select:hover, select:focus {
	background-color: #eeeeee;
	border-color: #505050;
	box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
}

textarea {  
	padding: 2px; 
	border:1px solid #bbbbbb; 
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
}
textarea:hover, textarea:focus {
	background-color: #eeeeee;
	border-color: #505050;
	box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(50,50,50,0.5);
}

input.checkbox {  
	vertical-align: middle;
}

input.radio {  
	vertical-align: middle;
	margin-top: 0px;
}


/* Formulare Ende --------------------------------------------------------------------------------------------------------- */





/* Boxen CKEditor ---------------------------------------------------------------------------------------------- */

.shadowbox_hell {
	display: inline-block;
    width: auto; 
	padding: 5px 10px 5px 10px;
	margin: 0 0 15px 8px;
	clear: both;
	
	background-color: #e3e3e3;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}

.shadowbox_hell_fluss_links {
	display: inline-block;
    width: 300px; 
	padding: 5px 10px 5px 10px;
	margin: 10px 20px 10px 0;
	float: left;
	
	background-color: #e3e3e3;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}


.shadowbox_hell_fluss_rechts {
	display: inline-block;
    width: 300px; 
	padding: 5px 10px 5px 10px;
	margin: 10px 0 10px 20px;
	float: right;
	
	background-color: #e3e3e3;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}

.shadowbox_dunkel {
	display: inline-block;
    width: auto; 
	padding: 5px 10px 5px 10px;
	margin: 0 0 15px 8px;
	clear: both;
	
	color: #e3e3e3;
	background-color: #4a4a4a;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}


.shadowbox_dunkel_fluss_links {
	display: inline-block;
    width: 300px; 
	padding: 5px 10px 5px 10px;
	margin: 10px 20px 10px 0;
	float: left;
	
	color: #e3e3e3;
	background-color: #4a4a4a;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}


.shadowbox_dunkel_fluss_rechts {
	display: inline-block;
    width: 300px; 
	padding: 5px 10px 5px 10px;
	margin: 10px 0 10px 20px;
	float: right;
	
	color: #e3e3e3;
	background-color: #4a4a4a;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}


.shadowbox_weiss_fluss_rechts {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	margin: 10px 0 10px 20px;
	float: right;
	
	background-color: white;
    
   	box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-o-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(50,50,50,0.5);
}
/* Ende Boxen CKEditor ---------------------------------------------------------------------------------------------- */


.fraktur {
	font-family: "Fraktur", "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.5 em
	color: #1c1c1c;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}