/* 
    Document   : stylesheet3
    Created on : 28.09.2013, 13:05:07
    Author     : Klebs
    Description:
        Purpose of the stylesheet follows.
*/

body{
    
    background-image: url(../Images/Strand_Wustrow1.jpg);
    background-attachment: fixed;
}
h1{
    color: #000;
    font-family: Freestyle Script;
    font-size: 25px;
    text-shadow:0px 4px 6px #000000;
}

h2{
    color: #000;
    font-family: Freestyle Script;
    font-size: 40px;
    text-shadow:0px 4px 6px #000000;
    
}
h3{
    color: #000;
    font-family: Freestyle Script;
    font-size: 45px;
    text-shadow:0px 4px 6px #000000;
    
}
h4{
   display: block;
   font-size: 18px;
   color: #FF0033;
}
        
.trenn {width:1px;color:darkblue;font-size:14px}
#top{
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 20px;
    background-color: transparent;
    margin-bottom: 5px;
    text-align: right;
}
#topwetter{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 20px;
    background-color: #00FF00;
    margin-bottom: 5px;
    text-align: left;
}   
#menu_top a, #menu_top a:visited , #menu_top a:active {display: block;
                                                       
    color:darkblue;
    text-decoration:underline ;
    font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif; font-size: 14px;
    padding-left:10px;
    padding-right: 10px;
    height:20px;
    line-height:20px;
    text-align:center;
    background:transparent;
}
#menu_top a:hover {color:#6b6867; text-decoration:none ;
background:transparent;}



#wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 1076px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
}
#wrapper_1{
    font-size: 1px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #F00;*/
    width: 950px;
    height: auto;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
     
}
#header{
    width: 100%;
    height: 200px;
    background-image: url(../Images/Header.jpg);background-repeat:no-repeat;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    
}

#Navbar{
    width: 100%;
    height: 42px;
    background-color: #0B0719;   
    border: 1px;
   border-color: #fff;
    
    
    
   
}
/* menue im logo-bereich */

#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {
display: block;
color:#F7F9F9;
font-weight:normal;
text-decoration:none ;
font-family:georgia,verdana, sans-serif;
font-size: 15px;
margin-left: 0px;
margin-right: 0px;
border:solid 1px #000;
height:40px;
line-height:40px;
text-align:center;font-weight:bold;
background:transparent;
background-image:url(../Images/button.jpg);background-repeat:repeat-x;
background-position:50% 50%;
border:solid 1px #fff;

}

#menuhorizontal a:hover {background-color:#303030; text-decoration:none ;
color:#93AEAE;
text-decoration:none ;
background-image:url(../Images/button1.jpg);background-repeat:repeat-x;
background-position:50% 50%;
}
/* menue im admin-bereich */

#menuhorizontal_admin a, #menuhorizontal_admin a:visited , #menuhorizontal_admin a:active {
display: block;
color:#F7F9F9;
font-weight:normal;
text-decoration:none ;
font-family:georgia,verdana, sans-serif;
font-size: 10px;
margin-left: 0px;
margin-right: 0px;
border:solid 1px #000;
height:40px;
line-height:40px;
text-align:center;font-weight:bold;
background:transparent;
background-image:url(../Images/button.jpg);background-repeat:repeat-x;
background-position:50% 50%;
border:solid 1px #fff;

}

#menuhorizontal_admin a:hover {background-color:#303030; text-decoration:none ;
color:#93AEAE;
text-decoration:none ;
background-image:url(../Images/button1.jpg);background-repeat:repeat-x;
background-position:50% 50%;
}
#footer{
    width: 950px;
    height: 25px;
    color: #fff;
 
    text-shadow: 1px 3px 4px #000;
    filter:DropShadow(color=#333333, offx=2, offy=2);
    background-color: transparent;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    
}

#wetterdaten{
    width: auto;
    height: 25px;
    color: #fff;
    text-shadow: 1px 3px 4px #000;
    filter:DropShadow(color=#333333, offx=2, offy=2);
    /*background-color: #FF0033;*/
    font-weight:normal;
    font-size: 12px;
}

#werbung_index{
    width: auto;
    height: 370px;
    color: #fff;
    /*background-color: #FFFF00;*/
}   

#info-content{
    width: 265px;
    height: 835px;
    background: rgba(255, 255, 255, 0.3);
   float: left; 
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
      clear: both;
   
}
#info1{
    width: 240px;
    height: 230px;
    background-color: rgba(153, 158, 168, 0.9);
    background: rgba(153, 158, 168, 0.9);
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    text-shadow:0px 4px 6px #000000;
}
#info2{
    width: 240px;
    height: 230px;
    background-color: rgba(153, 158, 168, 0.9);
    background: rgba(153, 158, 168, 0.9);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
    text-shadow:0px 4px 6px #000000;
    }
#info3{
    width: 240px;
    height: 150px;
    background-color: rgba(153, 158, 168, 0.9);
    background: rgba(153, 158, 168, 0.9);
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px; 
    color: #000;
    font-weight: bold;
    text-shadow:0px 4px 6px #000000;
}
#info4{
    width: 240px;
    height: 150px;
    background-color: rgba(153, 158, 168, 0.9);
    background: rgba(153, 158, 168, 0.9);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px; 
    color: #000;
    font-weight: bold;
    text-shadow:0px 4px 6px #000000;
}
#content{
    width: 685px;
    height: 835px;
    background: rgba(255, 255, 255, 0.3);
   
    float: right;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
}
#content_big{
    width: 100%;
    height: auto;
    font-size: 10px;
    margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-border-bottom-right-radius:  10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright:  10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     
    
}
#content1{
    width: 665px;
    height: 805px;
    background-color: rgba(153, 158, 168, 0.9);
    background: rgba(153, 158, 168, 0.9);
    margin-top: 10px;
    margin-left: 10px;
     
}
#content1_big{
    font-size: 15px;
    width: 930px;
    height: auto;
    background-color: rgba(153, 158, 168, 0.9);
    background: rgba(153, 158, 168, 0.9);
    max-height: 1150px;
        
    margin-left: 10px;
    margin-bottom: 15px;
    
}
 #content1_big_pic_list
	{     
       width: 750px;
        max-height: 900px;
           -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
       
       color: #ffffff;
       background-color: #696669;
      
       overflow:hidden; 
        }      
#about_big{
   width: 920px;
   height: 400px;
   margin-top: 10px;
   /*background-color: #00FF00;*/
 
}
#aboutpic{
   max-width: 200px;
   /*background-color:#303030;*/
   text-decoration:none ;
   float: left;
   margin-left: 15px;
   margin-top:  25px;
   border-top   : 2px;
   border-color: #fff;
}
#abouttext{
   height: 318px; 
   width: 700px;
   background-color:#303030;
   float: left;
   margin-top:  25px;
   border-top   : 20px;
   border-color: #000; 
   
}

#tabel_listing{
	width: 797px;
        height: 400px;
        font-size:10px;
        text-align: left;
        /*background: #CC00FF;*/
        overflow: auto;
        background-color: #000;
}

#tabel_listing_ausstellung{
	width: 840px;
        max-height: 900px;
        font-size:10px;
        text-align: left;
        background: transparent;
        overflow: auto;
}      
#tabel_listing_links{
	width: 800px;
        max-height: 900px;
        font-size:10px;
        text-align: left;
        background: transparent;
        overflow: auto;
}      
#tabel_ausstellung_row{
	width: 820px;
        height: 130px;
        /*background: #33ff33;*/
       
       
}
#tabel_ausstellung_text{
	width: 670px;
        /*background: #33ff33;*/
       
       
}
#tabel_ausstellung_bild{
	max-width:120px;
        margin-top: 10px;
       margin-bottom: 1px;
        float: right;
        margin-right: 20px;
            
        /*background: #388f33;
        margin-left: 10px;*/
} 

#tabel_art_button
	{
        border-top:1px solid #fff;
        background: #2E2E2E;
        padding: 10px;
        
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
        
        }
 #tabel_art_button_text/*weiss oben bilde */
	{
        float: left;
        text-align: center; 
        color:#ffffff; width:70px;font-size:10px;
        }     
    #tabel_art_button_text1/*grün unter bilde */
	{
       float:left;
       text-align: center; 
       color:#33ff33; width:70px;font-size:10px;
        }         
     #tabel_art_button_text2
	{
       float:left;
       text-align: center; 
       color:#FF0000; width:70px;font-size:10px;
        }
      #tabel_art_button_text3
	{
       float:left;
       text-align: center; 
       color:#FFFF00; width:70px;font-size:10px;
        }  
        
     #tabel_art_button_text4
	{
       float:left;
       text-align: center; 
       color:#ffffff; width:90px;font-size:10px;
        }       

#tabel_pic_l{
        /*outline:1px solid #fff;*/
        margin-left: 25px;
        margin-bottom: 25px;
        float: left;    
	max-width: 320px;
        font-size:10px;
        text-align: left;
        color: #ffffff;
	background-color: #000; 
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
}  
#tabel_pic_r{
        /*outline:1px solid #fff;*/
        margin-right: 25px;
        margin-bottom: 25px;
        float: right;    
	max-width: 320px;
        font-size:10px;
        text-align: left;
        color: #ffffff;
	background-color: #000;
        -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft:  10px;
     border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius:  10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright:  10px;
     border-bottom-right-radius: 10px;
}
#page_nav{
	clear: both;
        width: 50%;
	color: #ffffff;
        line-height: 22px;
	background-color: transparent;
        text-align: right;
        height: 25px;
        font-size: 90%;
         
}        

img{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.shadow{
   -moz-box-shadow: 0px 0px 12px #000;
   -webkit-box-shadow: 0px 0px 12px #000;
    box-shadow: 0px 0px 12px #000; 
    
}
.shadow_info{
   -moz-box-shadow: 0px 0px 6px #000;
   -webkit-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000; 
}
.shadow_box{
    -moz-box-shadow: 5px 4px 5px #696669;
    -webkit-box-shadow: 5px 4px 5px #696669;
    box-shadow: 5px 4px 5px #696669;
}
span.rot
{
display: block;
font-size: 14px;
color: #FF0033;
  
}       
.Feldtext { background-color:#fff; width:525px; border:1px solid #ddd; }
.Feldtext1 { background-color:#fff; width:585px; border:1px solid #ddd; }
.Feldlogin { background-color:#fff; width:150px; border:1px solid #ddd; }
.Feldlogin1 { background-color:#fff; width:300px; border:1px solid #ddd; }
.Feldtext_datei { background-color:#fff; width:380px; border:1px solid #ddd; }
.text1 {color:#000;font-size:14px;font-family: georgia,arial, helvetica, tahoma ,verdana, sans-serif;}
.tabletexttop {  text-align: center;color:#ffffff; width:300px;font-size:12px;}/*weiss oben bilde */
.tableimage {  text-align: center;color:#ffffff; width: 300px;font-size:12px;}
.row_0 {font: 11px arial;background-color:#506dc3;   /*67565e*/	}	
.row_1 {font: 11px arial;background-color: #304da2;	/*777777*/}	
.row_2 {font: 11px arial;background-color: #00FF00;color: #000;border-bottom: #ffffff 1px solid;}	
.row_3 {font: 11px arial;background-color: #FF0033;color: #000;border-bottom: #ffffff 1px solid;}	
.row_4 {font: 11px arial;background-color: #FFFF00;color: #000;border-bottom: #ffffff 1px solid;}	
.row_5 {font: 11px arial;background-color: #CC00FF;color: #000;border-bottom: #ffffff 1px solid;}	
.row_6 {font: 14px arial;background-color: #33ff33;}	
.row_7 {font: 14px arial;background-color: #FF6666;}	
.row_8 {font: 11px arial;border-bottom: #ffffff 1px solid;background-color:#506dc3;   /*67565e*/}	
.row_9 {font: 11px arial;background-color: #304da2;	/*777777*/border-bottom: #ffffff 1px solid;}
.row_10	{border-left: #ffffff 11px solid;}
.row_11 {color: #ffffff;font: 11px arial;background-color:#333333;  /*67565e*/}	
.row_12	{color: #ffffff;font: 11px arial;background-color:#444444;	/*777777*/}
a.pageclass:link { color:#ffffff;font-size:13px;}/*weiss unter bilde */
.page{ color:#fff;font-size:13px;}/*weiss unter bilde */
.page1{ color:#210B61;font-size:13px;}/*weiss unter bilde */
a.page1:link { color:#888888;font-size:13px;}/*weiss unter bilde */
a.page:hover, a:active {color:#454545;font-size:13px;text-align: left;} /*rot unter bilde */
a.page:visted {color:#454545;font-size:13px;text-align: left;} /*rot unten seite */
.cycle-slideshow { width: 100% }
.cycle-slideshow img { width: 100%; height: auto ; background-color: rgba(153, 158, 168, 0.9);background-image:url(../Images/loading2.jpg);background-repeat:no-repeat; }
.cycle-overlay { width: 100% ;font-size:12px;margin-top: 5px}