@media only screen and (min-height: 480px){
@media only screen and (min-width: 860px) and (max-width: 1519px){
*
{
margin:0px;
padding:0px;
}
#ra_oben{position: fixed; top:0px; left:0px; background: url(img/rahmen_weiss_o.png); height: 56px; width:100%; background-repeat: repeat-x;  z-index:100}
#ra_links{position: fixed; top:0px; left:0px; background: url(img/rahmen_weiss_l.png); height: 100%; width:56px; background-repeat: repeat-y; z-index:100}
#ra_rechts{position: fixed; top:0px; right:0px; background: url(img/rahmen_weiss_r.png); height: 100%; width:56px; background-repeat: repeat-y; z-index:100}
#ra_unten{position: fixed; bottom:0px; left:0px; background: url(img/rahmen_weiss_u.png); height: 56px; width:100%; background-repeat: repeat-x; z-index:100}

#logo{position:absolute; left:50%; margin-left: -128px; top:113px; clear: left;}

html, body {font-family: 'Ruda', sans-serif; background-color: #8ab5dd; margin: 0px; height:100%; width:100%; padding: 0px; }
h1 {font-family: "Ruda", sans-serif; font-weight: 900;font-style: normal;}

#startlogo{position: absolute; left:50%; top:50%; margin-left:-345px; width: 300px; height: 146px; margin-top: -73px;vertical-align: top; text-align:center;
}
#startlogo img{width:300px;}

#startunten{position: fixed; bottom:-20px; background: url(img/menue_dunkelblau_u_startseite.png); height: 180px; width:100%; background-repeat: repeat-x; z-index:50; text-align: center;} 
#startuntenmenu{position: absolute; left: 50%; bottom: 80px; width:1000px; margin-left:-500px;text-align:center;}
#startunten a{color: white; font-family: "Ruda"; font-weight: 400;text-decoration: none; padding: 3px; padding-left: 4px; padding-right:4px;}
#startunten a:hover{background-color: #e53528; }

#catWrap{position: fixed; top:-20px; background: url(img/menue_dunkelblau_o_mehr.png);  width:100%; height:220px; background-repeat: repeat-x; z-index:50}
#categories{position:absolute; left:50%; top:180px; 
  margin-left: -280px; 
  width: 690px; }
#categories a{color: white; font-family: "Ruda"; font-weight: 400;text-decoration: none; padding: 3px; padding-left: 7px; padding-right:7px;}
#categories a.act{background-color: #e53528; font-weight: 900}
#categories a:hover{background-color: #e53528; }

#naviWrap{position: fixed; top:60px; background: url(img/menue_mittelblau_o.png); height: 200px; width:100%; background-repeat: repeat-x; z-index:40}
#navi {position:absolute; left:50%; top:150px; margin-left: -345px; width: 690px; } 
#navi a{color: white; font-family: "Ruda"; font-weight: 400;text-decoration: none; padding: 3px; padding-left: 7px; padding-right:7px;}
#navi a.act{background-color: #e53528;  font-weight: 900;}
#navi a:hover{background-color: #e53528; }

#unten {position: fixed; bottom:-20px; background: url(img/menue_mittelblau_u.png); height: 130px; width:100%; background-repeat: repeat-x; z-index:50; text-align: center;}
#untenlinks{position: absolute; left: 50%; bottom: 80px; width:145px; margin-left:-345px; text-align:left;}
#untenrechts{position: absolute; left: 50%; bottom: 80px; width:700px; margin-left:-325px; 
  text-align:right;}
#unten a{color: white; font-family: "Ruda"; font-weight: 400;text-decoration: none; padding: 3px; padding-left: 7px; padding-right:7px;}
#unten a.act{background-color: #e53528; font-weight: 900}
#unten a:hover{background-color: #e53528; }

#content a {color: #294d99; text-decoration: underline}
#content {position: absolute; left:50%; margin-left:-345px; 
	width: 690px; vertical-align: top;padding:0px; min-height:250px; margin-right: 0px; margin-bottom: 0px; margin-top:20px;}
#content_box {position: relative; top:0px; left: 0px; background-color: white; width: 640px; margin: 0px; margin-top: -14px; padding:25px; padding-top:25px; min-height:250px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}

#content_rand_oben {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; 	clear: left; z-index:5}

#content_rand_unten {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;}

h2{margin:5px; color: #294d99; font-weight: 900; margin-left:10px;}

#overlay_text a{margin:5px; color: #294d99; font-weight: 600; margin-left:10px; text-decoration: underline}
#overlay_text p{margin:5px; color: #294d99; font-weight: 600; margin-left:10px;}
#mobisprech{display:none;}

.rot{ color: #e53528; }
b{color: #294d99; font-weight: 900;} 
#content_text{margin:10px; margin-left:10px;}

.projekt_box {position: relative; top:0px; left: 0px; background-color: white; width: 690px; margin: 0px; margin-top: -14px; padding:0px; padding-right:0px;height:150px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
.projekt_rand_oben {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5;}
.projekt_rand_unten {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;  margin-bottom: 20px;}
.projekt_text{margin:0px; max-width:400px;}
.projekt_text p{margin:5px; margin-left:30px;  }
.projekt_text h2{margin:15px; color: #294d99; margin-top:30px;font-weight: 900; margin-left:30px;}

.thumbsproj {float: right; margin:0px; padding:0px; height:150px;
 overflow: hidden;}
.thumbsproj img {position: absolute; right:0px; width:272px; margin-left:15px; margin-bottom:0px; 
	margin-right:0px; margin-top:-30px; clip: rect(0px,272px,150px,0px);}


#hl_box {position: relative; top:0px; left: 0px; background-color: white; width: 690px; margin: 0px; margin-top: -14px; padding:0px; padding-right:0px;min-height:80px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
#hl_rand_oben {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
#hl_rand_unten {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-bottom: 20px;}
#hl_text{margin:0px; }
#hl_text p{margin:5px; margin-left:30px; margin-right: 30px;}
#hl_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}

#hl1_box {position: relative; top:0px; left: 0px; background-color: white; width: 690px; margin: 0px; margin-top: -14px; padding:0px; padding-right:0px;min-height:160px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
#hl1_rand_oben {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
#hl1_rand_unten {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-bottom: 20px;}
#hl1_text{margin:0px; }
#hl1_text p{margin:5px; margin-left:30px; margin-right: 30px;}
#hl1_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}

#hl2_box {position: relative; top:0px; left: 0px; background-color: white; width: 690px; margin: 0px; margin-top: -14px; padding:0px; padding-right:0px;min-height:160px; vertical-align:top; display: block; 	float: left; 	clear: left;z-index:4;}
#hl2_rand_oben {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5; background-position:0px 0px;}
#hl2_rand_unten {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px; margin-bottom: 20px;background-position:0px 0px;}
#hl2_text{margin-left:20px; margin-top:30px;}
#hl2_text p{margin:5px; margin-left:30px; margin-right: 30px;}
#hl2_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}
#hl2_text #search{background-color: #e2e4e4; width: 280px; margin: auto; margin-top:10px; border: 0px; height: 25px; padding:3px;float:clear;}
#hl2_text #submit{background-image: url(img/button_off.png); position: absolute; right: 20px; bottom: 20px; font-weight:900;}



th {text-align: left; color: #294d99; padding-bottom: 10px;}


.team_text{margin:0px; margin-bottom: 40px; height:300px; width:500px;}
.team_text p{margin:5px; margin-left:30px; }
.team_text h2{margin:15px; color: #294d99; margin-top:30px; font-weight: 900; margin-left:30px;}
.team_rand_oben {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
.team_rand_unten {position: relative; top:0px; left: 0px; width: 690px; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;  }
div.team_box {position: relative; top:0px; left: 0px; background-color: white; width: 690px; margin: 0px; margin-top: 0px; margin-right:0px; margin-left:0px;  padding:0px; padding-right:0px;min-height:300px; vertical-align:top; display: block; 	float: left; 	z-index:4; margin-bottom:20px; }
div.team_box:nth-child(even){margin-right:20px; }




#thumbs {float: right}
#thumbs img {width:250px; margin-left:15px; margin-bottom:15px; }
#thumbs audio {width:250px; margin-left:15px; margin-bottom:15px; }
#thumbs video {width:250px; margin-left:15px; margin-bottom:15px; }

#thumbs_mobil {display: none; position: relative; }


#thumbs_unten {display: inline-block; overflow:hidden;  position: absolute; bottom: 0px; left: 0px; width: 693px; height:162px; z-index:0; margin:-1px; padding: 0px;}
#thumbs_unten a {float: left; max-height: 162px; }
#thumbs_unten img {float: left; width:232px; max-height: 162px; margin: -1px; padding: 0px; }
#thumbs_unten video {float: left; width:232px; max-height: 162px; margin: -1px; padding: 0px; }
#thumbs_unten audio {float: left; width:232px; max-height: 162px; margin: -1px; padding: 0px; }
#innen {display: block; margin: 0px; padding: 0px;}

#thumbscroll_links{position: absolute; left:50px; top:43px; text-decoration: none; font-size: 20px; width: 24px; height:38px;}
#thumbscroll_rechts{position: absolute; right:88px; top:43px; text-decoration: none; font-size: 20px;}

#sponsoren {}
#sponsoren img {max-width:200px; margin-left:15px; margin-bottom:15px; clear:none; }






.thumbsteam {
	float: right; margin:0px;
	padding:0px; height:50px; width:50px; overflow: hidden;}
.thumbsteam img {position: absolute; right:0px; width:150px; margin-right:30px;}


#start_box1 .start_text{margin:0px; margin-bottom: 40px; margin-right:30px;}
.start_text{margin:0px; margin-bottom: 40px; height:100px; margin-right:20px;}
.start_rand_oben {position: relative; top:0px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_o_1160.png); height:14px; padding: 0px; display: block; 	float: left; clear: left; z-index:5}
.start_rand_unten {position: relative; top:80px; left: 0px; width: 100%; margin: 0px; background: url(img/rand_l_u_1160.png); height:14px; padding: 0px;display: block; 	float: left; clear: left; z-index:5; margin-top: -14px;  }

div.start_box {position: relative; top:0px; left: 0px; background-color: white; width: 320px; margin: 0px; margin-top: 0px; margin-right:0px; margin-left:0px;  padding:0px; padding-right:0px;min-height:200px; vertical-align:top; display: block; 	float: left; 	z-index:4; margin-bottom: 20px;}



#start_box1{   width:690px; height:190px;}
#start_box2{   margin-right:50px; height:400px;}
#start_box3{   margin-right:0px;height:400px;}
#start_box4{   margin-right:50px;height:400px;}
#start_box5{   margin-right:0px;height:400px;}
#start_box6{   margin-right:50px;height:400px;}
#start_box7{   margin-right:0px;height:400px;}
#start_box8{   margin-right:50px;height:400px;}

#start_box1 .start_text {height:190px;}
#start_box1 img:first-of-type{position: absolute; top: 0px; left:0px; width:362px; clip: rect(0px,362px,200px,0px);}
#start_box2 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box3 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box4 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box5 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box6 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box7 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box8 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}
#start_box9 img:first-of-type{position: absolute; top: 0px; left:0px; width:320px; clip: rect(0px,320px,130px,0px);}

p.wp_text{width:200px;}
img.wp_icon{position: relative; top: 250px !important; left:200px !important; width:100px !important; height:100px !important;}
img.wp_icon1{position: relative; top: 250px !important; left:100px !important; width:100px !important; height:100px !important;}
img.wp_icon2{position: relative; top: 10px !important; left:170px !important; width:100px !important; height:100px !important; margin: 0px; margin-top: 0px;}

.extraheight{height:150px !important;}



.start_text img{float: left; }
.start_text h2{margin-left:30px; margin-top:180px;}
.start_text p{margin-left:30px; }
#start_box1 .start_text h2{margin-left:370px; margin-top:30px;}
#start_box1 .start_text p{margin-left:370px; margin-top:30px;}

#pferd{position:fixed; left:100%; margin-left:-150px; top:210px; z-index:9997;}
#pferd img{width:80px;}
#sprechblase{position:fixed; left:calc(100% - 100px); top:150px; z-index:9998; width:85px; height:83px;}
#sprechblase img{width:85px; height:83px;}

#unten a#spende {margin-top:-20px; height: 100px; padding-top:10px !important; padding-bottom:100px; background-color:#e53528 !important}


#unten a#smaller{font-size:8pt; font-weight: 900}
#unten a#larger{font-size:15pt; font-weight: 900}



#contact{width:300px; float: right; height:700px; margin-top: -280px; }
#contact input{background: #e3e5e4; width:300px; border:0px; height:35px; margin-bottom:30px;font-family: 'Ruda'}
#contact textarea{background: #e3e5e4; width:300px; height:150px !important; border:0px; height:35px; margin-bottom:30px;font-family: 'Ruda'}
#submit{background-image: url(img/button_off.png); border:0px; width:93px; height:32px; color: white; margin-left:210px;font-family: 'Ruda'}

.mobith{display:none;}
.mobileonly{display: none;}

#fade {display: none; position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index: 1001000;  -moz-opacity: 0.8;  opacity: .80;  filter: alpha(opacity=80);}
.light {display: none; position: fixed;  top: 5%;  left: 5%;  width: 90%;  height: 90%;   border: 2px solid #FFF;  background: #FFF;  z-index: 1002000;  overflow: visible;}
.light video{width:100%; height:100%;}
.boxclose {float: right; cursor: pointer;  color: #fff;  border: 1px solid #AEAEAE;  border-radius: 3px;  background: #222222;  font-size: 31px;  font-weight: bold;  display: inline-block;  line-height: 0px;  padding: 11px 3px;  position: absolute;  right: 2px;  top: 2px;  z-index: 1002000;  opacity: 0.9;}

.videothumbWrap { position: relative; }

.videothumbWrap a {
   position: absolute;
   display: block;
   background: url(img/mediaplayer_play_off.png);
   height: 80px;
   width: 80px;
   top: 50%;
   left: 50%;
   margin: -40px 0 0 -40px;
   z-index:100;
}

.videothumbWrap a:hover {
   background: url(img/mediaplayer_play_on.png);

}

.tabletonlythumb{display:inline;}
.desktoponlythumb{display: none;}
.desktoponly_margin{height: 200px}

}
}